起风了

“路海长 青夜旷 越过群山追斜阳”

JavaScript深入系列的学习(一)

JavaScript深入系列的学习(一)缩略图
JavaScript深入之从原型到原型链JavaScript深入之词法作用域和动态作用域JavaScript深入之执行上下文栈 JavaScript深入之从原型到原型链 我们知道,当读取实例的属性时,如果找不到,就会查找与对象关联的原型中的属性,如果还查不到,就去找原型的原型,一直找到最顶层为止。 prototype 每个函数都有一个pr...

通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字、多行文字、竖向文字绘制,自动换行,保存图片,下载图片等

通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字、多行文字、竖向文字绘制,自动换行,保存图片,下载图片等缩略图
Html5新增的canvas是个强大的功能, 估计大家平时都会用到,只是频率不高,偶尔用它合成图片,但是如果不进行封装的话,代码会很乱,所以对canvas常用的画图、绘制文字、保存功能进行了封装,目前还比较满意,能够快速完成canvas绘图任务,从容应对需求变更,只需进行简单配置即可。 li-canvas.js 对Html5的c...

使用webpack从0搭建多入口网站脚手架,可复用导航栏/底部通栏/侧边栏,根据页面文件自动更改配置,支持ES6/Less

使用webpack从0搭建多入口网站脚手架,可复用导航栏/底部通栏/侧边栏,根据页面文件自动更改配置,支持ES6/Less缩略图
之前只知道webpack很强大,但是一直没有深入学习过,这次从头看了一下教程,然后从0开始搭建了一个多入口网站的开发脚手架,期间遇到过很多问题,所以有心整理一下,希望能给大家一点帮助。 多HTML网站使用webpack的必要性 假如我们接到这样一个任务,开发一个简单的官网,比如只有十几个html页面。项目很简单...

前端性能优化原理与实践(二)

前端性能优化原理与实践(二)缩略图
摘自前端性能优化原理与实践 从 Cookie 到 Web Storage、IndexDB Cookie Cookie的本职工作并非本地存储,而是“维持状态”。 在 Web开发的早期,人们亟需解决的一个问题就是状态管理的问题:HTTP 协议是一个无状态协议,服务器接收客户端的请求,返回一个响应,故事到此就结束了,服务器并没有记录下关于客户端...

ElementUI多个子组件表单的校验管理

ElementUI多个子组件表单的校验管理缩略图
背景 公司项目中所用到的前端框架是Vue.js + ElementUI,因为项目的业务场景中有很多的大表单,但是ElementUI的表单写法对于表单的拆分和校验其实并不是很友好。最初的项目为了方便,常常把多个表单写在一个.vue组件中,这导致单文件的代码量巨大,逻辑十分复杂。目前为了维护方便,表单的拆分就变得十分重要...

【前端推荐第12天】==判断大揭秘

【前端推荐第12天】==判断大揭秘缩略图
今日推荐文章:《Truth, Equality and JavaScript)》 原文作者:angus croll推荐阅读时间30分钟,阅读后回复:打卡。 阅读后自己做个总结,完成以下题目 // 题目1:如下代码输出什么?if ("hello") { console.log("hello")}// 题目2:如下代码输出什么?if ("") { console.log('empty')}// 题目3:如下代...

useState原理

useState原理缩略图
首先创建一个App组件,加入一个按钮和点击后显示的值num,在按钮上绑定click事件,每次点击,num++ function App() { console.log('---app run again----') const [num, setNum] = useState(0) console.log('---render----') console.log(`num:${num}`) return ( <div className='App'> <...

js版【微信机器人】——wechat-robot

js版【微信机器人】——wechat-robot缩略图
Github: https://github.com/doterlin/wechat-robot 基于phantomjs和web端微信开发的聊天机器人。使用的微信账号(即充当机器人的账号)为个人账号,可自定义指令。 效果 可以指定一个微信账号: 撩妹 自定义指令不会交给AI处理: 自定义指令 独乐乐不如众乐乐,可以指定到群聊上: ...

HTMLCollection vs. NodeList

HTMLCollection vs. NodeList缩略图
本文章著作权归饥人谷_Lyndon和饥人谷所有,转载请注明出处 >>> 引文 这篇博客起源于我对一道作业题的思考,在DOM课程中,第二道作业题是: elem.children和elem.childNodes的区别? 那么这两者的区别究竟是什么呢?当时我在回答的时候写了这样一段代码(这段代码只得到表面上的答案,是浅层次理...

全自动部署hexo

Jest
借鉴若愚老师的博文,其中第七条全自动写博客非常之有用。 使用pm2实现自动监控文件变动,自动提交 1.在本地安装pm2(一个可在后台永久打开一个node小程序的 nodejs应用,也可以监控文件变化),按照代码如下: sudo npm install -g pm2 2.在博客的 resource 文件夹下新建 start.js ,内容如下: var proces...