- 博客(10)
- 资源 (1)
- 收藏
- 关注
原创 获取字符串占用的字节数
utf-8 编码 和 utf-16编码的字符串中一个字符占用的字节数是不同的。//charset: utf-8 utf-16function byteLength(str, charset) { var total = 0, charCode, i, len; charset = charset ? charset.toLowerCase() : ""; i...
2019-07-25 09:09:16 4257
转载 VUE 模板编译
文章转自:https://segmentfault.com/a/1190000012922342写的挺好Vue 的 template 是如何编译成真正的 HTML 并做到双向绑定等等特殊功能的呢?以往这个问题对我来说一直是个黑洞。最近看了 Vue 的源码,对模板编译的整个过程的脉络有了更为清晰的了解。先甩一张图在这张图中,我们可以看到 Vue 的模板编译是在 $mount...
2019-07-19 09:49:49 830
原创 JS 组合继承改进型
function Animal(type) { this.type = type;}Animal.prototype.speak = function (voice) { console.log("the: " + this.type + "; speak: " + voice);};Animal.prototype.favoriteFood = function (f...
2019-07-18 09:24:02 109
原创 procrank 命令
procrank命令 可以看内存相关信息。# procrank PID Vss Rss Pss Uss cmdline1477 810728K 92544K 78940K 75040K tvmain...
2019-07-15 18:53:21 1375
原创 querySelector
返回文档中匹配指定 CSS 选择器的一个元素。 还是有个例子来说明,一目了然。<div id="div1"> <div id="div2"> </div></div>var elm = document.querySelector("#div1");console.log("elm: " + elm); ...
2019-07-12 08:39:35 1135
原创 ES6 Promise 用法
ES6中的Promise 用法有点难理解,做个demo:<!DOCTYPE html><html><head><title>test</title><style> </style></head><body><script> ...
2019-07-08 09:13:13 125
转载 ES6 Promise 用法讲解
原文地址:https://www.cnblogs.com/whybxy/p/7645578.html写的挺好ES6 Promise 用法讲解Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有then、catch等同样很眼熟的方法。那就new一个var p = new Promise(function(resolv...
2019-07-04 13:58:07 135
原创 background-image 属性改变时 会出现闪烁现象,以及解决办法
在做一个新需求,音乐播控button 焦点样式和非焦点样式是两幅小图片。 想着用background-image 来实现。 移动焦点时切换background-image属性就可以了。做出来demo后才发现 当第一次切换属性 时 会出现闪烁现象,非第一次就不会出现闪烁现象。从显示看应该非第一次用到了图片缓存问题,所以就不会出现闪烁现象了。demo如下:.div1_default{...
2019-07-04 10:31:23 5137
转载 Vue nextTick
文章转自:https://blog.csdn.net/sinat_17775997/article/details/83280204写的挺好。当我们在vue的beforeCreate和created生命周期发送ajax到后台,数据返回的时候发现DOM节点还未生成无法操作节点,那要怎么办呢?这时,我们就会用到一个方法是this.$nextTick(相信你也用过)。...
2019-07-02 13:31:45 126
原创 ul标签横向排列元素
demo如下:<ul> <li style="float: left; list-style-type:none; width: 200px; height: 200px; background-color: red"> </li> <li style="float: left; list-style-type:no...
2019-07-02 09:00:45 6998
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人