随笔分类 - javascript
javascript
摘要：canvas绘图，html5 k线图，股票行情图
canvas跟其他标签一样，也可以通过css来定义样式。但这里需要注意的是：canvas的默认宽高为300px * 150px,在css中为canvas定义宽高，实际上把宽高为300px * 150px的画布进行了拉伸，如果在这样的情况下进行canvas绘图，你得到的图形可能就是变形的效果。
所以，在canvas绘图时，应该在canvas标签里直接定义宽高。
阅读全文
摘要：jQuery图片懒加载插件jquery.lazyload.js使用实例注意事项说明
jquery.lazyload.js是一个用JavaScript编写的jQuery插件。它可以延迟加载长页面中的图片，在浏览器可视区域外的图片不会被载入。
直到用户将页面滚动到它们所在的位置，这与图片预加载的处理方式正好是相反的。
在包含很多大图片长页面中延迟加载图片可以加快页面加载速度，浏览器将会在加载可见图片之后即进入就绪状态，在淘宝商品详情页、漫画网站很多图片的情况下还可以帮助降低服务器负担。
阅读全文
摘要：JS中的函数节流throttle详解和优化
在前端开发中，有时会为页面绑定resize事件，或者为一个页面元素绑定拖拽事件（mousemove），这种事件有一个特点，在一个正常的操作中，有可能在一个短的时间内触发非常多次事件绑定程序。
DOM操作时很消耗性能的，如果你为这些事件绑定一些操作DOM节点的操作的话，那就会引发大量的计算，在用户看来，页面可能就一时间没有响应，这个页面一下子变卡了变慢了。在IE下，如果你绑定的resize事件进行较多DOM操作可能直接就崩溃了。
怎么解决？函数节流(throttle)就是一种办法。
阅读全文
摘要：jQuery懒加载插件jquery.lazyload.js使用说明实例
很多网站都会用到‘图片懒加载’这种方式对网站进行优化，即延迟加载图片或符合某些条件才开始加载图片。
懒加载原理：浏览器会自动对页面中的img标签的src属性发送请求并下载图片。通过动态改变img的src属性实现。
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件。
它可以延迟加载长页面中的图片在浏览器可视区域外的图片不会被载入，直到用户将页面滚动到它们所在的位置。
与图片预加载的处理方式相反，在包含很多大图片长页面中延迟加载图片可以加快页面加载速度，尤其是移动端。
浏览器将会在加载可见图片之后即进入就绪状态，在淘宝商品详情页、漫画网站很多图片的情况下还可以帮助降低服务器负担。
一、下载和引用
官网下载地址：http://plugins.jquery.com/lazyload/ 下载2014年最后更新的1.9.3即可
Lazy Load 依赖于 jQuery. 所以需要先引用jqueryjs：
二、实例调用
要使用懒加载，需要改变img的src标签
img alt="" wi
阅读全文
摘要：CSS, JavaScript 压缩, 美化, 加密, 解密
JS压缩, CSS压缩, javascript compress, js在线压缩，javascript在线压缩，css在线压缩，YUI Compressor压缩，Google Closure Compiler压缩，js压缩，uglifyjs压缩，javascript压缩，js美化，javascript美化，js加密，js解密，js混淆，javascript加密，javascript解密，js格式化，javascript格式化
阅读全文
摘要：
Base64图片编码原理，base64图片工具介绍，图片在线转换Base64
DataURI 允许在HTML文档中嵌入小文件，可以使用 img 标签或 CSS 嵌入转换后的 Base64 编码，减少 HTTP 请求，加快小图像的加载时间。
经过Base64 编码后的文件体积一般比源文件大 30% 左右。
// Base64 在CSS中的使用
.box{
background-image: url("data:image/jpg;base64,/9j/4QMZR...");
}
// Base64 在HTML中的使用
阅读全文
Base64图片编码原理，base64图片工具介绍，图片在线转换Base64
DataURI 允许在HTML文档中嵌入小文件，可以使用 img 标签或 CSS 嵌入转换后的 Base64 编码，减少 HTTP 请求，加快小图像的加载时间。
经过Base64 编码后的文件体积一般比源文件大 30% 左右。
// Base64 在CSS中的使用
.box{
background-image: url("data:image/jpg;base64,/9j/4QMZR...");
}
// Base64 在HTML中的使用
阅读全文
摘要：JetBrains WebStorm打开多个项目project的方法
File-->Settings-->Directories
点击右侧 + Add content root，选择目录后即可显示该项目。
如果直接在已有的一个项目下添加，则都会显示在当前目录内，所以合理的方式就是新建一个空目录，先open这个空目录，然后再自行添加各个开发项目的目录。
阅读全文
摘要：Java国际化号码验证方法，国内手机号正则表达式
String regex = "^((13[0-9])|(14[5,7,9])|(15([0-3]|[5-9]))|(166)|(17[0,1,3,5,6,7,8])|(18[0-9])|(19[8|9]))\\d{8}$";
国际化号码，先判断区号为国内的+86再用国内的号码正则表达式，国外的再逐个添加规则
阅读全文
摘要：nodejs typescript怎么发送get、post请求,如何获取网易云通信token
yarn add jshashes
yarn add superagent
检查语法
yarn lint
阅读全文
摘要：react系列笔记1 用npx npm命令创建react app
create-react-app my-app是开始构建新的 React 单页应用程序的最佳方式。它已经为你设置好了开发环境，以便您可以使用最新的 JavaScript 特性，提供不错的开发体验，并且可以优化你的生产环境应用。你需要在你的机器上安装 Node >= 6 。
安装node.js 工具https://nodejs.org/en/download/
安装后再打开cmd执行下面命令：
npm install -g create-react-app
create-react-app my-app
cd my-app
npm start
如果你的 npm 5.2.0+ 可以使用npx命令
阅读全文
摘要：golang学习笔记7 使用beego swagger 实现API自动化文档
使用beego开发api server 和前端拆分开发，使用swagger自动化生成API文档
Swagger 是一个规范和完整的框架，用于生成、描述、调用和可视化 RESTful 风格的 Web 服务。总体目标是使客户端和文件系统作为服务器以同样的速度来更新。
项目地址是：http://swagger.io/
阅读全文
摘要：以太坊智能合约开发，Web3.js API 中文文档 ethereum web3.js入门说明
为了让你的Ðapp运行上以太坊，一种选择是使用web3.js library提供的web3。对象。底层实现上，它通过RPC 调用与本地节点通信。web3.js可以与任何暴露了RPC接口的以太坊节点连接。
web3中有eth对象 - web3.eth 具体来表示与以太坊区块链之间的交互。shh对象 - web3.shh表示Whisper协议的相关交互。后续我们会继续介绍其它一些web3协议中的对象。
阅读全文
摘要：pyV8不支持dom操作，关于PyV8的支持DOM的疑问
PYV8只支持纯js语句。不过官方提供了w3c.py以及brower.py，可以基于此来完成，但这个用起来还是比较麻烦。
在爬取网站时，需要提交请求，其中有一个参数是执行了一大段js来得到的，本来以为用PyV8可以执行js解决的，结果由于涉及到了一点dom的东西，而原生PyV8貌似没有自带浏览器环境， 所以就会报错，导致无法执行下去。
阅读全文
摘要：NodeJS，JavaScript正在吞噬这个世界
NodeJS，一个基于Google Chrome V8 JS引擎的服务器端JavaScript运行时，曾经被认识只是一个赶时髦的技术，有谁会想到，它正在吞噬着我们的软件世界。NodeJS成为构建Web应用最为常用的环境之一，而且正在试图进入企业领域。Anthony Delgado列出了五个巨头公司，他们在高流量的生产环境中使用了这项“时髦”的服务器端JavaScript引擎。
阅读全文
摘要：JS神经网络deeplearn.js:浏览器端机器智能框架
通过 deeplearn.js，可以实现在浏览器中训练神经网络模型，也可在推理阶段运行预训练模型。
deeplearn.js 以 TypeScript 作为首选语言，提供了可用于构建可微数据流图的 API，以及一系列可以直接使用的数学函数。该库有两个 API 模型，一个是即时执行模型（可认为是 NumPy），另一个是基于 TensorFlow 的 API 镜像的延时执行模型。该库还支持从 TensorFlow 检查点将权重转储为可以导入 deeplearn.js 的格式，但开发者必须在 deeplearn.js 中重新创建模型，并使用该检查点的权重。
阅读全文
摘要：js小数运算出现多位小数如何解决，比较常用的办法，toFixed()，toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。
阅读全文
摘要：IEEE发布2017年编程语言排行榜：Python高居首位，java第三，php第八
阅读全文
摘要：Kotlin新语言简介和快速入门知识点
简介：Kotlin是最近由JetBrains发布的一种基于JVM的编程语言，已经被Google宣布为开发Android App的一级语言
Kotlin有着与Java同样的地位，到目前为止，Android和iOS一样，都有两种主要的编程语言，Android是Java和Kotlin，iOS是Objective-C和Swift。
阅读全文
摘要：Javascript图片预加载详解
预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊及图片占据很大比例的网站来说十分有利，它保证了图片快速、无缝地发布，也可帮助用户在浏览你网站内容时获得更好的用户体验。本文将分享三个不同的预加载技术，来增强网站的性能与可用性。
阅读全文
摘要：chrome谷歌浏览器用这种方式清除缓存比较方便了
PS：必须是调试模式才行，可以不是手机模式 ，有些低版本浏览器可能没有这个功能。
阅读全文
