- 博客(27)
- 收藏
- 关注
RSS订阅原创 关于浏览器兼容问题
1、opacity （兼容ie8及以下）opacity： 0.8;filter: Alpha(opacity = 80);2、rgba(兼容ie8及以下)background-color: rgba(200,200,122,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fc8c87...
2019-03-25 17:15:52
122
原创 css3——filter
filter 属性定义了元素(通常是<img>)的可视效果（我试了一下，几乎可以对所有的元素进行可视效果操作（元素内部所有内容，也包括背景效果））1、filter:blur(npx); 给元素设置高斯模糊效果；2、filter:brightness(percent); 调整图像的亮度； percent = 0 时全黑，percent = 50%时像是加了一层透明度为0.5 背景...
2018-10-15 03:41:20
259
原创 ES6——对象扩展
ES6对对象进行了一系列的扩展，其中包括书写方式及函数；1、对象简写2、可计算属性 let name = 'angela'; let front = 'lee-'; let obj = { name, // kv 相同，简写 getName() { console.log(name); },...
2018-10-08 19:28:22
111
原创 ES6——箭头函数
人，是懒的。当我还在我母上大人肚子里因为懒的动而被她怀疑是否胎死腹中是我就知道。而箭头函数的出现，也也我懒得动一样，是一种懒的行为表现。（这一段没有意义。）箭头函数——基本写法 let fn = name => name // === 等价于 let fn = (name) => { return name; }立即执行箭头函...
2018-10-08 18:14:26
115
原创 ES6—— 函数默认值
在编写函数的时候，传参有时会带来一些问题；比如，有两个参数，但是我传参的时候只传了一个怎么办呢？ 或者我一个都没有传怎么办呢？通常来说，我们都会这么处理一下：function Person (name) { name = name === undefined ? 'none' : name; // 除undefined 赋值为none，其它传什么是什么 ...
2018-10-08 15:30:34
98
原创 ES6—— LET、CONST
ECMA 简介1995年，javascript横空出世，解决表单验证问题；1996年，javascript 发布1.0,1.1版本；1997年，因为浏览器不同，当时网景公司（javascript），微软（JScript），nombas（scriptease）形成了一个三足鼎立的一个局势，给编程人员带来了极大的不便利（不同浏览器需要不同的代码）；于是，程序员们纷纷向ECAM（欧洲计算机制...
2018-10-08 15:08:49
115
原创 git
git的起源与发展(听别人说的……)尊敬的linus先生写出了linux，很多人一起开发，修修改改，没有集中式版本控制工具怎么办呢？ 有人赞助了（bitkeeper）；然后呢，手痒看人源码去了，就被人给驱逐了；然后呢，大神就自己写了一个……举个例子理解： 写了一篇论文，原稿自己改了几遍，同学改了几遍，老师改了几遍，老师可以要你第三遍的论文去修改，也可以要你初始的论文去修改，同学一样的…...
2018-09-28 23:43:58
71
原创 webpack——遇到问题集锦
1、bash: webpack-dev-server: command not found这个问题…我局部安装了webpack-dev-server，但是我全局没有安装……2
2018-09-27 18:56:16
195
原创 模块化管理——commonJS
CommonJS是一个流行的前端模块化规范，也是目前nodejs以及其模块托管仓库npm的使用规范。CommonJS采用同步加载不同的模块文件，适用于服务器端。因为模块文件都存放在服务器的各个硬盘上，读取加载时间快（适合服务器端，不适应浏览器）。浏览器不兼容commonJS，原因是浏览器缺少module exports require global 四个环境变量，如果使用需要工具转换（browse...
2018-09-26 17:04:12
106
原创 jquery应用—— ajax
$.ajax({ //默认设置为true 是否为异步请求 // async: true, // 在请求发送前执行的函数 // beforeSend: function (xhr) { // // console.log(xhr); // xhr 对象，可以在发送请求前对xhr对象进行修改，如添加自定义hea...
2018-09-25 15:30:10
76
原创 跨域——iframe内联框架
iframe内联框架，网页内部插网页；iframe应用： 广告页，互相不破坏结构；iframe缺点：阻塞页面加载（window的onload事件需要在所有的iframe加载完毕后才会触发），用户体验变差；解决： 动态生成iframe；iframe间互相取值(同源)：子窗口获取父窗口的值：window.parent. ...window.top ...（非同源： 通过sr...
2018-09-23 11:39:40
155
原创 网络——服务器与user-agent之间的数据交互方式（cookie）；
数据交互方式：1、request header form： 标记e-mail （不可见，因为一些不法的网站收集e-mail干不好的事儿。）referer： 跳转链接（从哪个网址跳转过来的，来源）；user-agent： 浏览器的一些信息；2、IP地址3、用户登录（这种的唯一标识，大多数采用这个，就是有些用户懒得注册。。。）4、胖url（url重写） （亚马逊用这个。。...
2018-09-23 11:03:40
1171
原创 网络—— 解决跨域的几个办法(jsonp)
1、flash2、服务器代理中转（服务器之间不存在同源策略）3、Jspon原理：src 属性的标签都拥有跨域的能力，比如script/img/iframe； 数据放在服务器上，数据格式为json； 定义好处理跨域获取数据的函数 function funcName(data) {}； 用src 获取数据时添加一个参数cb = ‘funcName’;4、设置相同的documen...
2018-09-23 10:39:55
324
原创 网络——同源策略；
同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能。（百度百科）同源三要素： 协议，域名，端口；不同源的客户端脚本在没有明确授权的情况下，不能读写对方的资源；https://mp.csdn.net:443/协议 域名 端口协议： https 超文本传输加密协议（默认端口号443） http 超文本传输协议（默认端...
2018-09-20 09:37:27
455
原创 网络——ajax请求数据过程解析，封装ajax函数；
ajax（Asynchronous Javascript And XML），异步js和xml（json）；可以在不刷新网页的情况下向服务器发送数据（请求数据）； 异步更新，不重新加载数据；（form表单终结者）创建ajax对象；var xhr = null; if(XMLHttpRequest){ xhr = new XMLHttpRequest(); ...
2018-09-20 08:31:39
239
原创 网络—— 域名解析过程
域名解析过程—— 从输入域名到获得要访问的IP地址的过程；1、 输入网址2、浏览器查找本地缓存，查看是否有对应的域名；3、若是本地浏览器缓存中不存在该域名，则查看计算机本地的host指向有没有相关记录；计算机本地的host是一个文件，记录着域名和IP的映射关系4、浏览器缓存和本地域名中均没有命中，则向本地的DNS解析服务器（LDNS）发送请求；LDNS距离我们较近5、若...
2018-09-19 22:03:10
350
原创 jquey应用——元素的属性操作；
attr—— 设置或返回元素的属性值； // $(ele).attr() 设置或返回元素的属性值,必须传参； // 获取ele[attr]的值； $(ele).attr(attr); // 设置ele[attr]的值为value； $(ele).attr(attr,value); // 设置ele[attr] = value, ele[attr...
2018-09-19 11:55:40
248
原创 jquery应用—— 查找元素相关（选择器）；
子元素选择器： // 大前提： 所选的 都是 修饰div的... div 是它父元素（没有限定）的第一个孩子吗？是最后一个孩子吗？是第index个孩子吗？是唯一的孩子吗？ $('div:first-child') // 匹配所有为第一个元素的div $('div:last-child') // 匹配所有为最后一个元素的div $('div:nth-child(...
2018-09-17 19:03:28
1330
原创 jquery 应用—— jquery对象和dom对象的相互转化；
// dom对象 转 jquery 对象 var domDemo,jqDemo; var domDemo = document.getElementById('demo'); jqDemo = $(domDemo); console.log(domDemo,jqDemo); // jquery对象 转dom 对象 var d...
2018-09-17 14:38:11
102
原创 jquery源码—— sizzle
sizzle css 选择器（https://sizzlejs.com/）自右向左；参考：https://www.cnblogs.com/xesam/archive/2012/02/15/2352466.html；jQuery.find = Sizzle; // 查找元素；jQuery.expr = Sizzle.selectors;// sizzle 选择器jQuery.exp...
2018-09-17 01:24:42
181
原创 jquey源码—— isArrayLike 判断是否为数组，类数组；
源码：function isArrayLike( obj ) { // 是否存在length 属性 var length = !!obj && "length" in obj && obj.length, type = jQuery.type( obj ); // 排除function window if ...
2018-09-16 02:21:04
834
原创 jquery源码—— 扩展工具方法
1、isWindow 判断的意义是什么？2、isFunction 调用$.type 进行判断；3、isNumeric 判断是否可转为数字类型 isNumeric（‘123’）true; isNumeric(123) true;isNumeric(NaN) false; type 判断是否为 number 和 string，如果是字符则进行运算判断是否为NaN，返回结果；4、isPl...
2018-09-16 01:58:51
129
原创 jquery源码——jquery继承原型链上方法
jquery继承方法：1、toArray 变数组var arr = [];jquery.prototype = { toArray: function() { return arr.slice.call( this ); }}应用： console.log($('<div></div><div></div>...
2018-09-15 22:41:11
516
原创 jquery源码——merge 浅度克隆两个数组（类数组）；
源码及应用： function merge(first , second) { var i = first.length; var len = i + second.length; var j = 0; for(; i < len; i++){ first[i] = second[j++]; ...
2018-09-15 11:57:50
112
原创 jquery源码—— 动态生成script 并执行
代码： var document = window.document; // 动态创建script标签和内容,执行后删除语句; function DOMEval(code,doc) { var doc = doc || document; var script = doc.createElement('script'); ...
2018-09-14 22:34:58
1713
原创 继承模式
继承模式简单分为四类：传统继承模式：原型链继承，过多的继承了无用的属性；构造函数：不能继承构造函数的原型，每次构造函数都要多走一个函数；共享模式：不能随便改动自己的原型，牵一发而动全身；圣杯模式: 共享模式多了一层中继站；圣杯模式代码： var inherit = (function() { var F = function () {}; // 中间构造函数 ...
2018-07-09 22:01:09
130
原创 关于数组
创建数组两种方式： var arr = new Array(num);// num 可以为空直接创建：var arr = [];数组常用方法：改变原数组：push、pop、shift、unshift、splice、sort、reversepush 数组最后一位添加，可以push多个值，返回值为数组长度；var arr = [1,2,3,4];var len...
2018-07-02 02:43:52
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人