首页 Javascript

Javascript创建web component

  • yiqingpeng
  • 2023-11-01
  • 0
  •  
具体的概念和使用方法请参考mdn: https://developer.mozilla.org/zh-CN/docs/Web/API/Web_components 本文的示例权当抛砖引玉。 Javascript代码: class TimelapsingBar extends HTMLElement { barEle

css动画重置,暂停,监听结束

  • yiqingpeng
  • 2020-12-27
  • 0
  •  
<style> .animation{height:20px;background:green;animation:fancy1 20s} @keyframes fancy1{ 0%{width:0%;} 100%{width:100%;} } @keyframes fancy2{ 0%{width:0%;} 100%{width:100%;} } <

IE11中xmlHttp.setRequestHeader的问题

  • yiqingpeng
  • 2020-06-29
  • 1
  •  
使用XMLHTTP发送请求时,可以设置请求头,即调用setRequestHeader方法。但是在IE11中,发现一个问题,如果header的值是空字符串的话是无法设置成功的。示例如下: var xmlHttp=new ActiveXObject("Microsoft.XMLHT

Blob用来解决什么问题?

  • yiqingpeng
  • 2019-05-09
  • 0
  •  
Html5引入Blob对象是要解决什么问题呢,stackoverflow上一位同行说得很好,引文如下: “Blobs aren't terribly useful on their own. What's useful about them is that they work with many calls which are

javascript实现base32解码(UTF8)

  • yiqingpeng
  • 2019-04-02
  • 0
  •  
本函数仅针对utf8字符串的base32解码。

Javascript中实现Rot-13函数

  • yiqingpeng
  • 2019-03-08
  • 0
  • rot13 
if (!String.prototype.hasOwnProperty('rot13')) { String.prototype.rot13 = function (){ var rot = function(t, u, v){ return String.fromCharCode( ( ( t - u + v ) % ( v * 2 ) ) + u ); },

SuiteScript如何根据fileId获取File的记录信息

  • yiqingpeng
  • 2019-02-22
  • 0
  •  
关键点是要在NetSuite中创建一个基于File的Saved Search,然后在SuiteScript中通过Search模块的search.load({id:<SavedSearchId>}), 配合Filter得到相应的File记录信息。示例代码如下: ** *@NApiVers

NetSuite之sftp模块的使用

  • yiqingpeng
  • 2019-02-22
  • 0
  •  
NetSuite的sftp模块可以用来连接sftp服务器并上传文件,目前仅支持用户名+密码的认证方式。 密码字段必须通过form.credentialField生成PasswordGuid得到。 首先第一步,制作credential form交互页用来得到P

An input with search dropdown

  • yiqingpeng
  • 2019-01-11
  • 0
  •  

了解一下防抖和节流函数

  • yiqingpeng
  • 2019-01-09
  • 0
  •  
对于一些频繁发生的事件(如:resize, mousemove, key*, scroll等),简单地给它们设置监听函数会有一些性能上的影响,特别是在监听函数中有长耗时的操作时,将可能出现页面卡顿的现象。防抖函数和节流函数就是针对此

资源预加载

  • yiqingpeng
  • 2019-01-07
  • 0
  •  
DNS预解析 DNS-Prefetch <link rel="dns-prefetch" href="http://example.com"> 预连接(预先进行TCP握手并建立传输层协议) <link rel="preconnect" href="http://example.com"> 预获取(

前端跨域通信解决思路

  • yiqingpeng
  • 2019-01-07
  • 0
  •  
1、如果浏览器支持HTML5特性,那就直接使用postMessage Api,简单又好用。 如下: http://www.B.com //发送消息 function sendMessage(msg){ msg = JSON.stringify(msg); parent.window.postMessage(m

Javascript装饰者模式的实现

  • yiqingpeng
  • 2019-01-07
  • 0
  •  
装饰者模式的最大好处就是在对象的原有行为不发生改变的情况下,对其行为进行包裹,以扩展其原有行为的功能。下面讨论javascript中两种实现装饰器的方法: 1、使用继承: function Foo(){ } Foo.prototype.doS

jsGrid实现带有复位功能的表格排序

首先说一下要达到的排序效果:第一次点击列头按升序排,第二次按降序排列,第三次回到原始状态。 这里用到的是功能很丰富的jsGrid插件,项目地址: https://github.com/tabalinas/jsgrid jsGrid本身只提供升序

javascript中相同作用域下,变量与函数名同名的处理规则

javascript中相同作用域中,如果同时声明了一个变量a和一个函数a,那么到底是谁覆盖谁呢?答案是函数的优先级高,会覆盖掉同名变量。我们来看一断代码: +function(){     var a;    functio

Fetch实现自定义下载协议

  • yiqingpeng
  • 2018-01-02
  • 0
  •  
ajax和Fetch Api具备基本相同的功能,但是FetchApi的可扩展性更强大,特别是支持Http Header的自由控制,从而可以实现一些ajax不能实现的功能,比如以下代码就是利用fetch自定义了一个分块下载协议,实现数据的分块

大数据异步下载前端实现

  • yiqingpeng
  • 2018-01-02
  • 0
  •  
异步下载的机制主要应用在大数据的导出,基本思想是: step1.前端携带资源id向后台发起下载请求,后台针对此次下载请求生成一个任务号taskno+一个数据版本号dataver返回给前端; step2.前端携带上一步得到的任务号和

Html5多线程

Html5通过Worker对象实现多线程。目前支持的浏览器不多,即使支持也表现并不怎么样。主要表现在worker线程中如果有http请求,多个线程同时跑的时候容易出现故障(表现为某几个请求无故中断),即使所有worker都运行成

Javascript动态显示当前时间

  • yiqingpeng
  • 2016-12-17
  • 0
  •  
此方法最大的特点是以服务器时间为基础显示当前时间,增加了时间的准确性。注意要引入jquery, 因为用到了jquery的ajax方法。 代码: (function(cb){ function timer(start, cb){ this.cur_s

利用canvas给图片加水印

  • yiqingpeng
  • 2016-09-29
  • 0
  •  
图片加水印的活一般是由后台来做,本文出于对canvas技术的研究, 利用canvas特性实现图片前端加水印。考虑到实用性,文章后面依旧会给出后台PHP给图片加水印的代码,读者可以根据自身需要选择不同的方案。 一、can