一个商城的个人中心页里，有很多用户操作按钮：我的订单，我的提现，我的送货等等，每个图标在点击的时候，可能是跳转页面的，也可能是执行当页方法的。

小程序 setData 修改 data 中数组内不定对象的数据 普通变量的 setData() 在某些时候，我们的小程序中存在的不只是像下面这样的简单的变量: 变量值这种形式 {代码...} 这种形式的数据，在需要修改的时候，只需要如下形式修改就可以了 {代码...} 数组内部的 setData() 有时候，里面会有对象数组，需要修改数组内部的变量...

很简单，在 input 上先绑定需要取值的变量，如这个变量名是 name，然后再定义一个用于指向变量名的属性 data-modal 这个属性值设置为 name，在 input 的绑定方法中将这个属性值取出，就会知道这个 input 绑定了哪个变量，然后再将 input 的当前值赋给这个变量即可。

CoinCap API 使用说明，数字货币价格获取，k线获取，实时价格获取 免费 CoinCap 是一个国外API，提供几乎所有数字货币的价格信息，k线数据，ws实时价格的接口 CoinCap API文档地址：[链接]CoinCap 官网地址：[链接] 数据截图 k线数据 websocket 实时价格数据 根据这些数据可以做出自己的产品 获取时间段内的k线数据 在开...

img 图片与文字对齐，图标与标题对齐 很多时候，在页面中会遇到图标与文字混排的情况，用 vertical-algin: middle 并不能让图片完全对齐于文字。 目的是达成这种效果：（这并不是用 vertical-align 实现的） 先看一下用 vertical-align 的样子 vertical-align: middle 是设置在 img 上的，此时虽然能凑合看，但并不完美...

js 遍历汉字，Unicode编码转汉字 网上找了一堆代码，这个转那个，那个转这个，最后发现原生js已经有对应的方法了。 MDN 数字转对应进制的字符串： [链接] 写了个页面： [链接] 知道对应字符编码，获取对应字符 听说常用中文字符的编码是 4E00 - 9FA5 所以 {代码...} {代码...}

坑死，接火币 websocket 地址 wss://api.huobi.pro/ws 的时候接到怀疑人生，怎么都无法建立连接，一度以为自己没有像其它 get/post 接口那样传入该传的参数，又以为是 wss 走的是 SSL 通道，所以才没能建立连接，还以为是需要服务端转接一下。

echart K线 自定义 tooltip 鼠标悬停显示数据详情 触发 tooltip 显示有两个 item： 点击k线块的时候触发，和 axis：鼠标悬停的时候触发，用 axis 在移动端会更方便。 不同的触发条件，在 formatter 中传递的参数是不一样的。如下： 以 axis 触发时 tooltip 中的 params 数据结构如下： 根据这个来写 tooltip 就好了。 {...

font-family 字义显示的字体，特定的字体用 “” 包裹，可以添加多个字体名，用逗号,分隔。系统在使用的时候，会从前往后识别字体，如果不存在字体，就使用下一个。

Mac 一些少为人知的实用小技巧 调整 Dock 图标大小 鼠标放在那个间隔线上，鼠标就会变成上下箭头的样子，就可以上下拖动改变图标大小了 多窗口操作 打开软件到特定窗口 当你开启多个窗口的时候，应该会有这样的情形出现：打开一个软件的时候，这个软件不一定在哪个窗口中出现，有时候找也要找半天。 这里说一下如何锁定...

less 和 sass 是两种 css 预编译语言，就是说通过 less 或者 scss 写的代码最终都会被编译成 css 再使用。其目的是为了更快、更结构的编写 css 文件，都能使用 变量、运算符、判断、方法等等。

主要用到的知识点： 参阅菜鸟教程： [链接] frame animation / 动画延时 flex 实现 HTML {代码...} 说明： loading-1/2/3/4 用于区别四个不同点，loading-item 里放通用样式 CSS 重点 如果了解 less，看这个更清晰些，如果不懂，看下面生成的 css LESS {代码...} CSS {代码...} 最后，WA-LA，完成

在一个菜单面板的时候，把间隔线设置成了 1 绝对像素，生成的效果是下面这样的，在一个线跟其它的不一样。但在 Chrome 上就不会出现这问题。

在安装插件的时候出现这样的错误，权限不够，是因为之前用 root 用户进行了局部安装npm包的操作，留下所属权为 root 的文件，导致普通用户无法访问 root的文件内容。

js 操作剪贴板 MDN 官方说明： [链接] 通过 js 可以操作剪贴板的 复制 剪切 粘贴 用到的方法和元素 DOM元素 {代码...} js 方法 {代码...} 实现原理 是通过 js 操作 textarea input 输入框，只能操作输入框，不能操作其它元素。所有的 复制／剪切／粘贴 都是要在选中输入框中的文本之后，才进行操作的。 具体例子 写个例...

scrollTop 瀑布流的关键点 瀑布流的关键点在判断是否到达页面底部。 scrollTop 最主要的一个参数就是 scrollTop 看个图，你就明白了：只要满足这个条件，就载入新内容 {代码...} 关于 scrollTop 的测试， scrollTop 只有在 document.documentElement 才会变化，其它不无法获取，一直是 0 参考

JS 冒泡和捕获是怎么回事 看网上说的也不是太明白，我给重新整理下。 参阅：[链接] 冒泡和捕获是指在元素上的事件被触发的时候，js 传递事件的两种方向，或者说过程。 前言： 如，有这么一个页面 和 js 方法 Less: 我用 less写的，如果没有 less 环境，可以无视这段。 {代码...} HTML {代码...} JS {代码...} 上面的 js ...

原生 js 获取 dom 元素 querySelector() 替代 getElementById() 替代 getElementById() 很长一段时间以来，除了 jQuery 的选择器之外，我一直在用下面这几个方法获取 dom 元素 document.getElementById() document.getElementsByClassName() document.getElementsByTagName() document.getElementsByName() 后来才发现 q...

前言 Rime 是一款跨平台的优秀输入法的内核。该输入法在不同平台的名字也不同 Windows - 小狼毫 (weasel) macOS - 鼠须管 (squirrel) Linux - 中州韵 (ibus-rime) 目前本人已知的 Rime 在 windows 和 macOS 平台上的词库配置是相同的，只是配置文件的名字不一样。Rime 输入法的优势在于它高度的可自定义化，不单单可以定...

错误提示： refusing to merge unrelated historiesThe local repository is out of date

Git是现在流行的VCS(“Centralized Version Control Systems” 版本控制系统)之一。版本控制系统主要目的是，控制项目不同版本，可随时回溯到任何需要的版本。如软件开发行业，版本控制系统扮演着不可或缺的重要角色。VCS可以把软件开发的各个岗位连接起来，各自完成自己的工作，且井井有条，前端和后台的工作同时进行。VC...

当出现 <input type="file"> 时，该元素的 value 属性保存了用户指定的文件的名称，当外层有 form 表单包裹的时候，选中的文件会被添加到表单中一并上传至服务器。

less 和 sass 是两种 css 预编译语言，其目的是为了更快、更结构的编写 css 文件，是一种强大的 css 编译语言，能使用 变量、运算符、判断、方法等等。

CentOS 6 SSH 免密登录[链接] 步骤： 在本地生成密钥 把生成的公共密钥添加到服务器中 配置服务器端ssh，允许使用密钥登录 前提： 你已经可以用密码通过 SSH 登录服务器了本篇文章中我使用的是Mac自带的 terminal 其它终端类似，只要知道原理就没问题了。如果有些地方不太明白，可以去查看上面的原文 1. 在本机生成密钥 ...

1-7 基础版图片可以从这里下载到，还有 svg 矢量版 [链接] 前言： 最近发现 vim 是个好强大的文本编辑工具，有多强大，看下面就知道。几乎涵盖了所有可能的操作。我会在前面七张图片下面摘写一些有用常用的指令 举个例子证明它的强大 这上图中，我需要删除文件里的 ( svg | png ) 这一段文字。只需要下面几个操作就好了...