VERYYOUNG.ME

stayhungry.me

About Me | Percy

http://www.stayhungry.me/about

Stay Hungry Stay Foolish. 主题 - NexT.Muse.

dandanzhou.github.io

总结及计划 - Daisydan

http://dandanzhou.github.io/2016/11/09/plan

Posted by Daisydan on November 9, 2016. 1、了解到了typeSript *TypeScript增加了可选类型、类和模块 *TypeSript可编译成可读的、标准的JavaScript ts编译成js *TypeScript扩展了JavaScript语法，已有的JavaScript代码可直接与现有的TypeScript一起运行 *Arrow函数 类似于c#的Lambda函数 2、熟悉了服务器上一些基本的linux命令 3、前端一些细小的知识点得到了理解。 Larr; Previous Post. Next Post →.

dandanzhou.github.io

JS正则表达式总结 - Daisydan

http://dandanzhou.github.io/2016/01/12/zhengze

Posted by Daisydan on January 12, 2016. 正则表达式通常用于两种任务 1.验证，2.搜索/替换。 方括号内的任意字符 [ .] 不在方括号内的任意字符 . 除了换行符和其他Unicode行终止符之外的任意字符 w 任何ASCII字符组成的单词，等价于[a-zA-Z0-9] W 任何不是ASCII字符组成的单词，等价于[ a-zA-Z0-9] s 任何Unicode空白符 S 任何非Unicode空白符的字符 d 任何ASCII数字，介于[0-9] D 除了ASCII数字之外的任何字符，等价于[ 0-9] b 退格直接量. I 执行不区分大小写的匹配 g 执行一个全局匹配，即找到所有匹配而非一次匹配 m 多行匹配模式， 匹配一行的开头和字符串开头，$匹配行的结束和字符串的结尾. Exec() 返回一个数组，数组中的第一个条目是第一个匹配，其他的是反向引用 compile() 既可以改变检索模式，也可以添加或删除第二个参数。 Larr; Previous Post. Next Post →.

dandanzhou.github.io

神奇的BFC - Daisydan

http://dandanzhou.github.io/2016/03/10/BFC

Posted by Daisydan on March 10, 2016. BFC(block formatting context),汉译为块级格式化上下文 * 内部box会在垂直方向一个接一个放置 * Box垂直方向的距离由margin决定。 属于同一个BFC的两个相邻Box的margin会发生重叠 * 每个元素的margin box的左边， 与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。 即使存在浮动也是如此 * BFC的区域不会与float box重叠 * BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。 根元素 * float属性不为none * position为absolute或fixed * display为inline-block, table-cell, table-caption, flex, inline-flex * overflow不为visible。 Larr; Previous Post. Next Post →.

dandanzhou.github.io

Promise初探 - Daisydan

http://dandanzhou.github.io/2016/03/09/promise

Posted by Daisydan on March 9, 2016. Var promise = new Promise(function(resolve, reject) { / 异步处理 / 处理结束后、调用resolve 或 reject });. Promise.reject(error)是和 Promise.resolve(value) 类似的静态方法，是 new Promise() 方法的快捷方式。 比如 Promise.resolve(42); 可以认为是以下代码的语法糖。 New Promise(function(resolve){ resolve(42); });. 比如 Promise.reject(new Error( 出错了 ) 就是下面代码的语法糖形式。 New Promise(function(resolve,reject){ reject(new Error("出错了") ; });. Larr; Previous Post. Next Post →.

dandanzhou.github.io

各种top、left、height - Daisydan

http://dandanzhou.github.io/2015/12/20/top-left-height

Posted by Daisydan on December 20, 2015. 网页可见区域宽 document.body.clientWidth; 网页可见区域高 document.body.clientHeight; 网页可见区域宽 document.body.offsetWidth (包括边线的宽); 网页可见区域高 document.body.offsetHeight (包括边线的宽); 网页正文全文宽 document.body.scrollWidth; 网页正文全文高 document.body.scrollHeight; 网页被卷去的高 document.body.scrollTop; 网页被卷去的左 document.body.scrollLeft;. 假设 obj 为某个 HTML 控件。 ObjoffsetTop 指 obj 距离上方或上层控件的位置，整型，单位像素。 ObjoffsetLeft 指 obj 距离左方或上层控件的位置，整型，单位像素。 ObjoffsetWidth 指 obj 控件自身的宽度，整型，单位像素。 OffsetTop 与 style.top 的区别.

dandanzhou.github.io

文字向上滚动 - Daisydan

http://dandanzhou.github.io/2015/11/12/scroll-up

Posted by Daisydan on November 12, 2015. Div class="content three" id="content three" div class="list all" id="list all" /div div class="list all" id="list copy" /div /div. Larr; Previous Post. Next Post →.

dandanzhou.github.io

webpack打包工具 - Daisydan

http://dandanzhou.github.io/2016/08/04/webpack

Posted by Daisydan on August 4, 2016. 最开始全局下载webpack,也就是npm install -g webpack比较顺利，但是后来在根目录下npm install webpack，一直报错如下. 最关键的是我在别人电脑上一安装就成了 在网上查了各种解决方案，但最终都木有解决问题，后来突然想到了之前装gulp的时候，每次装到gulp-sass时会出现问题 后来直接把以前好的gulp sass复制了过来 于是我决定把根目录下的node modules全删了，重新安装，当安装到gulp sass,同样出现了问题，在网上找到了一个解决方案，直接执行 npm install rebulid,终于成功安装了gulp; 接着在根目录下安装webpack时，成功了. 在做好配置后，运行webpack,也出现了问题，原因是在根目录下没有下载ts-loader,后来才知道，每一种模块对应的loader都应该先下载 只要配置中有就要下载. Larr; Previous Post. Next Post →.

dandanzhou.github.io

web静态资源缓存自动更新 - Daisydan

http://dandanzhou.github.io/2016/06/11/web-clear-cache

Posted by Daisydan on June 11, 2016. 1、先用npm下载gulp-clean gulp-rev gulp-rev-collector这几个依赖，其次配置好gulpfile.js里面的内容 已配置好 ，有兴趣可去项目根目录里面查看 2、如果第一步已经完成，如果你只是修改了www端得css或者ts，依次执行gulp www-clean( 取决于你gulpfile.js里面的配置) 、gulp ，然后在你配置的相关文件里面就会生成对应的rev-manifest.json 路径 public/assets/rev/css/和public/assets/rev/js/ ，如下图所示. 3、到这里对应css名称就会发生对应的变化 但是js没有，为什么呢 因为我们项目里面用的是require模块加载，在每个html里面都是require对应的js，而不是普通的 script src=" /script。 Larr; Previous Post. Next Post →.