- 博客(51)
- 收藏
- 关注
RSS订阅原创 vue2在window环境下源代码调试报错
vue2在window环境下源代码调试报错报错信息我个人的电脑是win10系统没有出现该问题，在公司win7系统下，执行npm run dev 出现了下面的报错Error: Could not load d:\个人\vue\src\core/config错误原因由于vue使用的是rollup进行打包，rollup-plugin-alias.js在win7下路径无法正确解析，出...
2018-12-27 10:27:36
704
2
原创 理解javascript作用域与作用域链
如果不明白VO/AO可以先看一看上一个博客内容：理解javascript执行环境（执行上下文）正文内容作用域 - 一块代码可执行区域，在该区域中的变量和函数在区域外部是不可见的作用域链 - 由多个执行上下文的变量对象构成的链表就叫做作用域链。 - 当一个函数被创建时会默认添加一个名为[[Scope]]的特殊内部属性，如果该函数时一个全局函数，那么在该函数被创建时会预先创建一个...
2018-07-29 11:19:42
377
原创 理解javascript执行环境（执行上下文）
介绍三个概念执行环境 全局执行环境 在浏览器中全局执行环境就是window对象，因此所有全局变量和全局函数都是作为window对象的属性和方法创建的。全局环境只有当程序退出或者浏览器网页关闭后才会被销毁局部执行环境 每个函数都有自己的执行环境，当js执行流进入一个函数时，函数的环境会被推入一个环境栈中，当函数执行完毕后，栈将其环境弹出，该环境即被销毁。变量对象（Variable ...
2018-07-28 14:46:35
1050
1
原创 js变量与参数传递
变量声名基本类型 当我们声名一个基本类型时，值会保存在栈空间中引用类型 当我们声名一个引用类型时，对象保存在堆空间中，但是地址保存在栈空间中 变量引用当变量是一个基本类型时，直接读取栈中保存的值就是我们想要的 名字 ——> 数据当变量时一个引用类型时，读取到栈中的值只是一个地址，需要通过这个地址来得到我们想要的数据 名字 ——> 数据（地址） ——&...
2018-07-25 22:35:59
1271
原创 css图片水平垂直居中
CSS图片水平垂直居中flex居中实现代码/* 父级添加 */display: flex;justify-content: center;align-items: center; /* IE10 + */<div> <img src="./images/1.jpg" alt=""></div><div>...
2018-05-22 23:10:16
533
原创 css图片置灰,变灰效果
css图片置灰,变灰效果新项目有一个合作伙伴模块，需要将各个企业的logo先置灰，移入再恢复彩色。首先想到的是一套灰色一套彩色，两者互相切换src,但是觉得都css3了还搞这种方法就有点过时了，而且多一套资源，消耗性能. - 首先说一下，目前css实现方式是不兼容ie10+的浏览器的，所以对于ie10+的浏览器要使用js操作Canvas来实现；下面是css3的代码实现,兼容Ie9以...
2018-04-02 16:44:39
10413
原创 尝试封装一个jq轮播插件
jq-slide自己封装一个简单的jq轮播插件关于 jq-Cslide 轮播插件文档兼容性插件目前兼容PC端，IE9+,chrome,firefoxDEMO查看该demo ,并查看demo源代码注释，更顺利的使用它 jq轮播插件 github地址html结构//正常轮播时的结构<ul class="banner-img-box">...
2018-04-02 11:24:33
537
原创 JS-DOM总结
JS-DOM总结DOM将任何的HTML或XML文档绘制成一个由多层节点构成的结构—节点树。Node类型javascript中所有节点类型都继承自Node类型， 因此所有节点类型都共享着相同的基本属性和方法，节点类型由Node类型中定义的12个数值常量来表示，任何节点都必居其一Node.ELEMENT_NODE(1) 代表element元素节点 Node.ATTRIBUTE_N
2017-10-31 15:39:25
450
原创 css图片垂直居中
css图片 垂直居中办法 方法一 ： 给img加上 vertical-align: middle; 属性 注意： 仅仅给img加上vertical-align: middle; 属性它不是真正的居中； 由于vertical-align属性的中线受字体大小的影响 ，所以要将父级的字体大小设置为0px;//样式<style>
2017-09-11 16:12:32
483
原创 js变量与对象学习笔记
目录01 js变量01-01 什么是变量01-02 js变量的声明01-03 js变量特性01-04 js变量类型01-05 js变量类型之基本包装类型02 js对象02-01 什么是对象02-02 typeof操作符02-03 js中真的一切皆对象么02-04 js特殊对象 null笔记内容01-01什么是变量变量是一个值的符号名称，可以通过名称来获得对值得引用，每个变量仅
2017-08-28 16:40:36
703
原创 vue--express启动数据服务
记录一下配置build->dev.sever.js配置var apiServer = express()var bodyParser = require('body-parser')apiServer.use(bodyParser.urlencoded({ extended: true }))apiServer.use(bodyParser.json())var apiRouter = ex
2017-07-04 16:57:29
718
转载 前端的路该怎么走，迷茫期应该如何渡过
深感自身前端基础薄弱 ，苦于没有方向，现在看到了张鑫旭大神的十问十答，感觉对自身大有裨益，分享于诸君共勉
2017-06-29 17:38:13
2037
1
原创 初学webpack问题总结
添加 TypeError: Cannot read property 'entry' of undefined 报错问题
2017-06-28 12:12:04
596
原创 关于IE9下margin: 0 auto;失效问题
今天在做一个浮动的分页器，测了一下IE9浏览器下居然不能居中，然后找了下原因， 是因为子级使用了浮动导致了在IE9下margin：0 auto属性失效了； 解决方法： 将自己的浮动样式去掉；添加上display:inline-block;属性，分页器就自动居中了；
2017-06-26 18:42:19
1434
转载 浅谈JavaScript、ES5、ES6
什么是JavaScriptJavaScript一种动态类型、弱类型、基于原型的客户端脚本语言，用来给HTML网页增加动态功能。（好吧，概念什么最讨厌了）动态： 在运行时确定数据类型。变量使用之前不需要类型声明，通常变量的类型是被赋值的那个值的类型。弱类： 计算时可以不同类型之间对使用者透明地隐式转换，即使类型不正确，也能通过隐式转换来得到正确的类型。原型： 新对象继承对象（作为模版），将自身的
2017-06-22 12:49:14
620
原创 ES6学习之路(六) Proxy 代理器&Reflect
Proxy 代理器用户必须通过它来操作原对象； var proxy = new Proxy(target,handler); //target参数表示所要拦截的目标对象， //handler参数也是一个对象，用来定制拦截行为。 var p1 = new Proxy({},{ get:function(target,property){
2017-06-21 16:05:45
431
原创 ES6学习之路(六) Map&WeakMet
个人感觉Map&WeakMet和Set&WeakSet很多的相同之处，所以就重点记录一下不同之处作为区分Map1.map 用来设置键的数据结构，可以使任何类型的值（ES5的对象键都是字符串）； //将 对象 o 设置为m 的一个键 m.set(o,'content'); //用get读取这个键 console.log(m.get(o));//content con
2017-06-20 15:36:56
387
原创 ES6学习之路(六) Set&WeakSet
什么是数据结构数据结构：计算机中存储、组织数据的方式,算是数据的集合体，主要为了方便存取数据；Set()数据结构1.内部成员的值都是唯一的，没有重复的； 2.set本身是一个构造函数，用来生成一个Set数据结构； 3.Set()可以接受一个数组或者类似数组的对象作为参数，用来初始化； 4.set()中的值不会发生类型转换，所以5和’5’是不相等的，而NaN再set中和它自身是相等的； 5.s
2017-06-20 14:21:28
695
原创 ES6学习之路(五) 函数的扩展
参数默认值es6允许在参数中写入默认值 注意点： 1.在函数中，参数变量是默认声明的，如果使用let或者const在函数内部再次声明会报错 2.函数不能有同名参数，否则就报错 3.如果参数默认值是包含变量的表达式,那么参数就不能传值，需要修改变量的值来改变参数值 4.如果函数的参数是一个对象，那么必须调用时传入对象才会生效，否则就报错； 5.可以给
2017-06-15 14:57:57
900
原创 ES6学习之路(四) 数组拓展
数组扩展主要介绍了一些新的方法Array.from()；将类似数组的对象和可遍历的对象转换为真正的数组 只要拥有length属性 就可以用Array.from()来转换成真正的数组 let arrayLike = { '0':'a', '1':'b', '2':'c', length:3
2017-06-15 11:14:47
395
原创 ES6学习之路(三) 字符串扩展
1.检测字符串中是否包含着另一个字符串indexOf（），startsWith（），endsWith（），includes（）let s='hello world!';//检测参数字符串是否在源字符串中，并返回参数字符串位置console.log(s.indexOf('l'))//true//表示参数字符串是否在源字符串的头部,返回布尔值console.log(s.startsWith('hel
2017-06-14 11:02:51
756
原创 ES6学习之路(二) 变量的解构赋值
1.数组解构赋值什么事解构赋值：从数组或对象中提取值，对变量进行赋值； 总结： 数组解构赋值 1.等号两边的模式相同，左边的变量会被赋值上相对应的值； 2.等号右侧的值多于左侧变量时，变量只解构自身对应的值； 3.等号的右边不是数组或者不是可遍历的结构，就会报错； 4.解构赋值允许变量设置默认值，默认值可以是表达式； 5.默认值可以应用其他变量，
2017-06-13 10:25:47
540
原创 解决css渐变色只能渲染一屏大小方法
background: linear-gradient( #404a59,#0f1319);css背景色设置渐变色只能渲染一屏大小，解决方案
2017-05-03 09:52:55
2249
1
原创 Canvas清空当前画布方法
Canvas想要清空当前画布的方法很简单 使用 obj.clearRect(x,y,width,height); 四个参数意思是想要清空哪个坐标点，宽高多少的画布面积； Canvas时钟demo Canvas倒计时demo ******************************************************** 总结
2017-04-20 15:00:20
14233
原创 css3画出六边形
原理：利用css3的transform：rotate 属性！旋转三个包含关系的长方形即可，因为子级可以继承父级的rotate属性所以用下面的方法就可以实现！ 方法：父级旋转120deg，子级旋转 -60deg，孙子级旋转 -60deg !
2017-03-27 09:54:26
1171
原创 flexbox属性总结
看了阮一峰老师的博客，自己总结一下，原文地址 flexbox 任何一个容器都可以指定为flex布局； flex容器（父级），flex项目（子级）； 容器存在两根轴： 水平方向主轴（main axis）； 垂直方向交叉轴（cross axis）；
2017-02-23 11:49:35
536
原创 flexbox属性justify-content失效
如使用flex布局时justify-content失效原因：子级中使用了margin：auto；属性会导致其失效，目前仅限于margin设置了auto值 其它数值不会导致失效。
2017-02-22 11:09:38
9830
1
原创 css3.flex项目属性
flex-box项目属性order || flex-grow || flex-shrink || flex-basisorder（秩序）在不改变html结构的情况下进行项目排序，默认情况下是0，从低到高排序，数值越大越靠后。li:nth-child(1){ order: 1; }li:nth-child(1){ order: 1; } li:nt
2017-02-22 09:12:06
506
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人