zjsfdx的博客

需求： 最近在用jquery来编写页面的动画效果。毕竟是pc端，偶尔不用原生的日子。 结果就遇到了transform无法加载的情况。解决方案一：$($sub).animate({},5000,function(){ $(this).css({'transform':'translateX(300px)'});})在动画函数的回调函数里执行。时间和效果就没了意义，毕竟函...

function classA(){ this.lian = ""; this.zui = ""; this.tui = "";}// 原型classA.prototype = { setLian : function(){ this.lian = "红扑扑"; return this; }, setZui:fun

// 函数柯里化：合并参数 第一个函数的参数合并成整体的 传递给统一的函数function curry(fn){ console.log(fn); var args = Array.prototype.slice.call(arguments,1); return function(){ var innerArgs = Array.prototype.sl

// 普通函数function createXHR(){ var xhr = null; try{ // Firefox,Opera 8.0+,Safari,IE7+ xhr = new XMLHttpRequest(); }catch(e){ // Internet Exporler try{

index.html<meta charset="utf-8" /><script src="./index.js"></script>index.jsvar source;function init(argument){ source = new EventSource('http://localhost:9096/sse/data.php'); source.onopen =

一、Comet:基于HTTP长连接的服务器推送技术 方法1：// 前端隔一段时间发一次ajax，但是请求很昂贵，所以应该交给服务器来做 方法2： index.html<meta charset="utf-8"/> <!-- 防止乱码 --> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquer

数组解构实例1：let [a,b,c] = [0,1,2];console.log(a);console.log(b);console.log(c);实例2：let [a,[b,c],d] = [0,[1,2],3];console.log(a);console.log(b);console.log(c);console.log(d);实例3：let [foo = 'true'] =

案例1： temp.jsvar a = 'js';var b = '脚本';var c = 'web';export { a,b,c}export function add(a,b){ return a + b;}// export {// // 起个语义化名字// name as a,// // cname as b,// // s

1.// classclass Coder{ name(val){ console.log(`val = ${val}`); return val; } skill(val){ console.log(this.name('js') + ':' + 'Skill-' + val); } constructor(a,

一、变量作用域和闭包 变量作用域：js是函数级别作用域，在内部的变量内部都能访问，外部不能访问内部的，但是内部能访问外部的var j = 100;~(function test(){ // ~把函数转化成表达式 console.log(j);})();闭包：// 闭包function test(){ var k = 1000; return

1.es3数据保护 // ES3,ES5 数据保护 var Person = function(){ var data = { // 局部作用域，保护数据 name : 'es3', sex : 'male', age : 15

&lt;!-- this 指向调用函数的对象 --&gt;&lt;script&gt; var name = 'Jenny Global'; var person = { name : 'Jenny', details : { name : 'Jenny details', print : funct...

基础知识// 获取当前mother的最后一天var date = new Date(year,mother,0)// 获取当前的mother的第一天var date = new Date(year,mother-1,1)

tip：引入了Moment.js格式化前端页面显示时间假设我们有如下元素&lt;div id="LL" class="a b hello-world"&gt;&lt;/div&gt;1.简单正则匹配法 即使用正则判断单词边界的方式判断是否存在classNamefunction hasClass(element,className){ const reg...

1.set 2.map 含义：Javascript的对象 (Object)，本质上是键值对的集合(Hash结构)，但是传统上只能用字符串当作键。 ES6提供了Map数据结构，它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。 Map的键实际上是跟内存地址绑定的，只要内存地址不一样，就视为两个键。const m = new Map()...

1./* eslint-disable */{ // ES5 \ ES3 默认参数的写法 function f(x,y,z){ if(y === undefined){ y = 7; } if(z === undefined){ z = 42; } ...

1.// 关闭eslint/* eslint-disable */ { // ES3,ES5 var events = [1,2,3,4,5]; var odds = events.map(function(v){ return v + 1 }) console.log(events,odds...

// ES5中作用域const callbacks =[];for(var i = 0;i &amp;lt;= 2;i++){ callbacks[i] = function(){ return i * 2; // 闭包 }}console.log([ callb...

1.使用DOS命令建立const.js文件echo &gt; const.js2.// ES5中常量的写法// 给window对象定义只读属性Object.defineProperty(window,"PI2",{ value : 3.1415926, writable : false // ...

面向对象编程 &amp;amp;&amp;amp; 面向过程编程 面向对象编程(Object Oriented Programming，OOP): 是一种以事物为中心的编程思想,把构成问题事务分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描叙某个事物在整个解决问题的步骤中的行为,三大特点缺一不可。 封装: 将其说明（用户可见的外部接口）与实现（用户不可见的内部实现）显式地分开，其内部实现...

// promise可以解决回调地狱的问题// 1.洗菜做饭 2.坐下来吃饭 3.收拾桌子洗碗let state = 1;function step1(resolve,reject){ // 同意，拒绝 console.log('1.开始 - 洗菜做饭'); if(state == 1){ resolve('洗菜做饭 - 完成');

代理的意思1.// proxy 代理 增强对象和函数(方法) 生命周期(钩子函数) 预处理let obj = { add:function(val){ return val + 100; }, name:'I am Js'}let pro = new Proxy({ // 对象体 add:function(val){ ret

1.// Set，数据结构，去重let setArr = new Set(['js','脚本','web','脚本']);setArr.add('前端职场');setArr.add('js');console.log(setArr);2.// Set，数据结构，去重let setArr = new Set(['js','脚本','web','脚本']);// has查找是否具有某个值con

1.面向对象中的 概念 1）：一切事物都是对象 2）：对象具有封装和继承特性 3）：信息隐藏基本面向对象var person = { name:'iwen', age:30, eat:function(){ alert("能吃"); }}alert(person.name);函数构造器构造对象function Person(){}// 原型链

1.json的数组格式转化成数组// json的数组格式let json = { '0':'js', '1':'脚本', '2':'js脚本', length:3}let arr = Array.from(json); // 转化成数组console.log(arr);2.// Array.of方法let arr = Array.of(3,4,5,6);c

继承function Person(){ var _this = {}; _this.sayHello = function(){ alert("Hello"); } return _this;}function Teacher(){ var _this = Person; return _this;}var t = Teacher

案例1：// 二进制声明 Binarylet binary = 0B010101;document.writeln(binary);// 八进制声明 Octallet octal = 0O666;document.writeln(`<br />${octal}`);案例2：// 是否是数字判断let a = 11;document.writeln(Number.isFinite(a));

封装、继承、信息的隐藏案例1：function People(){}People.prototype.say = function(){ alert("hello");}function Student(){}// Student继承PeopleStudent.prototype = new People();var s = new Student();s.say();案例2：

终端输入npm init -y此时生成package.json文件终端再次输入cnpm install -g live-server作为前端服务器开发，进行实时刷新实例1：let hello = '你好';let blog = `${hello}我是一个博客，这节课学习字符串模板`;document.writeln(blog);然后在终端输入live-server结果为： 实例2：let hel

对象扩展运算符实例1：function f(...arg){ console.log(arg[0]); console.log(arg[1]); console.log(arg[2]); console.log(arg[3]);}f(1,2,3);实例2：let arr1 = ['www','qxb','com'];let arr2 = [...arr1];co

1、frame框架对象 2、location(位置对象) window.location = “xxxx/jsp” 3、使用两种方式输出表单的action值(使用表单的名称，使用表单数组forms)`<form name="form1" action="test.html" method="post"> <input type="text" name="username" va

// fill数组填充let arr = ['js','脚本','js脚本'];arr.fill('web',1,3);console.log(arr);// 数组循环for(let item of arr){ console.log(item);}// 输出数组索引for(let item of arr.keys()){ console.log(item);}// 输

文本框内容被选中事件<form> <input type="text" onselect="changeDemo(this)" /> </form> <script> function changeDemo(bg){ bg.style.background = "red"; } </script>

// 主动抛出异常function add(a,b = 1){ if(a == 0){ throw new Error('A is Error'); } return a+b;}console.log(add(0));function add(a,b = 1){ if(a == 0){ throw new Error('A is

1.// Symbol，相当于全局的原始数据类型let f= Symbol();console.log(typeof(f));let js = Symbol('脚本');console.log(js); // Symbol类型console.log(js.toString()); // 字符串类型2.let js = Symbol()

1.// 赋值let name = 'js';let skill = 'web';let obj = {name,skill};console.log(obj);2.// key值的构建let key = 'skill';var obj = { [key]:'web'}console.log(obj);3.// 自定义对象方法let obj = { add:fun

案例1：// 对象的函数结构let = json = { a:'js', b:'脚本'}function fun({a,b = 'web'}){ console.log(a,b);}fun(json);案例2：// 数组结构let arr = ['js','脚本','前端教程'];function fun(a,b,c){ console.log(a,b,c)

案例1： index.html代码<!doctype html><html><head><meta charset="utf-8"><title></title></head><body> <script> function demo(){ try{ alert(str); }catc

let局部声明实例1：var a = "xiaoming"{ let a = "小明";}console.log(a);浏览器控制台打印结果为： let局部声明实例2：for(let i = 0;i < 10;i++){ console.log("循环体中：" + i);}console.log("循环体外：" + i);const常量声明实例const a = "这是一个常量

终端输入npm init -y生成package.json文件这里我们需要安装一个插件，在终端输入cnpm install -g babel-cli这是全局安装，注意这里写的是babel-cli，cli代表使用命令行的意思终端再输入cnpm install --save-dev babel-preset-es2015 babel-cli执行babel-cli的本地安装然后在终端输入babel src