- 博客(10)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 获取字符串占用的字节数
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
4171
转载 VUE 模板编译
文章转自：https://segmentfault.com/a/1190000012922342写的挺好Vue 的 template 是如何编译成真正的 HTML 并做到双向绑定等等特殊功能的呢？以往这个问题对我来说一直是个黑洞。最近看了 Vue 的源码，对模板编译的整个过程的脉络有了更为清晰的了解。先甩一张图在这张图中，我们可以看到 Vue 的模板编译是在 $mount...
2019-07-19 09:49:49
823
原创 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
97
原创 procrank 命令
procrank命令 可以看内存相关信息。# procrank PID Vss Rss Pss Uss cmdline1477 810728K 92544K 78940K 75040K tvmain...
2019-07-15 18:53:21
1336
原创 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
1024
原创 ES6 Promise 用法
ES6中的Promise 用法有点难理解，做个demo：<!DOCTYPE html><html><head><title>test</title><style> </style></head><body><script> ...
2019-07-08 09:13:13
112
转载 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
125
原创 background-image 属性改变时 会出现闪烁现象，以及解决办法
在做一个新需求，音乐播控button 焦点样式和非焦点样式是两幅小图片。 想着用background-image 来实现。 移动焦点时切换background-image属性就可以了。做出来demo后才发现 当第一次切换属性 时 会出现闪烁现象，非第一次就不会出现闪烁现象。从显示看应该非第一次用到了图片缓存问题，所以就不会出现闪烁现象了。demo如下：.div1_default{...
2019-07-04 10:31:23
4925
转载 Vue nextTick
文章转自:https://blog.csdn.net/sinat_17775997/article/details/83280204写的挺好。当我们在vue的beforeCreate和created生命周期发送ajax到后台，数据返回的时候发现DOM节点还未生成无法操作节点，那要怎么办呢？这时，我们就会用到一个方法是this.$nextTick（相信你也用过）。...
2019-07-02 13:31:45
110
原创 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
6872
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人