limujiang.cc

ljinkai.github.io

HTML5在线Demo汇总 | ljinkai

http://ljinkai.github.io/2015/03/13/DemoHub

Brave and Discover and Move. 前端工程师 - 独立之人格,自由之思想.

ljinkai.github.io

凯凯刘 | ljinkai

http://ljinkai.github.io/2015/02/28/new

Brave and Discover and Move. 前端工程师 - 独立之人格,自由之思想.

ljinkai.github.io

HTTP 缓存 | ljinkai

http://ljinkai.github.io/2015/08/13/http-cache

Brave and Discover and Move. 好消息是每个浏览器都实现了 HTTP 缓存 我们所要做的就是，确保每个服务器响应都提供正确的 HTTP 头指令，以指导浏览器何时可以缓存响应以及可以缓存多久。 如果在应用中使用 Webview 来获取和显示网页内容，可能需要提供额外的配置标志，以确保启用了 HTTP 缓存，并根据用途设置了合理的缓存大小，同时，确保缓存持久化。 例如，在上图的交互中，服务器返回了一个 1024 字节的响应，指导客户端缓存响应长达 120 秒，并提供验证令牌. 服务器通过 ETag HTTP 头传递验证令牌. 这就是 ETag 头中指定的验证令牌所要解决的问题 服务器会生成并返回一个随机令牌，通常是文件内容的哈希值或者某个其他指纹码。 实际上，我们唯一要做的就是确保服务器提供必要的 ETag 令牌 查看服务器文档中是否有必要的配置标志。 提示 HTML5 Boilerplate 项目包含了所有最流行的服务器的 配置文件样例. 每个资源都可以通过 Cache-Control HTTP 头来定义自己的缓存策略. 缓存长达一天 60 秒 x 60 分 x 24 小时.

ljinkai.github.io

https的免费申请流程 | ljinkai

http://ljinkai.github.io/2015/06/30/https-2

Brave and Discover and Move. Nodejs的HTTPS使用文档 http:/ nodejs.org/api/https.html. Cd /home/conan/nodejs sudo npm install. Vi app.js / 在最下面 var https = require('https') ,fs = require(fs); var options = { key: fs.readFileSync('./privatekey.pem'), cert: fs.readFileSync('./certificate.pem') }; https.createServer(options, app).listen(3011, function () { console.log('Https server listening on port ' 3011); });. Node app.js Express server listening on port 3000 Https server listening on port 3011. You successfull...

ljinkai.github.io

Info | ljinkai

http://ljinkai.github.io/categories/Info

Brave and Discover and Move. 前端工程师 - 独立之人格,自由之思想.

ljinkai.github.io

移动正在吞噬这个世界 | ljinkai

http://ljinkai.github.io/2015/06/26/mobile-eating-the-world

Brave and Discover and Move. 前端工程师 - 独立之人格,自由之思想.

ljinkai.github.io

通过Node.js和Socket.io来实现手机的远程控制 | ljinkai

http://ljinkai.github.io/2015/06/19/phone-control-slide

Brave and Discover and Move. 这篇文章我们将用Node.js和 Socket.io. Http:/ your computer’s local ip address. 你可以运行这个应用在Node.js 1.10 或者io.js. Https:/ github.com/hakimel/reveal.js/wiki/Example-Presentations. 前端工程师 - 独立之人格,自由之思想.

ljinkai.github.io

HTML5 | ljinkai

http://ljinkai.github.io/categories/HTML5

Brave and Discover and Move. Name: My Extension, version: 2.1, description: Gets information from Google., icons: { 128: icon 128.png }, background page: bg.html, permissions: [http:/ *.google.com/, https:/ *.google.com/], browser action: { default title: , default icon: icon 19.png, default popup: popup.html } }. Service work功能，一个运行在chrome后台的服务，再利用chrome的Google Cloud Messaging for Android、 Cloud Messaging for Chrome. 前端工程师 - 独立之人格,自由之思想.

ljinkai.github.io

图片懒加载插件 | ljinkai

http://ljinkai.github.io/2015/07/27/image-lazy-load

Brave and Discover and Move. 支持现代浏览器及IE7 , Github上面有将近3K个star(关注). Img src=bg.png data-src=img1.jpg /. 对于支持 retina (视网膜屏幕) 设备. Img src=bg.png data-src=img2.jpg data-src-retina=img2-retina.jpg /. Document).ready(function() { $(img).unveil(); });. Img)unveil(200, function() { $(this).load(function() { this.style.opacity = 1; }); });. Script src=jquery.js type=text/javascript /script script src=jquery.lazyload.js type=text/javascript /script. Function() { $(img.lazy).lazyload(); });. 前端工程师 - 独立之人格,自由之思想.

ljinkai.github.io

Page 2 | ljinkai

http://ljinkai.github.io/page/2

Brave and Discover and Move. 它们会教你一些特别的东东，像用node.js构建APP, 而且大部分是免费的。 React Native带来的是用web方式的React - 自声明式的UI组件和快速的开发迭代来完成手机平台的功能，然后为了保持速度、保真性、并达到原生的体验。 在完成的时候,这不仅仅是FB的第一个全React Native APP而且是第一个跨平台的APP.在这篇文章里，我们希望能和你分享我们是如何构建这个APP,React Native是如何让我们更快的，还有这个过程中我们的经验。 CanIUse 保持和采用标准的HTML,CSS,SVG，依据W3C的规范，和每个浏览器的现存的bug相连接。 举个栗子，我们可以从下面的图中看到Edge,Firefox,Opera Mini并不支持 CSS Reflection. 好消息是每个浏览器都实现了 HTTP 缓存 我们所要做的就是，确保每个服务器响应都提供正确的 HTTP 头指令，以指导浏览器何时可以缓存响应以及可以缓存多久。 前端工程师 - 独立之人格,自由之思想.