高性能WEB开发
前端开发工程师
6年前端开发,可写js组件
展开
-
关于webpack项目中对于单组组分离打包的情况
91uu在线打字练习,与91小键人在线打字练习居于webpack 对项目中涉及到的组件打包问题 进行总结。以webpack 4.x进行打包对src 目录下的components 下的组件进行打包外引 script方式引用的话。1.package.json 安装打包时开发依赖devDependenciesclean-webpack-pluginoptimize-css-as...原创 2019-10-30 11:18:29 · 473 阅读 · 0 评论 -
第一篇:HTTP服务器
因tomcat处理静态资源的速度比较慢,所以首先想到的就是把所有静态资源(JS,CSS,image,swf) 提到单独的服务器,用更加快速的HTTP服务器,这里选择了nginx了,nginx相比apache,更加轻量级, 配置更加简单,而且nginx不仅仅是高性能的HTTP服务器,还是高性能的反向代理服务器。 目前很多大型网站都使用了nginx,新浪...原创 2010-05-12 13:53:24 · 154 阅读 · 0 评论 -
css 将图片进行编码,然后存在文档中,减少请求数
background-image: url(data:image/gif;base64,AAAA)这算是一种图片路径的新写法。将图片进行编码,然后存在文档中。我先解释一下各自含义:data: ----获取数据类型名称image/gif; -----指数据类型名称base64 -----指编码模式AAAAA ------指编码以后的结果。background-ima...原创 2013-03-29 15:07:02 · 135 阅读 · 0 评论 -
如何提高网页的效率(上篇)——提高网页效率的14条准则
如何提高网页的效率(上篇)——提高网页效率的14条准则 网站最基本的东西是什么?网站最基本的东西是什么?——内容?SEO(搜索引擎优化)?UE(用户体验)?都不对!是速度!内容再丰富的网站,如果慢到无法访问也是毫无意义的; SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭; UE设计的再人性化的网站,如果用户连看都看不到也是空谈。所以网页的效率绝对是最值得关注的方面。如...原创 2012-12-20 10:29:27 · 113 阅读 · 0 评论 -
web应用的优化规则
中文英文1、 减少http请求1、Make fewer HTTP requests2、 使用CDN内容分发2、Use a Content Delivery Network(CDN)3、 避免空的src或3、Avoid empty src or href 4、向文档添加一个有效期,告诉浏览器这个文档的有效性和持久性.如:服务器配置不常...原创 2012-12-20 11:03:08 · 93 阅读 · 0 评论 -
新一代 javascript 模板引擎 artTemplate ,使用中的问题
artTemplate 新一代 javascript 模板引擎 ,这几天在写网格组件时以为这个很好用,一直用这个引擎。但发现一个问题 循环使用的话会很占用 空间时间 function rows(){var render = template.compile(source);var html = render(data);}for(var i=0;i<...原创 2013-09-06 15:44:11 · 122 阅读 · 0 评论 -
flash重复请求加载问题
flash重复请求加载问题 当一个div里头放一个flash时,div 的显示隐藏 直接影响到 flash重新请求(用display情况)。所以要改用 visibility原创 2013-09-07 10:55:59 · 269 阅读 · 0 评论 -
web前端新入培训
新人培训计划 第一周html+css1.从零开始学习(HTML+CSS基础)http://www.imooc.com/learn/91.1 Html介绍(什么是html,html与css样式的关系,html语法,html结构)1.2 认识标签(认识标签理解各各标签的作用以及用途)1.3 认识css样式(什么是css样式,css样式的语法,css样式有什么用途)1.4 CSS选择...原创 2014-08-18 09:43:30 · 232 阅读 · 0 评论 -
webpack4.0 相关插件集
let HtmlWebpackPlugin = require('html-webpack-plugin');//网页模板插件let MiniCssExtractPlugin = require('mini-css-extract-plugin');//样式打包插件let OptimizeCss = require('optimize-css-assets-webpack-plugin')...原创 2019-08-02 23:27:13 · 191 阅读 · 0 评论