摘要: 配置打包的入口与出口 1. 默认约定 webpack 的 4.x 版本中默认约定 1. 打包的 入口文件为 src index.js 2. 打包的 输出文件为 dist main.js 2. 修改 修改打包的入口与出口,可以在 webpack.config.js 中新增加如下配置信息 3. 在终端中 阅读全文
posted @ 2019-11-22 17:14 木子蔻 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 上一篇文章中出现的错误,其实可以基于 webpack 把这种有兼容性的代码转换成没有兼容性的代码,再引入转换之后的 js 文件就可,具体实现如下: 1. 安装包 在终端中运行如下命令,安装 webpack 相关的包 2. 创建配置文件 在项目的根目录中,创建 webpack.config.js 的 阅读全文
posted @ 2019-11-22 16:40 木子蔻 阅读(327) 评论(0) 推荐(0) 编辑
摘要: 1. 当前 Web 开发所面临的困境 + 文件依赖关系错综复杂 + 静态资源请求效率低 + 模块化支持不友好 + 浏览器对高级 Javascript 特性兼容性低 + 等等.... 面临这么多困境,怎么去解决呢?当然是 webpack 啦~ 1. webpack 是什么? webpack 是一个流行 阅读全文
posted @ 2019-11-22 16:36 木子蔻 阅读(347) 评论(0) 推荐(0) 编辑
摘要: 一、默认导入与导出 1. 默认导出语法 export default 默认导出的成员,代码如下: 2. 默认导入语法 import 接收名称 from ‘模块接收符’,代码如下: 注意: + 在每一个模块中只允许使用唯一的一次 export default ,否则会报错 + 在一个模块中如果没有向外 阅读全文
posted @ 2019-11-20 18:03 木子蔻 阅读(2011) 评论(0) 推荐(0) 编辑
摘要: Node 中默认支持 CommonJS 这个服务器端模块化规范,但是对 ES6 的模块化支持并不是太友好,所以需要通过 babel 这个第三方插件在 Node 中来体验高级的 ES6 特性, babel 相当于一个语法转换工具,可以把高级的、有兼容性的 Javascript 代码转换成为低级的、没有 阅读全文
posted @ 2019-11-20 17:17 木子蔻 阅读(1294) 评论(0) 推荐(0) 编辑
摘要: 1.概述 传统开发模式的经常会面临一些问题,如命名冲突、文件依赖等,因此需要 通过模块化 解决上述问题。 模块化: 就是把单独的一个功能封装到一个模块中,模块之间相互隔离,但是可以通过通过特定接口公开内部成员,也可以依赖别的模块。好处: 方便了代码的重用,从而提成了开发效率,并且方便后期维护。 2. 阅读全文
posted @ 2019-11-20 17:07 木子蔻 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 最近在看Vue的API,然后想自己着手做个项目,搭建 脚手架的时候发现,了解掌握 es6 又是必要的步骤,对于我这种,es5还没摸熟的小白来说,还是翻看了大神的书本,学了起来。这里只是做个简单的搭建,初步的入门。 由于现在大多数浏览器并不能像原声支持 es5 一样支持 es6,所以用 es6 第一步 阅读全文
posted @ 2017-08-16 14:27 木子蔻 阅读(1000) 评论(0) 推荐(0) 编辑
摘要: 正常情况下,我们写的input的默认样式是这样的: 但是开发过程中,我们需要实现的效果是这样的: 实现方法很简单,我们只需要在style样式里进行如下设置,同时因为适配问题,总体代码如下: 同样文本域 textarea 也是一样设置,代码如下: 除了也颜色,字体大小、粗细等也可以设置,这里就不一一列 阅读全文
posted @ 2017-07-31 17:25 木子蔻 阅读(812) 评论(0) 推荐(0) 编辑
摘要: 之前开发的时候,拿到设计稿发现了知识的盲点,而且是小知识,设计稿长这样: 而默认的CheckBox框是这样的: 然后我直接设置 CheckBox的宽高、颜色,发现并没有那么简单,于是乎,换个角度解决问题,如下所示,我们在 html 中写入如下标签: 然后在 css 样式中设置如下: by:木梓李 阅读全文
posted @ 2017-07-31 17:24 木子蔻 阅读(1993) 评论(0) 推荐(0) 编辑