11 2017 档案

JavaScript的setter与getter方法
摘要：作者： 以前在写项目过程一直都没有使用过Javascript的setter与getter方法，所以对其是一种要懂不懂的概念；今天看书看到这个知识点，还是模模糊糊的，于是就打算研究研究； Javascript对象的属性是由名字，值和一组特性构成的。那么首先，来了解一下对象的两种属性： + 数据属性，我 阅读全文
posted @ 2017-11-28 19:12 hawk_zz 阅读(1221) 评论(0) 推荐(0)
元素全屏的设置与监听
摘要：作者网站： 设置全屏和退出全屏 监听全屏事件 阅读全文
posted @ 2017-11-27 18:35 hawk_zz 阅读(616) 评论(0) 推荐(0)
SimpleMarkdown - 一款简单的Markdown编辑器
摘要：源码地址： 预览地址： 作者网站： 简介 这是一款基于NodeJs开发的简单的Markdown编辑器，其UI是仿照简书的Markdown编辑器；主要功能：实时解析，实时保存，实时预览，全屏等 预览 技术栈 + NodeJs + Express + Swig + Marked + highJs + J 阅读全文
posted @ 2017-11-27 18:04 hawk_zz 阅读(2029) 评论(0) 推荐(0)
es6环境搭建
摘要：安装node环境 地址： 建立项目目录 建立一个项目目录es6 demo，并在目录下建立两个子文件夹src和dist； + src：源代码es6的目录 + dist：编译后es6的目录 初始化项目 使用下面命令初始化项目，在项目目录下生成package.json文件： npm init //或者 n 阅读全文
posted @ 2017-11-23 12:59 hawk_zz 阅读(272) 评论(0) 推荐(0)
webpack 3.X学习之Babel配置
摘要：Babel是什么 Babel是一个编译JavaScript的平台，它的强大之处表现在可以通过编译帮你达到： + 使用下一代的javascript（ES6，ES7,……）代码，即使当前浏览器没有完成支持； + 使用基于JavvScript进行扩展语言，比如React的JSX； webpack配置Bab 阅读全文
posted @ 2017-11-23 12:58 hawk_zz 阅读(4159) 评论(0) 推荐(0)
webpack 3.X学习之图片处理
摘要：CSS中图片处理 在src目录下新建一个images目录，把图片放入images文件夹中；在index.html文件中增加一个div标签： /src/index.html: 编写css,给刚刚增加的div标签添加背景图片： /src/css/index.css: image{ background: 阅读全文
posted @ 2017-11-23 12:57 hawk_zz 阅读(969) 评论(1) 推荐(0)
webpack 3.X学习之CSS处理
摘要：Loaders Loaders是Webpack最重要的功能之一，他也是Webpack如此盛行的原因。通过使用不同的Loader，Webpack可以的脚本和工具，从而对不同的文件格式进行特定处理。 Loader的配置模型： + test：用于匹配处理文件的扩展名的表达式，这个选项是必须进行配置的； + 阅读全文
posted @ 2017-11-23 12:57 hawk_zz 阅读(3710) 评论(0) 推荐(0)
webpack 3.X学习之JS压缩与打包HTML文件
摘要：js压缩 webpack自带一个插件uglifyjs webpack plugin来压缩js，所以不需要再次安装，当一切都准备妥当，引入uglifyjs webpack plugin模块： const uglify = require('uglifyjs webpack plugin'); 因为它是 阅读全文
posted @ 2017-11-23 12:56 hawk_zz 阅读(4826) 评论(0) 推荐(0)
webpack 3.X学习之基本配置
摘要：创建配置文件webpack.config.js 在根目录在手动创建webpack.config.js，配置基本模板 module.exports ={ entry:{}, output:{}, module:{}, plugins:[], devServer:{} } + entry：配置入口文件的 阅读全文
posted @ 2017-11-23 12:56 hawk_zz 阅读(407) 评论(0) 推荐(0)
webpack 3.X学习之初始构建
摘要：webpack是什么 webpack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。在3.0出现后，Webpack还肩负起了优化项目的责任。 安 阅读全文
posted @ 2017-11-23 12:55 hawk_zz 阅读(430) 评论(0) 推荐(0)