- 博客(19)
- 资源 (1)
- 收藏
- 关注
原创 JS 弧度和角度的转换公式和三角函数公式
工作中经常用到 记录一下弧度 = 角度 * Math.PI / 180;角度 = 弧度 * 180 / Math.PI;还有三角函数公式:
2020-04-22 10:24:49 1438
转载 Doctype作用?严格模式与混杂模式如何区分?它们有何意义?
一、Doctype作用是什么?声明叫做文件类型定义(DTD),声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在 HTML 文档的第一行,这并不是一个 HTML 标签。二、严格模式与混杂模式如何区分?它们有何意义?严格模式: 又称标准模式,是指浏览器按照 W3C 标准解析代码。混杂模式: 又称怪异模式或兼容模式,是指浏览器用自己的方式解析代码。如...
2019-11-04 16:02:39 508
转载 CSS 与 JS 动画的底层机制 + 如何优化它们的性能
文章转载自众成翻译,原文链接https://www.zcfy.cc/article/under-the-hood-of-css-and-js-animations-how-to-optimize-their-performance这是致力于探索 JavaScript 及其组件的系列文章中的第 13 篇。在找寻与介绍这些核心组件的过程中,我们也分享了我们在开发SessionStack时的一些规...
2019-08-29 10:23:40 330
原创 CSS3修改滚动条样式
简介::-webkit-scrollbar是CSS的一个伪类选择器,可以修改了一个元素的滚动条的样式。但根据MDN官方文档的说明,::-webkit-scrollbar仅为草案,还没有成为标准,只有在webkit内核的浏览器中才能使用。CSS滚动条选择器你可以使用以下伪元素选择器去修改各式webkit浏览器的滚动条样式:::-webkit-scrollbar — 整个滚动条.::-web...
2019-08-14 13:24:04 405
原创 横向瀑布流实现
前几天刚做完竖向的瀑布流,就来了新需求,老板说要让他横过来ヾ(。`Д´。)ノ彡,经过一阵激烈的交锋,终于!我还是屈服在了老板的淫威帅气之下,那就做呗,不就横过来,这还不简单,CtrlC+CtrlV呗。然而,年轻的我并不知道代码的险恶。当我打开百度,输入关键词,...
2019-08-01 14:07:14 1544
原创 浅谈瀑布流原理及Vue实现
瀑布流,又称瀑布流式布局。是比较流行的一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest,逐渐在国内流行开来。国内大多数清新站基本为这类风格。瀑布流布局效果既多行等宽元素排列,等宽不等高,后面的元素依次排列在上一个元素后面那么瀑布流的规则是什么哪?下面将用图解的方式分析一下瀑布流的算法...
2019-07-27 13:31:10 2037 2
转载 离屏Canvas — 使用Web Worker提高你的Canvas运行速度
文章转载自众成翻译,原文链接https://www.zcfy.cc/article/offscreencanvas-speed-up-your-canvas-operations-with-a-web-worker现在因为有了离屏Canvas,你可以不用在你的主线程中绘制图像了!Canvas 是一个非常受欢迎的表现方式,同时也是WebGL的入口。它能绘制图形,图片,展示动画,甚至是处理视频...
2019-07-24 11:45:47 987
转载 ES2018新特性——每个JS开发者都需要了解
文章转载自众成翻译,原文链接https://www.zcfy.cc/article/new-es2018-features-every-javascript-developer-should-know第9版ECMAScript标准于2018年6月发布,正式名称为ECMAScript 2018(简称ES2018)。从ES2016开始,ECMAScript规范的新版本每年发布一次,而不是每隔几年...
2019-07-19 16:59:57 273
转载 通过HTML5 Video来优化动态GIF
文章转载自众成翻译,原文链接:通过HTML5 Video来优化动态GIF摘要- 网页中的动态GIF图片是非常受欢迎的,因为它们相比静态图片更生动,相比网页视频更简单。但是GIF图片通常具有较大的体积,就导致网页加载速度变慢,内存使用增加。通过使用HTML video,可以使浏览器中的GIF图片在减少98%体积的情况下,仍然具有相对较高的质量。我们注意到这篇文章是Google Web Fun...
2019-07-19 13:39:31 3133
原创 Vue生命周期详解
什么是Vue的生命周期先看一看官方文档对Vue生命周期的说明:每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。简单来说就是Vue实例和组件在被创建的时候所经历的过程,Vue通过生命周期钩子将这些过程...
2019-07-18 09:32:11 163
原创 [Angular学习笔记]Angular组件通讯
组件通讯前端框架,例如extjs,vue,angular等,都是或趋于组件化,所以组件间的通讯,是一个亟需解决的问题一般而且言,这些组件之间都会形成这种树形结构组件之间会有下列3种关系:父子关系兄弟关系没有直接关系本文这要介绍一下几种通讯方式:@Input(父传子)@Output(子传父)目前先写这两种方式,其他方式等我再学几天在写@Input-&g...
2019-07-17 10:10:29 201
原创 [Angular学习笔记]路由与导航
路由与导航在用户使用应用程序时,Angular 的路由器能让用户从一个视图导航到另一个视图。导入路由Angular 的路由器是一个可选的服务,它用来呈现指定的 URL 所对应的视图。 它并不是 Angular 核心库的一部分,而是在它自己的 @angular/router 包中。 像其它 Angular 包一样,你可以从它导入所需的一切。import { RouterModule, Rou...
2019-07-16 16:45:31 849
原创 JavaScript数据类型总结
编程语言都具有内建的数据结构,但各种编程语言的数据结构常有不同之处。本文试图列出 JavaScript 语言中内建的数据结构及其属性,它们可以用来构建其他的数据结构;同时尽可能的描述与其他语言的不同之处。动态类型JavaScript 是一种弱类型或者说动态语言。这意味着你不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。这也意味着你可以使用同一个变量保存不同类型的数据:var fo...
2019-07-16 08:41:53 131
原创 [Angular学习笔记]Angular事件处理
事件当用户点击链接,按下按钮,输入文字时,这些动作都会触发DOM事件,本篇博客解释如何使用Angular 事件绑定语法把这些事件绑定到事件处理器。事件绑定Angular提供了事件绑定机制,可以响应任何DOM事件,Angular 的事件绑定语法由等号左侧带圆括号的目标事件和右侧引号中的模板语句组成。 下面事件绑定监听按钮的点击事件。每当点击发生时,都会调用组件的 onSave()&n...
2019-07-15 09:31:41 556
原创 [Angular学习笔记]Angular生命周期
生命周期是什么?生命周期函数通俗的讲就是组件创建、组件更新、组件销毁的时候会触发的一系列的方法。当 Angular 使用构造函数新建一个组件或指令后,就会按下面的顺序在特定时刻调用这些生命周期钩子方法。生命周期的顺序当 Angular 使用构造函数新建一个组件或指令后,就会按下面的顺序在特定时刻调用这些生命周期钩子方法:钩子用途及时机ngOnChanges()@inp...
2019-07-13 14:22:34 151
转载 Angular CLI详解
Angular CLI 是什么?Angular CLI 是一个命令行接口(Command Line Interface),用于实现自动化开发工作流程。它允许你做以下这些事情:创建一个新的 Angular 应用程序运行带有 LiveReload 支持的开发服务器,以便在开发过程中预览应用程序添加功能到现有的 Angular 应用程序运行应用程序的单元测试运...
2019-07-13 09:37:05 2007
转载 在2019年学习如何成为现代前端开发人员
我已经为新的一年重新编写和替换了这篇文章,使其变得更简洁以及更易于遵循一些推荐的练习,如果你发现和之前读过的版本有一些小小的出入或者一些矛盾的评论请不要苦恼。前几年的版本可以在GitHub archives里找到Web开发是一个不断变化的领域——今天我们建立网站的方式和几年前我们习惯的方式已经完全不同了。过剩的现有工具以及每天都会出现的新工具,大多数时候开发者都受困于应该采用哪种工具去实现目...
2019-07-12 15:58:08 118
原创 [Angular学习笔记]Angular模块-NgModule
NgModule 简介Angular 应用是模块化的,它拥有自己的模块化系统,称作 NgModule。 一个 NgModule 就是一个容器,用于存放一些内聚的代码块,这些代码块专注于某个应用领域、某个工作流或一组紧密相关的功能。 它可以包含一些组件、服务提供商或其它代码文件,其作用域由包含它们的 NgModule 定义。 它还可以导入一些由其它模块中导出的功能,并导出一些指定的功能供其它 Ng...
2019-07-12 13:30:26 204
原创 [Angular学习笔记]起步和环境搭建
一、本地开发环境搭建1.node环境根据官方文档说明,angular需要Node.js 版本 10.9.0 或更高版本。可以打开控制台运行node -v查看当前node版本如果电脑上没有安装node环境,可以到node官网下载安装2.npm 包管理器Angular、Angular CLI 和 Angular 应用都依赖于 npm 包中提供的特性和功能。要想下载并安装 npm 包...
2019-07-12 13:27:20 192
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人