九个帮你提高开发效率的现代CSS框架
Bootstrap是 Twitter 推出的基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的CSS开发框架,使得 Web 开发更加快捷。Bootstrap 提供了优雅的HTML和CSS规范,它由动态CSS语言Less写成
css中@scroll-timeline_基于滚动条的滚动去控制动画行进的能力
Web开发者时常会碰到使用滚动来触发某些元素的动画效果,比如说,页面滚动条滚动到某个位置,标题固定在顶部;页面顶部展示你页面进度(滚动指示器);还是一些我们所说的视差滚动效果等
JS结合Canvas画运动小球
canvas是HTML5新增的元素,也被称为画布,可以结合javascript实现绘制各种图形,制作各种炫酷的动画效果,现在我们也来使用canvas画随机运动小球。
Promise源码实现
定义Promise的构造函数,因为创建Promise对象的时候会接收一个函数executor,并且函数会立即被调用,executor函数接收两个函数方法,resolve和reject。调用resolve和reject的时候会传入对应的值
你一定会用到的 15个前端小知识
Reflect他是 ES2015 新增的对象,纯静态对象也就是不能被实例画,只能通过静态方法的方式调用,和 Math 对象类似,只能类似 Math.random 的方式调用。
前端常用算法_排序问题,二分查找
算法简单来说,是一门研究计算机性能和资源分配的学科。前端或者说JS在算计方面表现得并不优秀,在讲为什么要学习它之前,我想先说说在前端领域什么比算法效率更加重要。
ECMAScript新特性
ES2015中新增了一个块级作用域,用{}包裹起来的范围。在以前,块是没有单独的作用域的,这就导致在块中定义的成员外部也可以访问到。例如if中去定义的foo,在if的外面打印是可以正常打印出来的
聊聊项目中常见的TypeScript错误
TypeScript 错误信息由错误码和详细信息组成。例如:TS2456 ,其中错误码是以“TS”开头 + 数字(一般是 4 位数字)结尾这样的格式组成的字符串,用来作为特定类型错误的专属代号
Css换行 word-break word-wrap 的理解
浏览器默认是以单词为单位进行换行的,单词不可拆分,挤不下会另起一行;一个汉字为一个单词;word-break: break-all 此值表示 超出的时候都要换行,是单词要拆分;