- 博客(5)
- 收藏
- 关注
原创 canvas实现星星闪烁特效
准备工作获取canvas元素节点获取画布工具获取节点的宽高挂载图像var girlPic = new Image(), starPic = new Image()girlPic.src = 'src/girl.jpg’ starPic.src = 'src/star.png'创建方法gameloop //刷新canvas画布,循环做绘制背景,每隔一段时间来刷新canva...
2019-07-02 15:49:04 2672
原创 webpack底层原理 实现一个打包工具 bundler源码编写
类似于webpack打包工具的底层原理步骤:1.拿到入口文件的代码并读出来转化为js对象(抽象语法术parser)2.拿到所有模块的依赖 ‘./message.js’,放进数组中 引入第三方模块和babel相关3.对代码进行转换使浏览器能够执行从es6/es module语法转化目的:入口文件的完整分析node bundler.js //输出文件内容 实现 创建函数 传入入...
2019-06-28 11:32:35 1371 3
原创 webpack如何编写一个plugin
在某一些具体时刻上做出某一些动作是插件生效的场景设计模式:数据驱动,发布订阅 代码之间的执行通过事件来驱动的此插件介绍:整个打包业务结束,在dist目录下生成一个版权文件的功能实现cnpm init -ycnpm install webpack webpack-ci --savesrc index.js console.log('hello worl...
2019-06-26 20:45:44 854
原创 webpack 如何编写一个 loader
Loader作用:打包一个类型文件或者模块此loader作用替换js文件中的dell字符cnpm init -ycnpm install webpack webpack-ci --savesrc index.js console.log('hello dell')webpack.config.js const path = require('pat...
2019-06-26 14:12:08 245
转载 ::after和::before的理解和使用
::after和::before的理解和使用1.定义:为当前元素增加装饰性内容,显示的是自身的content属性,默认是内联元素使用样式创建出节点,但不会出现在DOM树上<style>ul{ list-style: none;}li{ display: inline;}li:not(:last-child)::after{ content: "...
2019-06-08 23:13:57 750 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人