02 2019 档案

vue项目webpack打包后有的文件big 问题
摘要：vue项目打包的时候，有的big， 超过1M, 需要进行优化，方法有： 1. 非首屏图片，可以采用懒加载的方式, 如：图片的懒加载， vue中路由的懒加载 等 2. 各个模块， 采用如seajs（考虑中） ，按需引入 3. 如果还有很大的依赖，相对独立的包，不打包进项目，采用CDN . 如：UI 很 阅读全文
posted @ 2019-02-23 13:19 唐安 阅读(628) 评论(0) 推荐(0)
混合ＡＰＰ的５种开发工具
摘要：近几年html5技术在各大平台都是人们谈论的焦点。html5技术一直受到各方关注，“html5颠覆原生 App”的争论也从未停止过，不管怎样html5生态的构建方兴未艾。不过对于移动开发者来说更关心的问题是如何低成本、周期短开发出体验效果好的App，所以当下用html5远比赌html5更现实，因此跨 阅读全文
posted @ 2019-02-23 01:02 唐安 阅读(2046) 评论(0) 推荐(0)
归并排序与快速排序(转)
摘要：今天总结一下两种性能优秀的排序算法，归并排序与快速排序。 首先，二者都运用了递归和分治的两种重要思想。在这里递归就不做详细介绍。 分治：顾名思义，分而治之，这是在排序中我们非常常见的一种思想，同时也是在其他场景乃至日常生活的优秀解题方法。当我们遇到一个大的难题无从下手时，我们往往都会将其分成几个小块 阅读全文
posted @ 2019-02-22 02:16 唐安 阅读(1753) 评论(0) 推荐(0)
在vscode中，自定义代码片段，例vue组件的模板
摘要：1 2 输入vue， 选 vue.json 3 在vue.json中编辑， 有说明 a. tab符，要用空格， 也可以转义 4 新建vue文件， 输入自定义的关键字， 就出现了 5 上图的 自定义的 vd 代码段 "demo": { "prefix": "vd", "body": [ "<templ 阅读全文
posted @ 2019-02-21 15:40 唐安 阅读(9438) 评论(0) 推荐(4)
Vue项目中如何使用Element-UI以及如何使用sass
摘要：Vue项目中如何使用Element-UI以及如何使用sass 当我们在开发Vue项目的时候通常会选择Element-UI作为我们的UI框架,其官方中文文档地址是http://element.eleme.io/#/zh-CN.(我在一次跟朋友聊天中得知他们公司前端在使用Element-UI),我在工作 阅读全文
posted @ 2019-02-21 15:22 唐安 阅读(2839) 评论(0) 推荐(0)
Bootstrap 4正式发布还有意义吗？
摘要：历经三年开发，前端框架Bootstrap 4正式发布了。然而今天的Web世界已经和当初Mark Otto发布Bootstrap时的情况大为不同，一些开发者由此质疑它的更新是否还有意义。 V4版本的主要更新有： 改进的网格系统（默认情况下为Flexbox） 现在使用Sass（取代了Less） 不支持I 阅读全文
posted @ 2019-02-18 19:53 唐安 阅读(1643) 评论(0) 推荐(0)
搞定'express' 不是内部或外部命令，也不是可运行的程序或批处理文件
摘要：1 -- 官方下nodejs,一路next完成, node -v 没问题 可以检测到版本号，node环境ok~ 2-- 本地 安装express ：npm install express -g 检测express ：express --version 提示：'express' 不是内部或外部命令，也 阅读全文
posted @ 2019-02-18 17:30 唐安 阅读(3600) 评论(1) 推荐(0)
[calss*="col-"]匹配类名中包含col-的类名,^以col-开头,$以col-结尾
摘要：[class*= col-] 代表包含 col- 的类名 ， 例 col-md-4 ,demo-col-2(这个是虚构的)等都可以匹配到。 [class^=col-] 代表 以 col- 开头的类名，例 col-md-4 [class$=col-] 代表以 col- 结尾的类名，例demo-col- 阅读全文
posted @ 2019-02-11 22:40 唐安 阅读(452) 评论(0) 推荐(0)
插件写法之脚本运行环境,mac和window检测
摘要：(function(root, factroy){ /* * 在这里进行对脚本运行环境的检测判断 * 浏览器中 有window对象 * node.js服务器端 有Global对象 * * IE11的window.navigator.userAgent.toLowerCase() * "mozilla 阅读全文
posted @ 2019-02-10 20:25 唐安 阅读(498) 评论(0) 推荐(0)
@media only screen and (max-width:640px)中的问题，响应式布局
摘要：<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=ed 阅读全文
posted @ 2019-02-10 16:16 唐安 阅读(1087) 评论(0) 推荐(0)
webpack2的配置属性说明entry,output,state,plugins,node,module,context
摘要：Webpack2配置属性详解 webpack说明 webpack是前端构建的一个核心所在，如果说后端构建就是把高级语言代码编译成机器码，那么前端的构建就是重新组合原有的代码，虽然并不编译成机器码，但实际上，因为前端长期使用简单的脚本开发，HTML，CSS，JS互相分离，难以形成类似工程化的“凝聚力” 阅读全文
posted @ 2019-02-02 20:16 唐安 阅读(630) 评论(0) 推荐(0)