- 博客(24)
- 收藏
- 关注
RSS订阅
原创 webpack初入
npm之后发生了什么？我们运行vue-cli脚手架搭建的项目时通常会使用npm run dev，接下来我就简单介绍一下之后发生的事情：npm之后发生了什么？入口package.jsonpackage.jsonwebpack.dev.conf.jswebpack.base.conf.jswebpack.prod.conf.js入口package.jsonn...
2018-05-26 15:09:08
331
原创 BFC机制与浮动定位脱离文档流
BFC机制与浮动定位脱离文档流BFC块格式化上下文 —-w3c规定的一种独立渲染区域 渲染流程基本上四个步骤： 1.计算CSS样式 2.构建Render Tree 3.Layout – 定位、大小，换行，（position, overflow等属性） 4.正式开始脱离标准流的方式有三种——浮动、绝对定位、固定定位 脱离标准流之后定位的元素，会覆盖浮动的元素，故此
2017-12-31 00:28:48
1439
原创 拖动框 + 收回展开
image-20190824183015363.png1. 点击事件绑定在要点击拖动的元素上<div class="area" @mousedown.stop="mouseDown"> // 阻止冒泡</div>鼠标按下获取当前的 window.clientY ，并存储在数组里（这里我是用长度为2的数组，记录鼠标移动前后的坐标）给一个开关，保...
2019-08-24 19:38:53
324
原创 webStorm 激活码
http://idea.toocruel.nethttp://idea.songaw.com:7766http://idea.youbbs.orghttp://idea.congm.inhttp://im.js.cn:8888http://intellij.mandroid.cn/http://idea.imsxm.com/http://idea.iteblog.com...
2018-08-29 13:12:30
1673
原创 HTTP请求
常见的增删改查： POST： 请求服务器接受所指定的文档作为对所标识的URI的新的从属实体。 DELETE： 请求服务器删除指定的页面。 PUT： 从客户端向服务器传送的数据取代指定的文档的内容。 GET： 请求指定的页面信息，并返回实体主体。 HEAD： 只请求页面的首部。OPTIONS： 允许客户端查看服务器的性能。TRACE： 请求服务器在响应中的实体主体部分返回所得到的内...
2018-08-01 21:25:20
267
原创 js编程面试题2018
我感觉我当时脑子一定是秀逗了, 挂完电话立马会了~~ 写出来给自己一个难忘的回忆！ 1. 找出数组中重复出现过的元素function duplicates(arr) { var str = [] for(var i=0;i&lt;arr.length-1;i++){ for(var j=i+1;j&lt;arr.length;j++){ ...
2018-07-30 18:51:44
1201
原创 String类型的方法
字符方法: charAt() charCodeAt() 接收下标，返回对应下标的字符/字符编码 字符串操作方法: concat() slice(‘子字符串的开始位置’，‘子字符串最后一个字符后面的位置’) （只要参数为负就会被转化为该负数加上字符串长度） substr(‘子字符串的开始位置’，‘返回字符的个数（两个参...
2018-03-17 22:15:31
263
原创 常用正则
校验密码强度 密码的强度必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间。 ^(?=.\d)(?=.[a-z])(?=.*[A-Z]).{8,10}$ 校验中文 字符串仅能是中文。 ^[\u4e00-\u9fa5]{0,}$由数字、26个英文字母或下划线组成的字符串: ^\w+$校验E-Mail 地址 同密码一样，下面...
2018-03-15 01:43:14
235
转载 JS异步编程
JS语言的执行环境是“单线程”为什么会出现异步编程呢？单线程是指一次只能完成一件任务。如果有多个任务的话就必须排队，等前面的任务执行完才能执行下一个任务。两种任务执行模式：同步和异步 “异步模式”： 回调函数是异步编程最基本的方法。每一个任务有一个或多个回调函数，前一个任务执行后不是执行后一个任务，而是执行回调函数，后一个任务则是不等前一个任务结束后就执行，所以程序的执行顺序与任务的排...
2018-02-28 01:56:47
341
原创 JS调试命令
https://segmentfault.com/a/1190000012957199?utm_source=weekly&utm_medium=email&utm_campaign=email_weeklyconsole 对象提供对浏览器控制台的接入（如：Firefox 的 Web Console）。不同浏览器上它的工作方式是不一样的： https://developer....
2018-02-26 23:06:02
312
原创 垂直水平居中的四种方式
.parent{ height: 500px; background: skyblue; width: 500px; } .child{ width: 100px; height: 100px; backgr...
2018-02-26 22:37:24
329
原创 URL到页面加载
1、DNS解析 2、TCP连接 3、发送HTTP请求 4、服务器处理请求并返回HTTP报文 5、浏览器解析渲染页面 6、连接结束浏览器在解析过程中，如果遇到请求外部资源时，如图像，iconfont，JS 等。浏览器将重复1-6过程下载该资源。请求过程是异步的，并不会影响HTML文档进行加载，但是当文档加载过程中遇到JS文件，HTML文档会挂起渲染过程，不仅要等到文档中JS文件加载...
2018-02-26 12:15:10
302
原创 web网站页面性能优化
Web前端的本质是：将信息快速并友好的展示给用户并能够与用户进行交互。雅虎网站页面性能优化的34条黄金守则http://www.mamicode.com/info-detail-139010.html快速的加载资源：1、能不从网络中加载就不从网络中加载，合理使用缓存，将资源放在浏览器端，这是最快的方式。 2、如果资源必须从网络中加载，则要考虑短连接时间，即DNS优化部分；减少相应...
2018-02-26 03:27:47
817
翻译 WebStorm常用的快捷键
ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。ctrl + j: 输出模板ctrl + b: 跳到变量申明处ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)ctrl + []: 匹配 {}[]ctrl + F12: 可以显示当前文件的结构ctrl + x: 剪切(删除)行，...
2018-02-25 18:52:12
489
原创 git合并代码第一弹
合并分支分享第一弹1.首先我们要把代码合并在dev分支上，所以创建并切换到dev分支 我们开始合并每个人的分支。比如你要合并XXX的分支到dev上： 同样的创建并切换到XXX分支，然后pull下来该分支的代码。pull下来之后记得查看状态，然后代码有更新的话就需要add 、commit代码（这个大家都会我就不做介绍了）。 切记要在XXX的分支上add 、commit不要直接切...
2018-01-30 23:29:28
520
原创 js是单线程为什么要说js异步编程
一、单线程 单线程是指在JS引擎中负责解释和执行IavaScript代码的线程只有一个，不妨叫它主线程。 所谓单线程，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成再执行后面一个任务。 这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Jav
2018-01-30 02:35:27
1842
1
原创 圣杯布局图解
圣杯布局图解圣杯布局和双飞翼布局实现的问题都是三列布局，两边定宽，中间自适应布局，中间栏要在放在文档流前面以优先渲染。1、给middle部分设 width:100%，给left、right设宽度，三者都 float:left。 2、给外面最大的块all设左右padding，把middle拉出来，这样left和right去了自己的位置之后就不会把middle内容盖住了。 ...
2018-01-24 12:47:35
2506
转载 超完整的CHROME调试
”工欲善其事，必先利其器” 下面总结一下一些常用调试方法，这些方法能让开发的工作顺利并且高效，这里小女子拿出来总结一下，与各位程序猿同仁分享一下 ~ （此处应有掌声…… ^_^）一. 先来认识一下这些按钮 先来看这张图最上头的一行是一个功能菜单，每一个菜单都有它相应的功能和使用方法，依次从左往右来看 1.箭头按钮：用于在页面选择一个元素来审查和查看它的相关信息，当我们在Elements
2017-12-12 17:12:46
3827
3
转载 JSON.stringify
你所不知道的JSON.stringify原文: What you didn’t know about JSON.Stringify https://blog.fundebug.com/2017/08/17/what-you-didnt-know about-json-stringify/不是所有的合法的JSON都是有效的JavaScript；JSON只是一个文本格式；JSON中的数字是十进制。
2017-12-12 09:23:26
793
原创 表单
表单form : 凡是用户与服务器交互的表单标签应全部放在form标签内 a . <form method=”post/get(两种表单提交方式)”action=”表单处理服务器”/>post:(1)浏览器将与 action 属性中指定的表单处理服务器建立联系(2)浏览器就会按分段传输的方法将数据发送给服务器。(3)服务器端(POST 样式的应用程序开始执行时): [1]从一个标志位...
2017-12-07 22:39:10
268
原创 css盒子模型
盒子模型盒子模型图解：（盒模型通过四个边界来描述：margin（外边距），border（边框），padding（内边距），content（内容区域））2.类型(1) box-sizing:border-box;a. css3属性，ie8以下不兼容，Mozilla需要加上-moz-，Webkit内核需要加上-webkit-，Presto内核-o-，IE8-ms-b
2017-12-07 21:33:44
336
原创 关于setInterval返回值问题
oBtn1.onclick = function(){clearInterval(timer);timer = setInterval(cwidth,10);alert(timer);}oBtn2.onclick = function(){clearInterval(timer);}setInterval返回值相当于一个Id，每次执行都会产生一个特定的Id，返回值为
2017-07-29 20:36:24
10781
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人