- 博客(16)
- 收藏
- 关注
RSS订阅原创 ES6基础知识及核心原理(学习总结)
文章目录使用Babel编译ES6ES6增加的语法数组的解构赋值解构赋值的作用… 的三种身份：扩展运算符、展开运算符、剩余运算符箭头函数模版字符串ES6中新增加的迭代for of(详细内容请参考阮一峰大神的的ES6入门：http://es6.ruanyifeng.com/#docs/intro)使用Babel编译ES61、下载安装babelnpm install babel-cli -g我...
2019-05-22 16:10:39
577
原创 工作中CSS问题汇总
文章目录###css 在不知道具体宽度的时候画出一个正方形不使用js方法可以利用padding-bottom 或 padding-top来解决；让padding的值等于width的值，这样就可以得到一个正方形，如果有内容，可以放在子元素中，子元素做绝对定位就可以<head> <style> html,body{ wid...
2019-05-17 10:28:36
185
原创 微信h5页面自定义二次分享
如果是用测试账号调试，首先应关注测试号才能实现第定义转发//请求接口var jssdk = null; var url =encodeURIComponent(location.href);//不要忘记 var t=new Date().getTime(); $.ajax({ url : rootUrl + 'wx/getSignature?time='+t+'&url=' ...
2019-05-17 10:24:03
1401
原创 REACT(1) 基础知识
使用react什么是react组件化的概念react的两部分JSXcreateElementJSX表达式的用法JSX属性thispropschildren组件的特点声明方式组件的两种定义方式组件中属性和状态的区别属性校验默认属性状态的使用绑定事件react生命周期使用react生成react项目$ npm install create-react-app -g$ cr
2018-05-03 11:24:32
184
原创 WEB前端开发常用的优化技巧汇总
WEB前端开发常用的优化技巧汇总减少HTTP请求次数or减小请求内容的大小编写代码的优化技巧关于页面的SEO优化WEB前端开发常用的优化技巧汇总减少HTTP请求次数or减小请求内容的大小 页面中每发送一次HTTP请求，都需要完成一次HTTP事务，既会消耗时间，又有可能造成http链接通道堵塞，为了提高页面加载速度和运行性能，我们应该减少HTTP的请求次数和减小请求内容的大小1.采用CSS
2018-05-02 15:21:11
317
原创 JAVASCRIPT中的常用设计模式
JAVASCRIPT中的常用设计模式学习设计模式的作用插件类库组件框架的区别单例设计模式构造原型模式最贴近oop面向编程思想的发布订阅设计模式俗称观察者模式JAVASCRIPT中的常用设计模式 单例模式、构造原型设计模式、发布订阅模式、promise实际模式学习设计模式的作用开发层次开发效率高利于团队协作维护层次有利于代码的升级改版逻辑清晰，代码严谨，有利于后期的维护通用层
2018-05-02 15:18:06
140
原创 JS基础知识（十一）DOM0和DOM2级事件
JS中的DOM0和DOM2事件JS中的事件基础及核心原理以及项目实战事件的定义事件绑定的两种方法DOM0事件常用事件汇总事件对象鼠标事件对象（mouseevent）键盘事件对象(keyboardEvent)手指事件对象（TouchEvent）使用touchstart,touchmove,toucheend来处理移动端click事件300ms延迟问题阻止事件的...
2018-05-02 15:10:30
11039
3
原创 JS基础（九）定时器
JS中的定时器&&动画&&同步异步编程定时器window.setTimeout（执行一次）window.setInterval（执行多次）定时器的返回值定时器的清除定时器的原理JS中动画实现的原理基于定时器的动画回调函数(callBack)JS中的同步编程和异步编程同步异步编程的核心原理JS中的定时器&...
2018-05-02 14:19:53
290
原创 JS基础（八）JS盒子模型
JS中DOM盒子模型深入分析CSS盒子模型传统盒子模型width height:不是盒子的宽高，而是盒子中的内容盒子的宽度=width+border*2+padding*2//在一个对称的模型中CSS3新增加的盒子模型增加该属性，width和height的数值就是盒子的宽高；box-sizing:border-box;JS盒子模型提供一些属性和方法用来描...
2018-05-02 11:22:57
3062
原创 JS基础知识（七）正则
正则正则的基础知识什么是正则正则的元字符和修饰符正则捕获正则捕获的懒惰性使用字符串中的match实现捕获使用test实现捕获正则案例正则创建方式问号传参面试题正则正则的基础知识什么是正则？ 正则就是一个规则，用来处理字符串的规则 1、正则匹配 - 编写一个规则，验证某个字符串是否匹配这个规则，用test方法 2、正则捕获 - 编写一个规则，在一个字
2018-05-02 10:06:20
729
1
原创 JS基础（六）关于面向对象的理解(构造函数、原型链)
关于面向对象的理解(构造函数、原型链)OOP(面向对象编程思想)它是一种编程思想，让我们基于类和实例的概念来编程开发和学习。单例模式单例设计模式是一种把对象数据类型实现把描述同一件事物的属性或者特征归纳汇总在一起，以此避免全局变量冲突问题的方式和思想。 把描述同一件事务的属性或者方法存放在某一个命名空间下，多个命名空间中的属性和方法是互不干扰的//=>单例模式//1、singleton不仅...
2018-04-28 18:03:54
220
原创 JS 基础（五）数组 汇总
数组详解给数组开头增加新内容的方法: unshift; ary.[0]=xxx; ary.splice(0,0,X); ary.slice(); //删除数组第一项： shift; splice(0,1);//给数组末尾增加： push; splice(ary.length,0,x) //数组克隆； slice(); contact();数组的基础结构数组是对象类型 属性名是...
2018-04-28 17:08:32
164
原创 JS基础（四）String和Matn中常用的方法
字符串中常用的方法索引特点，从0开始 length属性，字符串的长度 如果指定索引不存在，会得到undefined 真实项目中,我们经常操作字符串，此时我们需要掌握一些常用方法 console.dir(String,prototype)charAt&&charCodaAt【兼容所有浏览器】str.charAt();返回索引指定的字符,当指定索引不存在时返回"", 当指定索引不存在时...
2018-04-28 16:01:25
402
原创 JS基础（三）数据类型汇总
数据类型的转换汇总Number类型的转换把其他数据类型转换为number类型的方法isNaN,Number,parsseIn,praseFloat 在进行加减乘除运算时'12px'=>NaN; "主灯"=>NaN[ ] /null /false / ' ' /=>0{ } /^$/ function(){}/ undefined /=>NaN*注：引用类型在转化Num...
2018-04-28 15:29:56
169
原创 JS基础（二）函数专题
函数专题函数是指一段在一起的、可以做某一件事儿的代码。可以随时运行，可以重复使用创建函数function fn[函数名](){//=>[函数体]//实现功能的具体JS代码}函数执行fn(); //=>把创建的函数执行，而且这个函数可以执行很多次每一次执行都相当于把函数体中实现功能的JS代码重复执行了一遍在真实项目中，我们一般都会把实现一个具体功能的代码封装在函数中： 1、如果当前...
2018-04-28 14:11:13
297
原创 JS基础知识（一）【数据类型基本介绍，检测数据类型端方法简介】
1、基础知识ECMAScript(ES)：规定了JS的一些基础核心的知识（变量、数据类型、语法规范、操作语句等） DOM：document object model 文档对象模型，里面提供了一些属性和方法，可以让我们操作页面中的元素 BOM：browser object model 浏览器对象模型，里面提供了一些属性和方法，可以让我们操作浏览器常用浏览器内核浏览器的内核是分为两个部分的，一是渲染引...
2018-04-28 10:42:36
244
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人