摘要: 一、webpack-dev-server 1、安装 2、作用 开启一个web服务,监听文件的变化并自动刷新网页,做到实时预览。支持 Source Map,以方便调试 3、基本使用 contentBase:本地服务器加载页面的目录 host:指定使用的主机地址 hot:热模块替换 hotOnly:在没 阅读全文
posted @ 2019-08-13 20:36 南屿博客 阅读(227) 评论(0) 推荐(0)
摘要: 一、什么是plugins plugins可以使webpack在运行到某个时刻的时候,帮你做一些事情,类似于生命周期一样 plugins,它就是一个扩展器,它丰富了wepack本身,针对是loader结束后,webpack打包的整 个过程,它并不直接操作文件,而是基于事件机制工作,会监听webpack 阅读全文
posted @ 2019-08-13 20:34 南屿博客 阅读(211) 评论(0) 推荐(0)
摘要: 一、初识webpack 1、什么是webpack? WebPack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用 2、webpack工作的方式 阅读全文
posted @ 2019-08-13 20:06 南屿博客 阅读(377) 评论(0) 推荐(0)
摘要: 目录 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★31142 - 饿了么出品的Vue2的web UI工具套件 Vux ★14104- 基于Vue和WeUI的组件库 iview ★17587- 基于 Vuejs 的开源 UI 组件库 mint-ui 阅读全文
posted @ 2019-08-12 21:36 南屿博客 阅读(1078) 评论(0) 推荐(0)
摘要: 基于 vue-cli 配置手淘的 lib-flexible + rem,实现移动端自适应 安装 flexible npm install lib-flexible --save 引入 flexible在项目入口文件 main.js 中添加如下代码,引入 flexible import 'lib-fl 阅读全文
posted @ 2019-08-09 16:34 南屿博客 阅读(251) 评论(1) 推荐(0)
摘要: 001、创建仓库 002、新建项目 003、初始化仓库 这一步不需要做 004、克隆项目 005、编写代码并提交到github上面 006、在github上面查看文件的变动 007、多人协作开发(接下来用张三、李四、CTO三人来演示工作中的流程) 008、张三解决BUG并提交文件 009、CTO合并 阅读全文
posted @ 2019-08-09 12:12 南屿博客 阅读(179) 评论(0) 推荐(0)
摘要: 001、初始化仓库,创建git仓库 002、配置个人信息 003、将工作区文件添加到缓存区 004、查看文件状态 005、将缓存区的文件添加到版本库 006、查看提交的版本日志 007、查看文件最新改动的地方 -开头的行,是只出现在源文件中的行 +开头的行,是只出现在目标文件中的行 空格开头的行,是 阅读全文
posted @ 2019-08-09 12:10 南屿博客 阅读(198) 评论(0) 推荐(0)
摘要: 正则表达式用于字符串处理、表单验证等场合,实用高效。现将一些常用的表达式收集于此,以备不时之需。 用户名:/^[a-z0-9_-]{3,16}$/ 密码:/^[a-z0-9_-]{6,18}$/ 十六进制值:/^#?([a-f0-9]{6}|[a-f0-9]{3})$/ 电子邮箱:/^([a-z0- 阅读全文
posted @ 2019-08-02 17:18 南屿博客 阅读(186) 评论(0) 推荐(0)
摘要: 一、mock解决的问题 开发时,后端还没完成数据输出,前端只好写静态模拟数据。数据太长了,将数据写在js文件里,完成后挨个改url。某些逻辑复杂的代码,加入或去除模拟数据时得小心翼翼。想要尽可能还原真实的数据,要么编写更多代码,要么手动修改模拟数据。特殊的格式,例如IP,随机数,图片,地址,需要去收 阅读全文
posted @ 2019-07-31 17:10 南屿博客 阅读(411) 评论(0) 推荐(0)
摘要: 单页面开发: 单页面开发常用于webapp开发和后台管理系统等。 优点:1用户体验好,流畅。 2因为单页面,所以对服务器的压力较小。 3可以在页面切换的时候加一些酷炫的动画效果。 4代码的复用度大。有利于后期的维护。 缺点:1页面复杂度变大,开发难度较大。 2不利于SEO 3初次加载的时候用时较长。 阅读全文
posted @ 2019-07-29 23:25 南屿博客 阅读(276) 评论(0) 推荐(0)