- 博客(46)
- 收藏
- 关注
RSS订阅原创 npm install及其配置参数使用细则
npm install是用来安装项目所依赖的模块的。当我们使用git clone将线上项目下载到本地时，并没有下载node_modules这个目录。因为它保存了项目所依赖的所有模块，通常有几百兆大。虽然我们没有得到node_modules这个文件夹，但我们可以通过pakage.json这个文件的值项目所依赖的模块。然后，运行npm install来安装pakage.json中dependencie...
2019-05-18 13:23:05
4106
原创 Redux学习笔记（一）
Redux是一种状态管理工具，严格的单向数据流是redux架构的设计核心。Redux数据流的图示如下：以counter为例Actionaction就是一个普通的javascript对象，它用来描述发生了什么变化。按照约定，action 内必须使用一个字符串类型的 type 字段来表示将要执行的动作。多数情况下，type 会被定义成字符串常量。就像我们示例中的{type: 'INCREMENT...
2019-03-21 17:22:38
315
原创 React生命周期
react生命周期图示：1、propType和defaultPropspropType用于检测props数据的类型，类型不符实会报错，但对于不确定和无效的值它不会捕捉到错误，比如null。应用举例：class Son extends React.Component {render () { return ( <div>我今年{this.props.age}岁啦！&...
2019-03-20 10:32:37
221
原创 mysql基础命令
以从无到有建表，以及对表的操作这样的顺序总结如下：输入密码进入到mysql的命令行：show databases; 查看所有库（注意：分号是必须的，代表SQL语句的结束）create database test; 创建一个名为‘test’的数据库use test; 进入到test库中show tables; 查看库中的所有表create table list (key1 int...
2019-03-08 13:36:40
137
原创 Grid布局
Web布局经历的四个阶段：1、table2、float和position定位3、flex4、gridgrid也分为网格容器和网格项目网格容器display: grid 生成一个块级网格display: inline-grid 生成一个内联网格display: subgrid 如果你的网格容器是另一个网格的网格项，可以用这个属性表示如果我们只是单纯地添加上面两个属性，盒子的布局...
2019-02-26 23:06:39
331
原创 H5离线缓存机制-Manifest
Manifest是一个简单的文本文件，它的扩展名是任意的，定义需要缓存的文件、资源，当第一次打开时浏览器会自动缓存相应的资源。Manifest的特点：离线浏览：断网时也可以继续访问页面访问速度快：将文件缓存到本地，不需要每次都从网络上请求稳定性：当服务器发生故障时可继续访问本地缓存Manifest的使用：html新增了一个manifest属性，用于指定当前页面的manifest文...
2019-02-26 22:33:55
649
原创 Git学习笔记
Git学习笔记配置SSH本地git和GitHub的通信需要RSA加密，所以需要配置ssh。首先，鼠标右键-&gt;git bash here输入以下内容，设置git的名字和邮箱git config --global user.name "yourname"git config --global user.email "youremail" 检查是否已有公钥cd ~/.ssh如果..
2019-02-26 22:14:00
122
原创 给表格添加所有边框，兼容IE
table { border: 1px solid #E7EAF1; border-collapse: collapse;}table td { border: 1px solid #E7EAF1;}
2018-11-14 19:31:06
486
原创 css实现平角切角和弧形切角
本文中效果的实现需要依赖CSS3的gradient属性。平角切角html代码：<div class="clip"></div>css代码：.clip { width: 300px; height: 200px; background: linear-gradient(135deg, transparent 15px, lightblue 0) to...
2018-11-14 19:07:08
2193
原创 原生实现常用的UI样式，持续更新...
单选框<div class="radioBox"> <input type="radio" id="1" name="selection" class="hiddenRadio"/> <span class="myRadio"></span></div&am
2018-11-09 14:30:54
525
原创 关于滚动条的选择器
CSS3允许我们自定义滚动条的样式，我么先来认识一下这些伪元素选择器::-webkit-scrollbar 一整个滚动条::-webkit-scrollbar-button 滚动条上两个按钮（上下箭头）::-webkit-scrollbar-thumb 滚动条上面的滑块::-webkit-scrollbar-track 滚动条的轨道::-webkit-scrollbar-trac...
2018-11-08 20:47:08
588
原创 固定导航栏且不让滚动条出现在导航栏上
这是做项目时会遇到的经典布局问题，首先交代下背景，然后给出一个具体的解决方案。背景：一个高度固定的导航栏始终固定在视口的顶部，下面是一个高度固定的盒子，再下面是主要内容，它的高度会变化，但它有一个最小高度，且多数情况下都处于这个最小高度，页面还有一个底部。我们希望：滚动条不要出现在导航栏，且多数情况下页面不会出现滚动条，及所有内容都出现在视口上。下面是个简单的示意图。我们先给出html的代码...
2018-11-08 19:16:52
4593
转载 Vue中watch的用法
原文链接https://blog.csdn.net/wangxiaoxiaosen/article/details/78487089
2018-07-19 14:02:48
1321
原创 Vue组件之间传值
参考：https://www.cnblogs.com/LoveAndPeace/p/7273648.html https://blog.csdn.net/qq_35430000/article/details/79291287一、父组件通过prop向父组件传递数据子组件通过 props方法获取父组件传递过来的值。props中可以定义能接收的数据类型，如果不符合会报错。 子组件部分：...
2018-06-22 11:04:53
230
转载 e.target与e.currentTarget的区别
转载：https://www.jianshu.com/p/1dd668ccc97a事件委托：<ul id="myLinks"> <li id="goSomewhere">Go somewhere</li> <li id="doSomething">Do something</li>
2018-06-19 20:25:48
377
转载 BFC布局
转载：http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html
2018-06-09 18:33:43
220
原创 Object.create和new的区别
参考：https://www.zhihu.com/question/34183746 https://blog.csdn.net/blueblueskyhua/article/details/73135938再说区别之前我们先要明确一些相关的概念： 1、对象有属性_proto_，指向该对象的构造函数的原型对象 2、方法除了有属性_proto_，好友属性prototype,prototyp...
2018-06-09 18:32:35
4397
原创 在地址栏输入一个url到页面加载都经历了什么？
参考：https://blog.csdn.net/libin_1/article/details/50778993 https://segmentfault.com/a/11900000102980381、用户输入URL地址，通过DNS查询到域名对应的IP地址用户输入的URL中包含域名，在DNS中一个域名包含一个IP地址，DNS就是要把域名和IP地址一一对应起来。DNS是分布式的，具有层...
2018-04-20 18:11:32
727
转载 字符编码ASCII，Unicode和UTF-8
http://www.ruanyifeng.com/blog/2007/10/ascii_unicode_and_utf-8.html
2018-04-20 09:40:18
133
原创 HTTP请求方法
参考：http://www.techweb.com.cn/network/system/2016-10-11/2407736.shtml https://www.cnblogs.com/foodoir/p/5911099.html http://syq891015.iteye.com/blog/2147546HTTP的请求方法在实现原理上大致是相同的，只是语义不同，经常使用的场景不同。...
2018-04-20 09:38:07
202
原创 函数柯里化及笔试题解
《JavaScript高级程序设计》 函数柯里化用于创建已经设置好一个或多个参数的函数。函数柯里化的基本方法与函数绑定是一样的：使用一个闭包返回一个函数。创建柯里化函数的通用方式：function curry(fn) { var args = Array.prototype.slice.call(arguments, 1); return function () { ...
2018-04-14 11:23:13
652
转载 清除浮动的几种方式
转载自：https://blog.csdn.net/xingxing1828/article/details/512452571、父级div定义height&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;meta name=&q
2018-04-13 10:46:17
184
原创 Ajax请求与表单提交的区别
Form表单提交<form action="ajaxTest.json" method="post"> <input type="text" name="username"> <input type="password" name="password"></form&
2018-04-10 21:02:30
4020
转载 Vue数据双向绑定的原理
参考https://www.cnblogs.com/libin-1/p/6893712.html 源码链接：https://github.com/canfoo/self-vue/tree/master/v3vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的。 双向绑定就是视图上的变化能够反映到数据上，数据上的变化也能反映到视图上。如下图所示： 关键点在于data如何...
2018-03-27 17:05:31
4818
1
原创 前端开发中对图片的优化
参考：https://www.zhihu.com/question/21815101 https://blog.csdn.net/array_huang/article/details/50162525尽可能少用图片哈哈，如果你压根不用图片，就不存在图片优化的问题了。像一些修饰效果，比如半透明、边框、圆角、阴影、渐变等，都可以通过css达成，而不需要更换图片。使用矢量图代替位...
2018-03-25 14:02:22
501
原创 块级作用域与函数作用域
函数作用域：变量在定义的环境中以及嵌套的子函数中处处可见； 块级作用域：变量在离开定义的块级代码后立即被回收。函数作用域在ES6之前，js的作用域只有两种：函数作用域和全局作用域。使用var声明的变量，都存在变量提升的过程。 console.log(a); //undefined console.log(c); //undefined console.log...
2018-03-24 10:30:29
4996
1
原创 textarea中cols,rows和宽度高度的关系
参考http://www.zhangxinxu.com/wordpress/2016/02/html-textarea-rows-height/ textarea的属性cols表示文本域以几列显示，rows表示以几行显示，从而自行计算出文本框实际的宽度和高度，计算的规则因浏览器的不同而不同，会受到字体，字体大小，字体间距等因素的影响。但如果我们给textarea添加上width和height样式...
2018-03-21 13:49:18
4325
原创 创建对象的方法总结
把《JS高程》上创建对象的方法记录下来，以加深印象。原始模式var obj = new Object();obj.name = "Mary";obj.age = "20";工厂模式function createPerson(name, age) { var o = new Object(); o.name = name; o.age = ag...
2018-03-17 10:52:44
137
原创 函数内部的特殊对象arguments
首先，我们应该明确：arguments是对象，而不是数组（它不是Array的实例）。我们可以理解为函数的参数使用数组来存储的，arguments对象可以访问这个数组，而访问的方法就是使用方括号。 函数不介意传进来几个参数，例如：你定义的函数接受两个参数，你实际传入一个参数或是三个参数或是不传参都是可以的，不会报错。我们甚至可以在函数内部改变arguments对应的数组。arguments对象的长...
2018-03-16 11:44:03
313
原创 记录一个router-link和v-for联合使用的坑
错误代码： &amp;lt;div id=&quot;app&quot;&amp;gt; &amp;lt;router-link v-for=&quot;item in items&quot; to=&quot;'/' + item.id&quot; :key=&quot;item.id&
2018-03-11 11:41:24
7490
1
转载 图片懒加载
图片懒加载参考文章：http://blog.csdn.net/itzhongzi/article/details/77466779 http://www.ruanyifeng.com/blog/2016/11/intersectionobserver_api.html1、什么是图片懒加载懒加载其实就是延迟加载，是一种对网页性能优化的方式，比如当访问一个页面的时候，优先显示可视区域的图片而不一次性加
2018-03-09 15:34:11
434
原创 slice(),substr()和substring()参数及返回值的区别
这三个方法都是Sring类型的基于字符串产生子字符串的方法，所以这三个方法都不会对原字符串产生什么影响。 slice(start, end); substring(start, end); substr(start, len); 这三个方法的第一个参数都是start，即起始下标。 var s = "hello world"; console.log(s.le...
2018-02-20 15:00:21
3460
原创 关于确定浏览器窗口大小的问题
正如《JavaScript高级程序设计》中所说的一样：“跨浏览器确定一个窗口的大小并不是一件简单的事。”浏览器为此提供了四个属性：innerWidth,innerHeight,outerWidth和outerHeight。《JavaScript高级程序设计》中说不同的浏览器对于这四个属性的返回值不同，但经过我的测试（我的浏览器版本分别为Chrome62.0.3202.75，Firefox57.0，
2017-11-21 17:16:42
997
原创 innerHTML, outerHTML, innerText, outerText, textContent
标题中提到的这些属性都是用来获取元素内容的，那么它们的区别是什么呢？各大浏览器的兼容性又是怎么样的呢？innerHTML/outerHTML首先，我们说说对innerHTML的赋值操作：先对拥有该属性的元素从标签开始处到标签结束处进行模式匹配，然后将处理后的值赋予给innerHTML属性（除了单独的<, >, &会被转换为实体名外，其他内容会被原封不动地赋给innerH...
2017-11-19 10:55:04
455
原创 关于行内元素能否设置宽高的问题
理论上来说，行内元素区别于块级元素的一点就是它不能设置宽高。例如： <div style="width: 100px; height: 100px; background-color: black"> <span style="width: 10px; height: 10px; background-color: white"></span>...
2017-11-18 09:49:32
10229
原创 css3 box-shadow属性
语法:box-shadow:h-shadow v-shadow blur spread color inset;h-shadow（必需）：水平方向上的阴影偏移距离；v-shadow（必需）：垂直方向上的阴影偏移距离；blur（可选）：阴影模糊的距离，默认为0；spread（可选）：阴影的尺寸；color（可选）：阴影的颜色；inset（可选）：将外部阴影改变为内部阴影。
2017-11-08 09:34:13
516
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人