Webpack-dashboard 简单使用
摘要：1. 安装 npm install webpack-dashboard --save-dev 2. 配置说明 webpack config // Import the plugin: var DashboardPlugin = require('webpack-dashboard/plugin');
阅读全文
posted @ 2017-11-06 14:24
随笔分类 - web
gatsbyjs 使用
摘要：1. 安装 npm install --global gatsby-cli 2. 使用 // 创建项目 gatsby new dalong cd dalong // 启动 gatsby develop -- 使用的是热加载端口 8000 // 编辑源码 src/pages. // 生产构建 gats
阅读全文
posted @ 2017-11-04 13:09
gatsbyjs 了解
摘要：1. 模型 2. 总结&&资料 从模型上可以看出和jamstack 提出的架构模型比较相似，可以看成是一个具体的实现，功能还是比较强大的 https://www.gatsbyjs.org
阅读全文
posted @ 2017-11-03 22:29
JAMstack 最佳实践
摘要：摘自官方介绍，没有翻译（没必要，已经比较简单了，重要的就是进行每条的诠释了，后续。。。） Entire Project on a CDN Because JAMstack projects don’t rely on server-side code, they can be distributed
阅读全文
posted @ 2017-11-03 22:10
Dawn 简单使用
摘要：1. install npm install dawn -g 2. create project # 1. Create & Initialize dn dev # 3. Li
阅读全文
posted @ 2017-11-03 21:51
JAMstack 技术要点
摘要：1. 简要说明 Modern web development architecture based on client-side JavaScript, reusable APIs,and prebuilt Markup. When we talk about “The Stack,” we no
阅读全文
posted @ 2017-11-03 21:40
next.js 简单使用
摘要：1. 介绍 一个react.js 服务器端渲染开源项目（不只是服务器端渲染，直接也可以生成纯静态站点） 类似的解决方案有好多，比如react.js 自身的服务器渲染方案（但是使用起来就是比较怪异） gatsbyjs 也是一个不错的解决方案 2. 初始化项目 // 依赖 npm install --s
阅读全文
posted @ 2017-11-03 21:14
web 模板引擎
摘要：baiduTemplate: http://baidufe.github.io/BaiduTemplate/ artTemplate: https://github.com/aui/artTemplate juicer: http://juicer.name/或https://github.com/
阅读全文
posted @ 2017-10-12 10:15
web 调试工具docker的安装使用
摘要：1. weinre 工具 docker run -d -p 8080:8080 beevelop/weinre 2. vorlonjs（不支持https） docker run --name vorlonjs -p 80:1337 vorlonjs/dashboard:0.3.0 3. vorlon
阅读全文
posted @ 2017-07-15 11:33
js之iframe子页面与父页面通信
摘要：iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接，通信方式也不同。 一、同域下父子页面的通信 父页面parent.html <html> <head> <scripttype="text/javascript"> function say(){ alert("pare
阅读全文
posted @ 2017-04-26 22:27
基于jquery 的ajax 文件下载
摘要：ajax 文件下载，实际上就是模拟表单提交，代码如下： function download(url, data, method){ //url and data options required if( url && data ){ //data can be string of parameters or array/object data =typeof data =='strin...
阅读全文
posted @ 2017-04-10 20:42
lua resty template && openresty 使用
摘要：1. 安装 luarocks install lua-resty-template 2. 使用 luarocks install lua-resty-template 2. 使用 配置模板页面位置 有多种方式： a. 直接使用root 目录 代码如下： location /{ root html;
阅读全文
posted @ 2017-04-04 21:41
jekyll 安装使用
摘要：1. 安装 条件： ruby gem 注意版本，同时建议使用国内的镜像 gem install jekyll bundler gem install jekyll bundler 2. 创建网站 jekyll new my-awesome-site jekyll new my-awesome-sit
阅读全文
posted @ 2017-04-04 16:55
web 优化原则
摘要：1. 减少http 请求 2. 使用CDN 3. 添加expires 头 4. gzip 压缩 5. 样式表放在头部 6. 脚本放底部 7. 避免css 表达式 8. 使用外部css js 9. 减少DNS 10.精简js 11. 避免重定向 12. 删除重复脚本 13. 配置etag 14. 使a
阅读全文
posted @ 2017-04-02 14:50
几个中文排版web 类库
摘要：1. typo.css http://typo.sofi.sh/ 2. yue.css http://lab.lepture.com/yue.css/ 规范，统一才是开发的王道。
阅读全文
posted @ 2017-03-25 21:04
nginx 启用http2 https 无法访问的问题
摘要：原因： 1. openssl 版本过低 解决方法：进行升级 yum update openssl 2.ssl_ciphers 配置有问题 解决方法：修改为 ssl_ciphers 'ECDHE-RSA-AES128-GCM-SHA256:AES256+EECDH:AES256+EDH'; 3. 本身
阅读全文
posted @ 2017-01-24 22:07
spring boot Swagger 集成
摘要：1. pom.xml 2. 启用注解 3. controller 使用APi 注解说明 4. 测试页面：
阅读全文
posted @ 2016-11-03 10:55
WebJars 进行 css js 资源文件管理
摘要：WebJars是将这些通用的Web前端资源打包成Java的Jar包，然后借助Maven工具对其管理，保证这些Web资源版本唯一性，升级也比较容易。关于webjars资源，有一个专门的网站http://www.webjars.org/，我们可以到这个网站上找到自己需要的资源，在自己的工程中添加入mav
阅读全文
posted @ 2016-11-03 09:13
HTTP Proxy Servlet 代理服务使用
摘要：java servlet 代理服务器 1. 使用 maven 依赖 2. 配置 web.xml 3. maven 编译插件配置 4. war 包 tomcat 发布 5. 作用可以操作类似nginx 的功能，同时如果有需要进行跨域，或者进行api 网关处理的可以使用， 还是比较方便的。
阅读全文
posted @ 2016-10-17 12:49
Netflix Falcor获取JSON数据
摘要：Netflix开源了JavaScript库Falcor，它为从多个来源获取JSON数据提供了模型和异步机制。 Netflix利用Falcor库实现通过JSON数据填充他们网页应用的用户界面。所有来自内存缓存或者多个数据库的后端数据，都通过一个虚拟JSON对象进行建模。这个JSON对象被称为“虚拟”，
阅读全文
posted @ 2016-10-16 14:11
