前言写文章是一个短期收益少，长期收益很大的一件事情，人们总是高估短期收益，低估长期收益。往往是很多人坚持不下来，特别是写文章的初期，刚写完文章没有人阅读会有一种挫败感，影响了后期创作。 从某种意义上说，博客是我最好的学习…
分类：css
PC和移动端的CSS重置样式表
自己一直在用并不断完善的重置样式表，直接放到项目里面可让浏览器样式基本统一，现分两个版本，针对不同平台作出优化。 PC端 html{font-family:"Microsoft YaHei UI","Microsoft …
JS 实现持续的动画效果(requestAnimFrame)
JS 和 CSS 实现持续的动画效果 逛论坛的时候看到一个问题, js 是怎么实现持续的动画效果的? 第一时间想到的是定时器, 后来看到有同学提到了 requestAnimationFrame, 由于之前没有对相关方法有…
bigSlide 插件应用
一、 插件官网 bigSlide.js 二、 基本代码 侧边栏控制开关 用一个 <a> 标签来控制侧边栏的开关。#menu 用来指向 id 为 menu 的侧边栏，menu-link 为这个 <a>…
CSS设置容器和屏幕高度一致
最近项目遇到一个问题，登录页面是全背景图片，需要图片填满屏幕，并且不能出现滚动条 之前有的方法是: 用Js动态获取屏幕的高度并且赋值给容器。 //获取显示器的高度 var containerHeight = $(wind…
stylus编码规范
详见 https://github.com/leeseean/stylus-style-guide,请多指教和issue。
深入理解margin
<html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style>…
CSS哪些属性可以继承哪些不可继承 与 CSS优先级算法
CSS哪些属性可以继承哪些不可继承 可继承属性：1.字体系列属性font:组合字体font-family:规定元素的字体系列font-weight:设置字体的粗细font-size:设置字体的尺寸font-style:定…
Canvas 点线动画案例
Canvas 点线动画案例 画圆： arc(x, y, r, start, stop) 画线： moveTo(x, y) 定义线条开始坐标 lineTo(x, y) 定义线条结束坐标 填充： fill() 绘制： str…
幻灯片如何实现 - W3Schools视频04
幻灯片（Slideshow）是网页上常见的一项功能，今日我们来看看W3Schools上的幻灯片教学。 W3Schools 幻灯片教学 幻灯片例子 简化版幻灯片例子 视频连结 B站 YouTube 幻灯片（Slidesho…
前端小姿势
文章包含学习中遇到的问题 小白水平 可能会包含一些错误 或者还没写完… 或者非最佳实践 仅供参考 1.父子组件的v-model 参考vue官方文档：点我 父级不需要操作额外代码 子代操作方法一： 这个vue的…
CSS 实现隐藏滚动条同时又可以滚动内容
<div class="outer_div"> <div class="inner_div"> <div>我是内容</div> </div> </div&…
