随笔分类 -  javascript

JS字符串补全方法padStart()和padEnd()
摘要：背景： 解决上述问题的一个思路： 实现的思路： 伪代码： 和padStart参数一样，只是把想加的字符串加到后头。 "兼容性" ： 目前来看用于前端需要兼容,请看： "string.polyfill.js" node.js支持到版本8 阅读全文
posted @ 2018-07-26 11:56 织猫 阅读(18678) 评论(0) 推荐(0)
Chrome的First Paint触发的时机探究
摘要：前言 First paint 直译过来的意思就是浏览器第一次渲染(paint)，在First paint之前是白屏，在这个时间点之后用户就能看到（部分）页面内容。 所以研究这个First Paint的触发时机对于优化浏览器页面的首屏渲染时间有很重要的作用。 在正题开始之前，先说下浏览器的页面的加载流 阅读全文
posted @ 2018-04-24 13:14 织猫 阅读(4974) 评论(7) 推荐(12)
【被玩坏的博客园】之canvas装饰博客园侧边栏
摘要：最近抽空学了学canvas,然后用canvas做了个小球运动的demo,大致的效果如下： 虽然网上已经有很多这样的demo,但是还是想根据自己的思路来写一个，下面先跟大家讲解一下源代码，先看html代码： html很简单，没啥讲的，就是css那块兼容性你们注意下就好（我懒，没写兼容），再看看canv 阅读全文
posted @ 2017-11-18 12:43 织猫 阅读(2793) 评论(2) 推荐(6)
label+input实现开关切换效果
摘要：Document 主要使用label+input来实现改变left的值,下面是核心代码，意思就是选中的input的兄弟节点.box下的.switch-btn元素的left会变成0px(原来是-37px); 当然要配合transition来实现 下面是效果 ON OFF ON OFF ON OFF 全 阅读全文
posted @ 2017-08-16 23:24 织猫 阅读(800) 评论(0) 推荐(0)
webpack模块机制浅析【一】
摘要：webpack模块机制浅析【一】 今天看了看webpack打包后的代码，所以就去分析了下代码的运行机制。 下面这段代码是webpack打包后的最基本的形式，可以说是【骨架】 理解这个对于理解别人源码会有帮助，如果你不懒，我觉得你应该会把这段代码执行一下（用node执行） 阅读全文
posted @ 2017-08-16 23:12 织猫 阅读(812) 评论(2) 推荐(0)
Js运动框架
摘要：更新一下 上面那个还是太挫了，看下面这个： 阅读全文
posted @ 2016-04-08 10:59 织猫 阅读(775) 评论(3) 推荐(0)
一个有意思的js小问题
摘要：问题：如何实现以下函数？ add(2, 5); // 7 add(2)(5); // 7第一个就不用说了，很简单，关键是看第二个，add(2)(5),可见add(2)应该返回的是一个函数，这个函数再传入一个参数5，再与之前传入的参数相加；所以，我觉得可以这样写： var add = function 阅读全文
posted @ 2016-03-01 22:26 织猫 阅读(474) 评论(0) 推荐(0)
让sublime实现js控制台（前提是安装了nodejs）
摘要：步骤： 1、找到tools-->build system-->new build system 2、输入 1 { 2 "cmd": ["D://nodejs/node.exe","--use-strict", "--harmony", "$file"], 3 4 "selector": "sourc 阅读全文
posted @ 2016-02-22 15:37 织猫 阅读(946) 评论(0) 推荐(0)
js简单实现div宽度匀速增加/减小
摘要：效果类似百度首页音乐盒。 点击音乐右边的div可以变长或者变短。 代码： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 *{ 8 阅读全文
posted @ 2016-02-16 00:15 织猫 阅读(4240) 评论(0) 推荐(0)