前端技能之Javascript

一。跨域问题解决方案: 协议,域名,端口号三者之一不同即为跨域 前端通信方式:Ajax,WebSocket,CORS xmlhttp.readyState有5种请求状态,从0-4发生变化 0:请求未初始化 1:服务器连接已经建立 2:请求已经接受 3:请求处理中 4:请求已经完...

2018-11-15 16:26:20

阅读数 552

评论数 0

前端开发技能之jQuery

一。区别 attr()prop()is();attr()返回是属性值,prop(),is()返回的是布尔值;<input type="checkbox" checked="checked"/&a...

2018-11-14 23:00:22

阅读数 61

评论数 0

前端开发技能之CSS3

css3新特性: border-radius:6px(圆角); box-shadow:10px 10px 5px 1px #888;(水平阴影,垂直阴影,模糊距离,阴影尺寸,阴影颜色) text-shadow:10px 10px 10px #888;(水平阴影位置,垂直阴影位置,模糊距离,阴...

2018-11-14 11:27:31

阅读数 114

评论数 0

前端开发技能之HTML5

一.新添加元素和移除元素 新增的结构元素: section元素:定义文档中的节 article元素:定义文档内的文章 aside元素:定义页面内容之外的内容 header元素 footer元素 nav元素:定义文档内导航链接 main元素:定义文档的主内容 新增的其他元素: vi...

2018-11-13 16:19:04

阅读数 47

评论数 0

git 使用说明案例

    远程和本地两个不同的分支要保持一致用git merge,举例说明:本地分支切换到dev分支,需要合并远程master分支上的代码(git merge origin master) 远程和本地两个相同的分支,用git pull origin master     需求:从本地建一...

2018-07-24 16:58:27

阅读数 67

评论数 0

js的原型及原型链(zeptojs核心设计思想循序渐进)

一。javascript原型链的基础知识 javascript中万物皆为对象,对象分为普通对象和函数对象。 1.每个函数都有一个prototype属性(每个函数包含自定义函数和系统内置函数) 自定义函数 这里打印出来的fn.prototype是一个对象,只包含一个constructor属性...

2018-01-24 15:28:50

阅读数 106

评论数 0

slice()和splice()区别

1.slice(start,end):方法可从已有数组中返回选定的元素,返回一个新数组,包含从start到end(不包含该元素)的数组元素。注意:该方法不会改变原数组,而是返回一个子数组,如果想删除数组中的一段元素,应该使用Array.splice()方法。start参数:必须,规定从何处开始选取...

2018-01-19 16:52:19

阅读数 16883

评论数 5

前端性能优化

前端性能优化: 一。页面级优化: 1.减少HTTP请求次数:每个请求都是有成本的,包含时间成本和资源成本,一个完整的请求需要经过DNS寻址、与服务器建立链接,发送数据,等待服务器响应,接收数据这个复杂又漫长的过程。 从设计层面简化页面合理设置HTTP缓存资源的合并和压缩css spr...

2018-01-12 16:23:16

阅读数 92

评论数 0

js跨域问题解决方案

参考:http://www.cnblogs.com/JChen666/p/3399951.html js跨域问题解决方案: 1.document.domain+iframe(在主域相同的时候用这个方法) 2.动态创建script(script标签不受同源策略的限制) 3.location....

2018-01-10 17:01:18

阅读数 89

评论数 0

js-6种继承方式

1.原型链继承 2.构造继承 3.实例继承 4.拷贝继承 5.组合继承 6.寄生组合继承 type="text/javascript"> function Animal(name) { this.name = name || 'An...

2018-01-09 17:34:00

阅读数 100

评论数 0

js深拷贝和浅拷贝

js对象分为基本类型和复合(引用)类型,基本类型存放在栈内存,复合(引用)类型存放在堆内存。 js的深浅拷贝只针对复杂数据类型(object,array)的复制问题,深浅拷贝都能实现在已有对象上复制一份的作用,但是对象的实例是存储在堆内存中然后通过一个引用值去操作对象,因此拷贝分两种情况,拷贝引...

2018-01-08 17:06:34

阅读数 118

评论数 0

js事件委托原理

js事件委托原理:把事件委托到父元素上,利用冒泡原理,当子元素点击时,由于冒泡原理,事件会冒泡到父元素上,父元素上面的事件就会触发执行。 1.子元素事件的效果相同 id="ul"> 11111111 22222222 33333333 ...

2018-01-08 10:46:51

阅读数 169

评论数 0

js正则表达式-从后向前每3个数字加逗号(字符串)

String字符串对象方法: .split()方法把一个字符串分割成字符串数组 .slice()截取字符串的片段,.slice(start,end),start包含,end不包含。 var str = "Hello,my,name,is, ,China"; conso...

2018-01-05 16:16:03

阅读数 1849

评论数 0

js正则表达式-4个数字之间相隔空格

\s:匹配任何空白字符,包括空格、制表符、换页符等等,等价于[\f\n\r\t\v]。 \D:匹配非数字 \d:匹配数字 {}:一般表示匹配长度,举例子:\s{3}表示匹配三个空格,\s[1,3]表示匹配1-3个空格 $1:配合()使用,选择第一个() trim():去掉字符串首尾空格 ...

2018-01-05 15:02:23

阅读数 1017

评论数 0

jQuery函数的attr()和prop()的区别

1.attr()和prop()操作对象不同 attr即attribute,prop即property,两者都是属性却是两个不同的概念,attribute表示HTML文档的属性,property表示js的属性。 举个栗子: 这里的id、class、data_id都是该div元素的attri...

2018-01-05 10:50:00

阅读数 63

评论数 0

移动端自适应之媒体查询,em,rem

1.响应式页面的实现(媒体查询和bootstrap的栅格布局) 媒体查询针对不同的屏幕尺寸设置不同的样式 html> lang="en"> charset="UTF-8"> name="viewport&...

2018-01-03 10:43:27

阅读数 698

评论数 0

CSS实现单行和多行文本溢出显示省略号……

1.单行文本溢出显示省略号…class="ellipsis"> 单行文本css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分 .ellipsis{//单行文本溢出 overflow: hidden; text-...

2018-01-02 15:53:39

阅读数 31542

评论数 1

nodejs的express框架,mockjs动态生成数据,javascript模版

html> lang="en"> charset="UTF-8"> Title 最新版本的 Bootstrap 核心 CSS 文件 --> rel="stylesheet" hre...

2017-12-29 16:18:40

阅读数 749

评论数 0

Mock.js前端 一款可以脱离后台服务器,模仿接口的小东西

Mockjs实现了基于数据模版生成数据,拦截并模拟Ajax请求 借鉴:https://segmentfault.com/a/1190000008839142 https://github.com/nuysoft/Mock/wiki/Getting-Started node的express框架 ...

2017-12-29 11:43:44

阅读数 1227

评论数 0

Vue.js双向数据绑定实现

js中对象属性类型有数据属性和访问器属性,这里实现简单的双向数据绑定是利用了对象的访问器属性中包含的get和set 修改属性的默认特性使用Object.defineProperty()方法 addEventListener(event,function,useCapture)绑定事件,实时检测...

2017-12-28 10:23:24

阅读数 812

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭