- 博客(34)
- 收藏
- 关注
原创 typeof 以及判断一个变量是对象还是数组的方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascri
2018-04-27 16:14:51
1989
原创 类数组转为数组,重写String去空格的trim方法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h4>1111</h4&g
2018-04-27 15:52:06
750
原创 js 中toString,valueOf(),new String(),String()以及new 函数(),和不new的区别
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> //toString 和v
2018-04-25 17:44:07
939
原创 js 中正则表达式replace,test,match,search,exec,split方法详解,以及去掉字符串空格的方法
<head> <meta charset="utf-8"></head><script type="text/javascript"> var str1 = "Jack Tom vs Tom"; var s1 = str1.replace("Tom","lilei");//用lilei 代
2018-04-25 16:07:19
691
原创 js 中邮箱,手机号码,HTTPS,邮编,ip等常见的正则匹配
export default function validateService() { this.notNull = function(value) { if (!value || ('' + value).trim().length <= 0) { return false; } return true; ...
2018-04-25 16:05:16
882
原创 requie.js好处以及用法(四),基于css和html模块化
先看配置文件:require.config({ urlArgs: "v=" + new Date().getTime(), baseUrl: "./js", paths: { jquery: ["//cdn.bootcss.com/jquery/1.11.1/jquery", "lib/jquery-1.11.1"], //数组,如果前面没有的话就加载后面的。 ...
2018-04-12 15:17:23
499
原创 require.js的好处以及用法(三)
require.config({ urlArgs: "v=" + new Date().getTime(), baseUrl: "./js", paths: { jquery1:["//cdn.bootcss.com/jquery/1.11.1/jquery","lib/jquery-1.11.1"],//数组,如果前面没有的话就加载后面的。 jquery:["/...
2018-04-12 14:16:15
205
原创 require.js的好处以及用法(二)
//define("jia1",[],function(){ 如果这么自定义名字的话,那么模块名字就是jia1,要想获取到这个模块,//main.js 中配置为paths: {jia1:"common/jia"},调用依赖为://define(['jia1'], function(add) {// console.log("我是依赖common中jia.js的模块!", add);// v...
2018-04-12 11:47:39
166
原创 require.js的好处以及用法(一)
为什么要使用require.js?愚见:1.异步加载防止阻塞:传统前端项目开发引入js文件是利用:script标签依次同步顺序加载,require(['module1','module2'])中的modue1和module2两个模块是异步加载(原理是在script标签中加入defer或者async属性,插入到head标签里面,以及module标签所依赖的标签也会插入head标签中),当然...
2018-04-12 11:08:50
1270
原创 闭包的使用以及应用场景以及垃圾回收机制
闭包的应用场景闭包文章一闭包文章二//关于闭包 循环点击,只输出最后一个i的问题,暂时不解释 //闭包:内部函数可以调用外部函数的参数,并且内部函数是在外部函数作用域之外执行的。 function fn1() { var _n = 1; return _n++; } console.log(fn1()); //1 虽然也能获取函数内部变量_n但是不是闭...
2018-03-26 13:26:31
531
原创 ES6 let const块级作用域以及ES5 var声明对比
for(var i = 0; i < 10; i++) { var bar = i; } console.error(bar, i) //9,10 i是全局变量 for(var j = 0; j < 10; j++) { let _bar = j; //let 声明将变量_bar默认绑定到自己外面的{}作用域中,但是下面的var声明变量还是全局的...
2018-03-26 10:39:32
336
原创 浏览器渲染页面的过程-----前端优化篇
浏览器工作原理一浏览器工作原理二说明:改变DOM元素位置,窗口大小,宽高,增删DOM都会触发浏览器回流,然后重绘,改变颜色,visibility:hidden 只重绘,不回流,影响性能。网页初始化的时候会回流重绘。优化:少操作DOM,如obj.style.fontSize = 14px,obj.style.color = 'red';会触发多次回流,应该直接给一个class属性,一次性修改。少用t...
2018-03-25 23:57:44
281
原创 java 内部类 匿名内部类 匿名类结合泛型 使用 详细教程 讲解
public class Inner{ public static void main(String[] args){ Xiao x = new Xiao(); x.study(); x.start().play(); //参数是匿名类的实例对象 x.sport(new Car(){ public void run(){ System.out.printl
2018-01-12 20:04:34
2161
原创 java 泛型类 泛型方法 泛型变量 静态方法泛型 区别汇总
package xxx.xxxx.demo;public class FanXingZongJie { public static void main(String[] args) { F1 f1 = new F1(); f1.fun1("fun1"); F2 f2 = new F2(); f2.fun2("fun2"); System.out.println(f2.fu
2018-01-12 15:29:53
8033
原创 this详解 包括apply call bind 构造函数 继承
//注:(以下this均是ES5非严格模式下的教程)很多朋友对this不是很理解,无非以下几种情况: //① 默认情况下this指向window,函数的一般调用方式如foo(); function foo1() { console.log(this); // window this.bar1(); // 等价于bar1(); } function ...
2016-12-02 15:38:50
297
原创 DOM 和 jQuery对象相互转换 以及for-in和$.each遍历方法
DOM 和 jQuery对象相互转换 以及for-in和$.each遍历方法
2016-07-04 11:59:15
781
原创 typeof 和 instanceof
Documentvar a = 12;console.log(typeof a);console.log(a instanceof Number);//falsevar b = 'small';console.log(typeof b);//stringconsole.log(b instanceof String);//falsevar c = new String(2);
2016-07-04 11:17:48
266
原创 concat join reverse slice sort push unshift pop splice Array对象常用方法
数组常见方法总结。
2016-06-24 16:06:27
449
原创 js基本数据类型引用类型深复制浅复制
//基本数据类型:string boolean number null undefined //引用类型 object //typeof null === 'object' 字符串 //内置对象 String Number Boolean Object Function Array Date RegExp Error Math var str...
2016-06-23 19:00:55
318
原创 css display:table-cell 文字、图片的垂直水平居中
文字、图片的垂直水平居中 (CSS2) inline-table:指定对象作为内联元素级的表格。类同于html标签(CSS2) table-caption:指定对象作为表格标题。类同于html标签(CSS2) table-cell:指定对象作为表格单元格。类同于html标签(CSS2) table-row:指定对象作为表格行。类同于html标签(CSS2) t
2016-06-17 15:46:01
1479
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人