使用stylus语法编写样式代码，熟练后可以大大提高我们的开发效率，而且里面还有很多特性，比如：冒号可选，分号可选，花括号可选以及变量等等。 安装 npm install styl...
HTML/CSS
HTML/CSS
生活
二十四节气之春分
2019/3/21，节气春分 春分，24节气中第4个节气 前一节气：惊蛰，后一节气：清明 气候特点： 春旱、沙尘、倒春寒、低温阴雨 物候： 春分之日玄鸟至，又五日雷乃发声，又五日始...
JavaScript
React实现关键字高亮显示
我们往往会有这样的需求，在一个搜索列表中，你搜索出来的关键词会在结果中高亮显示，这种效果对于用户体验来讲是挺好的，至少在我看来。 本文来讲一下要怎样实现这样的效果。 思路 拿到搜索...
JavaScript
Vue中同时使用动画和过渡
之前写的两篇介绍动画和过渡的文章，一篇说的是使用动画，一篇说的是使用过渡效果，本文写一下初始渲染的过渡效果以及同时使用动画和过渡的效果： 初始渲染的过渡 一般情况下，我们默认打开页...
HTML/CSS
深入理解css3中的flex-grow、flex-shrink、flex-basis(转)
转自：http://zhoon.github.io/css3/2014/08/23/flex.html 感谢原作者的整理 flex为css的布局带来了新的时代，作为一个重构工程师...
JavaScript
Vue动画中的JS钩子
这些钩子可以在transition属性中声明就可以了，具体有哪些钩子呢？ before-enter 在即将显示的时候触发，并且会接收一个el的参数，el参数为transition属...
JavaScript
Vue移动端开发注意事项
移动端开发因为各个方面的原因，在开发的过程中需要注意以下几点： 统一css样式 在不同的手机浏览器上默认的样式是不统一的，初始化样式做个统一，方便后续的开发。 解决方法，引入res...
nodejs
解决nodeJs连接mysql报错
在使用nodejs连接mysql数据库的时候报错了，最后解决了，做个备份，报错内容是： 相关代码 环境配置： vscode + node（v10.13.0） + mysql（8.0...
JavaScript
Vue中的列表过渡
目前为止，关于过渡我们已经讲到： 单个节点 同一时间渲染多个节点中的一个 那么怎么同时渲染整个列表，比如使用 v-for ？在这种场景中，使用 <transition-gro...
实用技术
Sublime Text 3安装Package Control
不得不说Sublime Text 3安装Package Control真费劲，现在安装成功了记录一下。 首先 sublime官网下载Sublime Text 3 然后 下载Pack...
JavaScript
Vue中的动画封装
如果我们想多次使用某个动画效果，我们可以给它做一个封装，以达到复用的效果。 首先 我们把效果写在子组件的模板里： Vue.component('child',{ t...
生活
二十四节气之清明
2019/4/5，节气清明 清明，24节气中第5个节气 前一节气：春分，后一节气：谷雨 节日特点：踏青郊游、扫墓祭祖 物候： 清明之日桐始华，又五日田鼠化为鴽(rú)，又五日虹始见...
JavaScript
Vue中多个元素或组件的过渡
之前写过是一个元素的出场/离场过渡，那么如果是多个元素的过渡以及多个组件的过渡效果要怎么来写呢？ 多个元素过渡 我们现在使用两个p标签，其中包含2段文字，来看一下他们的过渡效果： ...
HTML/CSS
正则匹配所有html标签
最终效果 代码 /<\s*\/?\s*(*?**>/g 完。
JavaScript
vue项目使用history路由
官方说法 vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。 如果不想要很丑的 ha...