- 博客(5)
- 收藏
- 关注
原创 webpack学习和使用二(常用配置)
webpack学习和使用二一、自动打包+热更新1、简单化指令2、自动打包3、热更新接着上一篇“webpack学习和使用一(安装使用和简单demo)”我们继续设置一些webpack的常用配置一、自动打包+热更新1、简单化指令现在我们执行 npx webpack 后是不是有一串黄色的警告提示?WARNING in configurationThe 'mode' option has not...
2019-09-24 19:44:56 267
原创 从chrome开发工具中直观了解浏览器的渲染过程
文章目录前言浏览器渲染过程浏览器渲染步骤重排重绘解析实例演示只修改背景色只修改宽度总结前言前端人员可能不太了解浏览器渲染Html的过程,或者了解相关知识,但是不能通过具体的方式来更深入认识。本文通过Chrome的开发者工具来直观了解浏览器渲染html的过程,能对于页面性能优化有更好的帮助。浏览器渲染过程我们先看一张图解:我们看到Html和Css先是分开解析,然后合在一起生成Rend...
2019-09-24 17:26:31 1785
原创 傻瓜式搭建多人协作vue工作环境(GitHub Desktop + VSCode + Webpack + Vue)
你遇到的问题是不是被一堆git命令搞到晕?是不是在cmd打命令再切换到编辑器写代码,麻烦得一b?是不是装webpack踩到各种坑?是不是不知道怎么配合webpack写一个vue的hello world?是不是不知道怎么把写好的代码同步GitHub代码?来来来,这里用一篇文章介绍怎样搭建一个傻瓜式多人协作的vue工作环境,利用VSCode这神器,把一切都简单化。(笔者也是踩过各种坑啊...
2019-09-21 17:46:20 2011
原创 web模拟战旗游戏战场(附演示地址&源码)
前言本人从小受到“火焰纹章”、“机器人大战”等熏陶,比较喜欢策略型游戏,但有时候玩人家的游戏总有点不尽人意,于是尝试模拟这类型游戏。本次尝试用web技术实现战旗游戏中战场的游戏逻辑。先放成果:在线地址游戏逻辑战旗游戏逻辑比较简单:一、总方向单位:我方 vs 敌方操作:移动+行动结束条件:一方团灭二、实现细节地图:底图 + 操作层 + 单位层单位放置:随机地图 + 随机单位属...
2019-09-18 17:27:33 631
原创 js继承最实用的2种方式:Es5对比Es6,学会这2种可以解放人生了
前言js 的继承老生常谈了,网上也总结了很多继承方法,有原型继承、原型链继承、寄生继承、构造函数继承、组合继承等,各种方法各有利弊,现在ES6提出了新的继承机制,完美摆平了这乱七八糟的局面,但是ES6还没能兼容所有浏览器,所以笔者分别用ES5和ES6写出2种完整继承的方法,学会这2个即可。实例代码具体看代码和注释,不明的地方百度即可,可以把代码拷贝到本地运行,看效果: //ES5组合继承...
2019-09-18 16:15:40 235
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人