木头先生
木头先生_个人页
木头先生
文章
138
问答
0
视频
0
个人介绍
暂无个人介绍
擅长的技术
-
发表了文章 2018-07-05
console命令的其他强大用法
阅读目录 谷歌控制台Elements面板查看元素上绑定的事情样式操作总况console.logconsole.infoconsole.errorconsole.warnconsole.debugconsole.
-
发表了文章 2018-07-02
img的complete和onload
HTML DOM complete 属性 定义和用法: complete 属性可返回浏览器是否已完成对图像的加载。 如果加载完成，则返回 true，否则返回 fasle。 语法: imageObject.complete Image onload 事件 定义和用法: onload 事件在图片加载完成后立即执行。
-
发表了文章 2018-06-27
使用readAsDataURL方法预览图片
使用FileReader接口的readAsDataURL方法实现图片的预览。 在FileReader出现之前，前端的图片预览是这样实现的：把本地图片上传到服务器，服务器把图片地址返回，并把它替换到图片元素的src属性。
-
发表了文章 2018-06-25
Grid布局指南
简介 CSS网格布局（又称“网格”），是一种二维网格布局系统。CSS在处理网页布局方面一直做的不是很好。一开始我们用的是table（表格）布局，然后用float(浮动)，position（定位）和inline-block（行内块）布局，但是这些方法本质上是hack，遗漏了很多功能，例如垂直居中。
-
发表了文章 2018-06-21
js中arguments详解
在js中一切都是对象，连函数也是对象，函数名其实是引用函数定义对象的变量。 什么是arguments？ 这个函数体内的arguments非常特殊，实际上是所在函数的一个内置类数组对象，可以用数组的[i]和.length。
-
发表了文章 2018-06-20
BFC原理剖析
本文讲了BFC的概念是什么； BFC的约束规则；咋样才能触发生成新的BFC；BFC在布局中的应用：防止margin重叠(塌陷,以最大的为准)； 清除内部浮动；自适应两（多）栏布局。 1. BFC是什么？ Block fomatting context = block-level box + Form...
-
发表了文章 2018-06-20
JS函数防抖与函数节流
概念 函数防抖（debounce） 当调用动作过n毫秒后，才会执行该动作，若在这n毫秒内又调用此动作则将重新计算执行时间 函数节流（throttle） 预先设定一个执行周期，当调用动作的时刻大于等于执行周期则执行该动作，然后进入下一个新周期 函数节流（throttle）与 函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。
-
发表了文章 2018-06-15
AJAX问题 XMLHttpRequest.status = 0是什么含义
在调用AJAX的时候遇到了XMLHttpRequest. status为0 的情况，http协议里可是没这个状态码的，众所周知，XMLHttpRequest. Status为HTTP请求状态码，一般为1xx-5xx,这个0是什么含义，让我觉得很好奇。
-
发表了文章 2018-06-12
通过JS如何获取IP地址
通过JS获取你真实的外网IP和内网IP，就算开代理也没有用，想想真是太可怕了，还能不能愉快的装逼了！ 代码： //get the IP addresses associated with an account function getIPs(callback){ var ip_dups = ...
-
发表了文章 2018-05-24
报错Unexpected token u
报错Unexpected token u，出错位置提示在index.html的第一行。 出现这个错误的原因是尝试JOSN.parse一个undefined的对象导致的，解决办法就是如果为undefined就设置成null。null不会导致错误 。
-
发表了文章 2018-05-11
css文本超出2行就隐藏并且显示省略号
首先，要知道css的三条属性。 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 这三个是css的基础属性，需要记得。
-
发表了文章 2018-04-24
html5应用程序缓存
缓存概念： ------页面缓存: html、JS、CSS等,这些缓存资源是由于浏览器的行为而产生; ------数据缓存 ----------AppCache: Cache Manifest 操作； 需要服务器 与 客户端 相互配合； 所有的缓存数据都由开发者直接完全地掌控。
-
发表了文章 2018-04-23
HTTP缓存机制
Web 缓存大致可以分为：数据库缓存、服务器端缓存（代理服务器缓存、CDN 缓存）、浏览器缓存。 浏览器缓存也包含很多内容： HTTP 缓存、indexDB、cookie、localstorage 等等。
-
发表了文章 2018-04-19
div中的内容超过容器宽度的问题
问题描述： 排名 参赛选手 月收益 月收益率 在一个div中横向放置了4个inline-block，宽度为百分比，加起来总共是100%。当其中一个inline-block的文字内容超过元素本身的宽度时，发现其他3个inline-block位置会发生改变，但是如果这个inline-block的内容如果为数字或者一整个连续的英文字符串，其他3个inline-block的位置不会发生改变，不过如果这个inline-block的内容为英文段落（单词之间有空格）并且内容超过元素本身的宽度时，其他3个inline-block的位置还是会发生改变。
-
发表了文章 2018-04-18
当你输入一个网址，实际会发生什么
当你输入一个网址的时候，实际会发生什么? 原文:http://igoro.com/archive/what-really-happens-when-you-navigate-to-a-url/ 作为一个软件开发者，你一定会对网络应用如何工作有一个完整的层次化的认知，同样这里也包括这些应用所用到的技术：像浏览器，HTTP，HTML，网络服务器，需求处理等等。
-
发表了文章 2018-04-13
arguments.callee
在函数内部，有两个特殊的对象：arguments 和 this。其中， arguments 的主要用途是保存函数参数， 但这个对象还有一个名叫 callee 的属性，该属性是一个指针，指向拥有这个 arguments 对象的函数。
-
发表了文章 2018-04-12
vue的生命周期
钩子就好像是把人的出生到死亡分成一个个阶段，你肯定是在出生阶段起名字，而不会在成年或者死亡的阶段去起名字。或者说你想在出生阶段去约炮，也是不行的。组件也是一样，每个阶段它的内部构造是不一样的。所以一般特定的钩子做特定的事，比如ajax获取数据就可以在mounted阶段。
-
发表了文章 2018-04-02
Vue中的v-cloak用法
v-cloak 的作用和用法 用法： 这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。
-
发表了文章 2018-03-27
控制input只能输入数字和两位小数
function clearNoNum(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符 obj.
-
发表了文章 2018-03-23
css3新单位vw、vh的使用详解
响应式布局的单位我们第一时间会想到通过rem单位来实现适配，但是它还需要内嵌一段脚本去动态计算跟元素大小。 比如： (function (doc, win) { let docEl = doc.documentElement let resizeEvt = 'orientationchang...
-
发表了文章 2018-03-21
关于图片的Base64编码
什么是Base64编码 Base64编码是一种图片处理格式，通过特定的算法将图片编码成一长串字符串，在页面上显示的时候，可以用该字符串来代替图片的url属性。 base64编码就是长得像下面这样子的代码： thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS9pbWcvc3NsbTFfbG9nby5naWZaWg== 上面代码大家都熟悉吧，迅雷下载链接哦，就是base64编码后的地址，所以以后看到这种：一堆连续字母，最后有1~2个"="的代码就是base64。
-
发表了文章 2018-03-20
字体图标制作的方法
web端和移动端为什么需要做字体图标？ 性能好是最主要的原因，可以减少http请求。在之前项目中，网页的图标是用的图片，当图标很多时，http请求多，而且图片体积比较大。 字体图标制作流程 1设计师设计出图标保存为SVG格式的。
-
发表了文章 2018-03-15
使用JSONP实现跨域
什么是跨域？ 简单的来说，出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。 什么是JSONP？ JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，JSONP 是 JSON with padding（填充式 JSON 或参数式 JSON）的简写。
-
发表了文章 2018-03-14
前端常见跨域解决方案
什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域： 1.) 资源跳转： A链接、重定向、表单提交 2.) 资源嵌入： 、、、等dom标签，还有样式中background:url()、@font-face()等文件外链 3.) 脚本请求： js发起的ajax请求、dom和js对象的跨域操作等 其实我们通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。
-
发表了文章 2018-03-09
vue快速入门
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。
-
发表了文章 2018-03-05
Vue中method与computed的区别
为了说明method与computed的区别，在此我想先来看看computed属性在vue官网中的说法：模板内的表达式是非常便利的，但是它们实际上只用于简单的运算。在模板中放入太多的逻辑会让模板过重且难以维护。
-
发表了文章 2018-03-02
js获取对象长度和名称
1.对象的长度不能用.length获取，用js原生的Object.keys可以获取到 var obj = {'name' : 'Tom' , 'sex' : 'male' , 'age' : '14'}; var arr = Object.
-
发表了文章 2018-03-02
js中判断数组中是否含有某个字符串方法
1．两个数组间互相校验 Var inArray = function(arr, item) { for(var i = 0; i < arr.length; i++) { if(arr[i] == item) { ...
-
发表了文章 2018-03-02
正则表达式入门
正则表达式(Regular Expression)是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"）。 正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。
-
发表了文章 2018-02-27
svn常用操作
一 图标的认识： 新检出的工作副本使用绿色的对钩做重载，表示Subversion状态正常。 当我们开始编辑一个文件后，图标将变成红色感叹号，通过这种方式，可以很容易地看出我们对哪些文件进行了修改操作，但是还没有提交到版本库中。
-
发表了文章 2018-02-24
Javascript获取数组中的最大值和最小值方法汇总
方法一 sort()方法 b-a从大到小，a-b从小到大 var max2 = arr.sort(function(a,b){ return b-a; })[0]; console.log(max2) 方法二 //最小值 Array.
-
发表了文章 2018-02-08
域名系统
1、域名系统概述 域名系统DNS(Domain Name System)是因特网使用的命名系统，用来把便于人们使用的机器名字转换成为IP地址。域名系统其实就是名字系统。为什么不叫“名字”而叫“域名”呢？这是因为在这种因特网的命名系统中使用了许多的“域(domain)”，因此就出现了“域名”这个名词。
-
发表了文章 2018-02-07
DNS域名解析过程
DNS域名解析 我们知道互联网都是通过URL来发布和请求资源的，而URL中的域名需要解析成IP地址才能与远程主机建立连接，如何将域名解析成IP地址就属于DNS解析的工作范畴。 可以毫不夸张地说，虽然我们平时上网感受不到DNS解析的存在，但是一旦DNS解析出错，可能会导致非常严重的互联网灾难。
-
发表了文章 2018-01-23
服务器常用的状态码
常见HTTP状态码 Type Reason-phrase Note 1XX Informational 信息性状态码，表示接受的请求正在处理 2XX Success 成功状态码，表示请求正常处理完毕 3XX Redirection 重定...
-
发表了文章 2018-01-22
重绘与重排及它的性能优化
1.重绘与重排 浏览器下载完页面中的所有组件——HTML标记、JavaScript、CSS、图片之后会解析生成两个内部数据结构——DOM树和渲染树。 DOM树表示页面结构，渲染树表示DOM节点如何显示。
-
发表了文章 2018-01-18
console.time和console.timeEnd用法
console.time和console.timeEnd这两个方法可以用来让WEB开发人员测量一个javascript脚本程序执行消耗的时间。随着WEB应用越来越重要，JavaScript的执行性能也日益受到重视，WEB开发人员知道一些性能测试机器是必须的。
-
发表了文章 2018-01-16
用CSS开启硬件加速来提高网站性能
1. 何为硬件加速 就是将浏览器的渲染过程交给GPU处理，而不是使用自带的比较慢的渲染器。这样就可以使得animation与transition更加顺畅。 我们可以在浏览器中用css开启硬件加速，使GPU (Graphics Processing Unit) 发挥功能，从而提升性能 现在大多数电脑的显卡都支持硬件加速。
-
发表了文章 2018-01-10
公钥和私钥
这些密码学的概念容易被搞混淆，的确也情有可原。因为公钥、私钥、加密、认证这些都是较为复杂的问题，其概念不太容易理解，理解不透就容易产生各种似是而非的概念，为了让大家对于密码学有进一步的了解，这里我就详细解说一下公钥和私钥的具体作用和使用方法。
-
发表了文章 2018-01-09
svn conflict 冲突解决
1. 同一处修改文件冲突 开发人员都知道代码管理工具是开发中一个必不可少的工具，这里也不废话详细介绍了。不管你个人喜欢git还是svn还是其他，但还有一大部分公司在使用svn做代码管理工具。这里详细介绍下SVN提交文件时冲突问题的解决方式。
-
发表了文章 2017-12-27
svn分支开发与主干合并(branch & merge)
先说说什么是branch。按照Subversion的说法，一个branch是某个development line（通常是主线也即trunk）的一个拷贝，见下图： branch存在的意义在于，在不干扰trunk的情况下，和trunk并行开发，待开发结束后合并回trunk中，在branch和trunk各自开发的过程中，他们都可以不断地提交自己的修改，从而使得每次修改在repository中都有记录。
-
发表了文章 2017-12-26
源生js惯性滚动与回弹效果
在写移动端的APP或者页面时，经常会遇到惯性滚动与回弹效果。用插件iscroll可以轻松解决这个问题，大多数的移动框架也能轻松解决这个问题，它们内部都封装了这个效果。 一直好奇这个效果原生JS是怎么实现的，里面涉及到的弹力公式以及惯性效果还有一大堆临界点的判断，很是考验人。
-
发表了文章 2017-12-25
clientHeight、offsetHeight、scrollHeight详解
网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽); 网页可见区域高： document.
-
发表了文章 2017-12-22
JavaScript中常见的字符串操作函数及用法
1、字符串转换 字符串转换是最基础的要求和工作，你可以将任何类型的数据都转换为字符串，你可以用下面三种方法的任何一种： var num= 19; // 19 var myStr = num.toString(); // "19" 你同样可以这么做： var num= 19; // 19 var ...
-
发表了文章 2017-12-21
获取伪元素的属性和改变伪元素的属性
获取伪元素的属性值 获取伪元素的属性值可以使用window.getComputedStyle()方法，获取伪元素的CSS样式声明对象。然后利用getPropertyValue方法或直接使用键值访问都可以获取对应的属性值。
-
发表了文章 2017-12-19
HTMLCSS实现左侧固定宽度右侧内容可滚动
在做移动端页面的时候，经常会碰到一个div中分左右两个div，左侧div固定宽度或百分比，右侧div中内容左右溢出，需要左右滑动才可以浏览到全部内容，为此写了一个demo。 处理这个问题的核心关键点是右侧div需要设置固定宽度或者百分比，然后设置它的overflow为auto或者scroll。
-
发表了文章 2017-12-18
gulp常用插件
1、gulp-uglify(JS压缩) 安装：npm install --save-dev gulp-uglify gulpfile.js代码如下： var gulp = require('gulp'), var rename= require('gulp-rename') var uglify= require("gulp-uglify"); gulp.
-
发表了文章 2017-12-11
Javascript 异步实现机制
Javascript 单线程指的是在一个浏览器进程中只存在一个 Javascript 执行线程，所以任务需要顺序排列等待执行，而不能像 Java 等多线程语言一样并发执行。但是这种单线程模型在处理耗时的异步任务是会出现较长时间的线程阻塞，导致后续的任务不能被及时处理。
-
发表了文章 2017-12-08
JavaScript：彻底理解同步、异步和事件循环(Event Loop)
一. 单线程 我们常说“JavaScript是单线程的”。 所谓单线程，是指在JS引擎中负责解释和执行JavaScript代码的线程只有一个。不妨叫它主线程。 但是实际上还存在其他的线程。例如：处理AJAX请求的线程、处理DOM事件的线程、定时器线程、读写文件的线程(例如在Node.js中)等等。
-
发表了文章 2017-12-07
chrome调试，打完断点后关于JS的几个控制介绍
打完断点之后，关于JS的几个控制介绍。 快捷键：F8 “逐过程执行”，继续执行代码，直到遇到下一个断点。 详细解释： 暂停和开始。当设置了断点之后，js的执行就暂停了，如果我们想要跳过当前的断点继续执行js，就可以点击这个按钮，点击之后js的执行会继续，如果在接下来的执行过程中再次遇到断点，那么就会在那个断点处暂停。
-
发表了文章 2017-12-07
js断点调试心得
1.断点调试是啥？难不难？ 断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下罢了。操作起来似乎很简单，其实很多人纠结的是，是在哪里打断点？（我们先看一个断点截图，以chrome浏览器的断点为例） 步骤记住没？ 用chrom...
暂无更多信息
-
发表了文章
2018-07-05
console命令的其他强大用法
-
发表了文章
2018-07-02
img的complete和onload
-
发表了文章
2018-06-27
使用readAsDataURL方法预览图片
-
发表了文章
2018-06-25
Grid布局指南
-
发表了文章
2018-06-21
js中arguments详解
-
发表了文章
2018-06-20
BFC原理剖析
-
发表了文章
2018-06-20
JS函数防抖与函数节流
-
发表了文章
2018-06-15
AJAX问题 XMLHttpRequest.status = 0是什么含义
-
发表了文章
2018-06-12
通过JS如何获取IP地址
-
发表了文章
2018-05-24
报错Unexpected token u
-
发表了文章
2018-05-11
css文本超出2行就隐藏并且显示省略号
-
发表了文章
2018-04-24
html5应用程序缓存
-
发表了文章
2018-04-23
HTTP缓存机制
-
发表了文章
2018-04-19
div中的内容超过容器宽度的问题
-
发表了文章
2018-04-18
当你输入一个网址，实际会发生什么
-
发表了文章
2018-04-13
arguments.callee
-
发表了文章
2018-04-12
vue的生命周期
-
发表了文章
2018-04-02
Vue中的v-cloak用法
-
发表了文章
2018-03-27
控制input只能输入数字和两位小数
-
发表了文章
2018-03-23
css3新单位vw、vh的使用详解
滑动查看更多
暂无更多信息
暂无更多信息