- 博客(23)
- 收藏
- 关注
RSS订阅原创 win10台式机屏幕亮度无法调节
win10系统亮度一直不知道怎么调节，网上的教程很杂并且大多无用，像卸载驱动和更改注册表内容根本不敢轻易尝试。今天误打误撞，找到了调节亮度的方法，笔记本和台式机好像不一样。工具：win10专业版、右键可以出现英特尔显卡选项的1、首先，鼠标右键，点击英特尔显卡设置2、点击显示器3、点击颜色设置，然后就可以看到屏幕亮度调节选项了...
2018-12-29 17:30:42
4154
原创 webstorm2018破解方法
一、下载补丁到最新版本下载地址:IntelliJ IDEA 注册码下载补丁。二、将补丁复制到bin目录下C:\Program Files\JetBrains\WebStorm 2018.3.2\bin三、修改同目录下的 WebStorm.exe.vmoptions 和WebStorm64.exe.vmoptions，这两个文件一个是32位的，一个是64位的，建议同步修改。用文本编辑器...
2018-12-29 13:23:40
425
原创 Vue2.0 $set()的正确使用方式
vue2.0 给data对象新增属性，并触发视图更新如下代码，给 student对象新增 age 属性data () { return { student: { name: '', sex: '' } }}直接给student赋值操作，虽然可以新增属性，但是不会触发视图更新mounted (...
2018-12-28 16:13:32
2722
原创 利用nodeJs anywhere搭建本地服务器环境
前端有些时候测试某个模块的时候或者需要用手机或其他手持设备访问，这时就有必要搭建一个本地服务器！传统的服务器操作繁杂，在此给他大家搭建另外一种小巧的本地服务器:一、安装node首先去nodeJs官网下载最新版nodeJs https://nodejs.org/en/注意如果是mac系统会提示你权限不够，需要在代码前加上 sudo获取管理员权限。即sudo npm install an...
2018-12-27 19:12:21
317
原创 Visual Studio Code设置中文包/配置中文语言
打开vscode工具使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入“configure display language”，点击确定后；修改locale.json文件下的属性“locale”为“zh-CN”;重启vscode工具；点左边第四个按钮，搜索Chinese (Simplified) Language Pack for Visual Studio Code安装，安装后...
2018-12-26 14:31:46
2277
原创 DOM事件流
DOM事件流包括三个阶段。事件捕获阶段处于目标阶段事件冒泡阶段1. 事件捕获阶段事件对象会随着DOM事件流从Window依次向下，最终传递给事件目标。但是在这个过程开始之前，事件对象的传递路径需要先被确定下来。当事件发生时，首先发生的是事件捕获，为父元素截获事件提供了机会。(addEventListener最后一个参数，为true则代表使用事件捕获模式，false则表示使用事件冒...
2018-12-25 20:01:13
251
原创 解决在IOS系统及微信中audio、video不能自动播放的问题
<video id="shakeVideo" src='video/shakingRedbagVideo.mp4' autoplay="autoplay" controls="controls" style="background:url(img/shaking_bg.jpg);"></video>bug: 在video标签内定义的属性auto
2018-12-20 22:51:49
4995
4
原创 Object.create()方法
Object.create()方法创建一个新对象，使用现有的对象来提供新创建的对象的proto。语法:Object.create(proto, [propertiesObject])- proto:新创建对象的原型对象。必填- propertiesObject:可选。若没有指定为undefined，则是要添加到新创建对象的可枚举属性（自身定义的属性，而不是原型链上的枚举属性。这些属性对应Ob...
2018-12-20 19:41:02
1123
原创 substring、substr以及slice、splice用法和区别
关于substring()substring(start,stop)表示返回从start开始到stop处之间的新字符串，其长度为stop减 start。特点：包含start，但不包含stop且不修改原字符串，返回新字符串这一点与slice的含头不含尾相近。例如：var str = "0123456789";console.log(str.substring(1,5))//"123...
2018-12-19 00:18:17
306
原创 浏览器渲染原理及流程
为什么要了解浏览器加载、解析、渲染这个过程？了解浏览器如何进行加载，我们可以在引用外部样式文件，外部js时，将他们放到合适的位置，使浏览器以最快的速度将文件加载完毕。了解浏览器如何进行解析，我们可以在构建DOM结构，组织css选择器时，选择最优的写法，提高浏览器的解析速率。了解浏览器如何进行渲染，明白渲染的过程，我们在设置元素属性，编写js文件时，可以减少”重绘“”重新布局“的消耗。渲...
2018-12-17 23:39:16
1379
原创 如何解决两个相邻的span中间空隙
产生间隙原因: 换行或空格会占据一定的位置。1.span直接在一行，没有空格<style> span{background: red;}</style><span>1</span><span>2</span>这种方案是最直接的解决方案，但却也是最不靠谱的方案，存在很多不可控因素。很多场景会让你崩溃：前后端协同...
2018-12-17 15:38:08
3698
1
原创 css布局左右2边固定，中间自适应
1.position+margin原理说明：通过绝对定位将两个侧栏固定，同样通过外边距给两个侧栏腾出空间，中间列自适应。&lt;style&gt; .left, .right { position: absolute; top: 0; width: 200px; height:40px; backgroun...
2018-12-17 14:56:27
323
原创 CommonJs, AMD/RequireJs,CMD/seajs
JavaSript模块化在了解AMD，CMD规范前，还是需要先来简单地了解下什么是模块化，模块化开发？模块化是指在解决某一个复杂问题或者一系列的杂糅问题时，依照一种分类的思维把问题进行系统性的分解以之处理。模块化是一种处理复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式。可以想象一个巨大的系统代码，被整合优化分割成逻辑性很强的模块时，对于软件是一种何等意义的存在。对于软件行业...
2018-12-15 18:56:32
244
原创 谈谈对闭包的理解
function a(){ var i=0; function b(){ console.log(i++) } return b;}var c=a();//这里执行了函数a，返回函数b，因此c为函数bc();//0，这里调用了函数bc();//1，因为i仍然保存在a中，而函数b保持着对i的引用，因此i在内存中的栈去依然保留使用闭包主要是为了设计私有的方法和变量。优点：可...
2018-12-15 12:16:51
237
原创 div+css盒子居中
1.利用margin优点：兼容性好缺点：必须知道内容盒子的高度才可以，有了这点限制；div1的宽减去div2的宽就是div2margin-left的数值：（100-40）/2=30div1的高减去div2的高就是div2margin-top的数值：（100-40）/2=30 &amp;lt;style type=&quot;text/css&quot;&amp;gt; .div1{ width: ...
2018-12-15 12:06:06
934
转载 js中的几种跨域方法
js跨域指的是通过js在不同域之间进行数据传输或通讯，例如ajax通信技术，或者通过js获取页面中iframe的数据。只要有任意一个不同，则协议、域名、端口中有任意一个不同，则彼此成为不同的域。所谓同源是指，域名，协议，端口均相同，不明白没关系，举个栗子：1）http://www.123.com/index.html 调用 http://www.123.com/server.php （非跨域）...
2018-12-14 23:24:49
755
原创 利用多个域名来存储网站资源
1. CDN缓存更方便CDN：是构建在网络之上的内容发布网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容发布、调度等功能模块，是用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要是内容存储和分布技术。简单来说，CDN主要用来使用户就近获取资源。2. 突破浏览器并发限制同一时间针对同一域名下的请求有一定数量限制，超过限制数目的请求会被阻塞。大多...
2018-12-14 22:09:34
1298
原创 五大主流浏览器
1.浏览器组成浏览器最重要的部分是浏览器的内核。浏览器内核是浏览器的核心，也称“渲染引擎”，用来解释网页语法并渲染到网页上。浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息。不同的浏览器内核对网页的语法解释也不同，因此网页开发者需要在不同内核的浏览器中测试网页的渲染效果。2.相互工作：-用户界面 －包括地址栏、后退/前进按钮、书签目录等，也就是你-所看到的除了页面显示窗口之外的...
2018-12-14 19:34:35
435
原创 arr.sort的排序原理
1.默认情况下根据字符编码进行排序var arr = [1,3,6,2,10]arr.sort();//[1, 10, 2, 3, 6]2.sort排序允许接受一个参数（函数），这个函数接受2个形参a,b,并且通过冒泡的方式比较。返回值规则：当返回值为负数时，那么前面的数在前面，也就是不动当返回值为正数时，那么后面的数在前为0，不动//升序arr.sort(function(...
2018-12-14 12:16:13
15831
2
原创 css伪类与伪元素区别
伪类伪类就是一种虚构的状态或者说是一个具有特殊属性的元素可以使用CSS进行样式修饰。伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而不是元素的id、class、属性等静态的标志。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。由此可以看出，它的功能和class有些类似，但它是基于文档之外的抽象，所以叫伪类。...
2018-12-13 17:21:47
268
1
原创 前端页面速度统计方法
如何统计首屏时间在页面的各个阶段，将时间打印出来，亦或者是使用html5新增的接口：performance来评估一下自己的网站到底差在哪里(如图)。网页最开始的跳转时间：HTML5的performance接口提供了这个时间：performance.timing.navigationStart。然后在估算接近于一屏幕的元素的位置后，打印一下当前时间。并且把首屏中所有图片的加载时间也算上。...
2018-12-11 22:19:19
1334
原创 首页优化加载(聊聊百度移动端首页前端优化)
1.静态文件放置百度首页没有外链css，js也很少，是为了减少http请求，一般首屏所需要的js与css，全部在上线前编译内联至HTML中，如下图：2.缓存 cookie,localstorage如果html,css,js一直不变，就直接缓存到客户端localstorage中去，下次加载如果只需读取本地存储的内容。&lt;!DOCTYPE HTML&gt;&lt;html&gt; ...
2018-12-11 18:46:22
1533
原创 如何获取小程序前端代码
####准备材料1.第一步下载一个模拟器（推荐使用自带root的模拟器），我使用的是夜神模拟器下载地址：https://www.yeshen.com/download/fullPackage2.node.js运行环境下载地址：https://nodejs.org/en/3.反编译的脚本这里提供一个Github上qwerty472123大神写的node.js版本的，当然也有其它版本的，例...
2018-12-08 14:56:34
15037
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人