![](https://img-blog.csdnimg.cn/b2c260aa2d244cbf914cb62ba6a39cb6.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
学习笔记
文章平均质量分 72
本专栏主要内容为个人技术学习笔记,如需转载请注明出处。
「已注销」
这个作者很懒,什么都没留下…
展开
-
实现一个简单的 node 应用之 todo list
theme: jzmanhighlight: atelier-cave-light前言学习目标:实现一个简单的 node 应用:todo list。功能主要有:添加新任务清空任务列表展示所有任务操作任务修改任务标题修改任务状态删除单个任务一、环境安装nodenpm二、项目初始化新建文件夹 mkdir node-todo-1进入文...原创 2021-12-19 11:49:06 · 65 阅读 · 0 评论 -
Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError
记录配置 Webpack 时遇到的一个百思不得其解的报错:Module build failed (from ./node_modules/css-loader/dist/cjs.js): CssSyntaxError在看到这个问题以后,我第一时间去 reset.css 中查看语法是否有误;结果是没有任何错误。在确定 css 文件无误以后,我把配置规则中的 css-loader 配置移除,...原创 2021-11-06 16:57:21 · 1519 阅读 · 0 评论 -
CSS3动画属性之Animation
一、Animation 属性(动画)Animation 是 CSS3 属性中,除了 transform、transiton 之外的一个动画属性。具体有:animation-name、animation-duration、animation-timing-function、animation-delay、animation-iteration-count、animation-directio...原创 2019-05-30 20:18:48 · 60 阅读 · 0 评论 -
TypeScript 学习笔记
theme: jzmanhighlight: atelier-cave-light By understanding JavaScript, TypeScript saves you time catching errors and providing fixes before you run code. Any browser, any OS, anywhere Jav...原创 2021-07-20 20:57:15 · 23 阅读 · 0 评论 -
函数调用的预编译
一、前言上一篇我们说到了脚本的预编译,这一节讲一讲函数调用的预编译。二、函数调用的预编译1. 过程1.创建活动对象AO(Active Object)2.预编译:- 产生作用域链(scope chain)- 初始化arguments- 初始化形参,将arguments中的值赋值给形参- 找出所有的变量声明,按照变量名加入AO,如果已存在,忽略。- 找出所有的函数声明...原创 2019-06-10 09:42:03 · 19 阅读 · 0 评论 -
Flow 学习笔记
theme: jzmanhighlight: atelier-cave-light前言 FLOW IS A STATIC TYPE CHECKER FOR JAVASCRIPT.JavaScript 作为一种动态类型语言,有它自己的灵活性,这很好。但近些年来,随着前端领域的快速发展,这种灵活性对于大型的应用场景来说,反而成为一种负担。一旦代码变得非常庞大,值的类型...原创 2021-07-20 21:41:19 · 130 阅读 · 0 评论 -
NPM 入门使用
theme: jzmanhighlight: atelier-cave-light前言NPM (Node Package Manager) 是一个第三方 Node 包管理工具,一个包就是一个 Node 应用。本文主要讲解 npm 的一些入门知识,主要包括 npm 包的安装、使用、卸载、发布、更新等内容。1. npm 包执行 npm 指令安装所需的包:windows...原创 2021-07-22 21:20:58 · 98 阅读 · 0 评论 -
Canvas知识点梳理
一、前言Canvas是HTML5标准中推出的一个非常受欢迎的功能元素,这个元素负责在页面中设定一个区域,然后就可以JS动态地在这个区域中绘制图形了。并且它还是跨平台动画和游戏的标准方案。二、前提条件2.1 初始化要使用canvas元素必须先设置其width和height属性,指定绘图区域的大小。如果浏览器不支持该功能,那么将会显示你在canvas标签中键入的文本内容。java...原创 2019-07-06 19:17:16 · 113 阅读 · 0 评论 -
JavaScript的严格模式
一、前言ES5最早引入了严格模式的概念。通过严格模式,可以在函数内部选择较为严格的全局或局部的错误条件检测。使用严格模式的好处是,可以提早地发现函数内部存在的错误以及编译中产生的错误。支持严格模式的浏览器包括IE10+、FireFox4+、Safari5.1+和Chrome。二、选择使用使用编译指示,实际上就是一个字符串:"use strict";如果在全局作用域中(函数外部)...原创 2019-06-02 09:40:19 · 38 阅读 · 0 评论 -
脚本的预编译
一、前言预编译是JS语言的难点重点之一,难点在于不便理解,重点在于必须掌握。预编译实际上就是JS引擎的两次扫描,第一次扫描是检测声明,第二次扫描是执行代码。预编译分为脚本的预编译和函数调用的预编译,先来说说脚本的预编译。二、脚本预编译1. 过程1.创建全局对象GO(GlobalObject)2.加载脚本文件3.预编译:找出所有的变量声明,按照变量名加入全局...原创 2019-06-09 14:04:56 · 19 阅读 · 0 评论 -
CSS3动画属性之Transform
一、transform 属性(形状变换)transform 属性:对元素应用 2D 或 3D 转换。该属性允许我们对元素进行移动、缩放、旋转或倾斜。1.1 translate 移动translate 方法用于从当前位置移动一个元素。语法translateX() 向 x 轴移动元素translateY() 向 y 轴移动元素translateZ() 向 z 轴移动元素tra...原创 2019-05-23 21:08:17 · 45 阅读 · 0 评论 -
用CSS3写一个三角形
一、剖析原理1.如下图所示,空白区域为 content 内容区,四周为 border 边框。css代码:```csswidth: 100px;height: 100px;border-top:50px solid red;border-right: 50px solid green;border-bottom: 50px solid blue;border-left: 5...原创 2019-05-22 19:59:22 · 26 阅读 · 0 评论 -
CSS3动画属性之Transition
Transition 属性(过渡动画)Transition 属性是可以让元素从一个状态转换成另一个状态,这就是过渡。一、前言之前有段时间总是混淆 transition 和 transform 属性的用法,这里有个方法,可供参考。先说 transform,trans在英语词根中表示变化、运动,而 form 在英语词根中本身就是形状、形式的意思,那就不难理解 transform 是让形状...原创 2019-05-24 11:23:01 · 28 阅读 · 0 评论