08 2020 档案
摘要：Angular框架结构 概述 Angular是一套用于构建用户界面的 JavaScript 框架。 由 Google 开发和维护， 主要被用来开发单页面应用程序。 特性 MVVM（数据驱动视图思想） 组件化 模块化 指令 服务 依赖注入 TypeScript 。。。 Angular 项目目录结构 项
阅读全文
摘要：angular CLI简介 Angular"全家桶"式的设计思路 @angular/cli工具里面集成了日常开发需要使用的所有Node模块 使用@angular/cli可以大幅度降低搭建开发环境的难度 Angular CLI是Angular官方开发的一个脚手架工具，专门用来构建Angular应用程序
阅读全文
摘要：问题： 在终端输入： npm i -g cnpm --registry=https://registry.npm.taobao.org 终端反馈： `npm ERR! code UNABLE_TO_VERIFY_LEAF_SIGNATURE npm ERR! errno UNABLE_TO_VERI
阅读全文
摘要：Vue 指令 基本语法 <body> <section id="app"> <div>{{msg}}</div> <div>{{1+3+msg}}</div> <div v-text='msg'></div> </section> </body> <script> var vm = new Vue(
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>双向数据绑定</t
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type='text/javascript' src='./js/jquery.js'></script> <script type='text/
阅读全文
摘要：基本设置 <head>声明中的viewport <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> width 可设定数值，或者指定为device-width（设备宽度） hei
阅读全文
摘要：jQuery的基本使用 入口函数 jQuery中常见的两种入口函数： // 第一种: 简单易用。 $(function () { ... // 此处是页面 DOM 加载完成的入口 }) ; // 第二种: 繁琐，但是也可以实现 $(document).ready(function(){ ... //
阅读全文
摘要：/* <link rel="stylesheet" href="./css/CssReset.css"> */ @charset "utf-8"; html{ color:#000; background:#FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,for
阅读全文
摘要：触屏事件 触屏事件概述 移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果 但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有 touch 对象代表一个触摸点 触摸点可能是一根手指，也可能是一根触摸
阅读全文
摘要：筋斗云案例 核心思想 利用动画函数做动画效果 原先筋斗云的起始位置是0 鼠标经过某个小li，把当前小li的offsetLeft 位置做为目标值即可 鼠标离开某个小li，就把目标值设为 0 如果点击了某个小li， 就把li当前的位置存储起来，做为筋斗云的起始位置 window.addEventList
阅读全文
摘要：返回顶部 核心思路 带有动画的返回顶部 此时可以继续使用我们封装的动画函数 只需要把所有的left 相关的值改为跟页面垂直滚动距离相关就可以了 页面滚动了多少，可以通过 window.pageYOffset 得到 最后是页面滚动，使用 window.scroll(x,y) //1. 获取元素 var
阅读全文
摘要：网页轮播图 概述 轮播图也称为焦点图，是网页中比较常见的网页特效。 功能需求 鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。 点击右侧按钮一次，图片往左播放一张，以此类推，左侧按钮同理。 图片播放的同时，下面小圆圈模块跟随一起变化。 点击小圆圈，可以播放相应图片。 鼠标不经过轮播图，轮播图也会
阅读全文
摘要：动画实现原理 核心原理 通过定时器 setInterval() 不断移动盒子位置。 实现步骤 获得盒子当前位置 让盒子在当前位置加上1个移动距离 利用定时器不断重复这个操作 加一个结束定时器的条件 注意此元素需要添加定位，才能使用element.style.left 动画函数给不同元素记录不同定时器
阅读全文
摘要：BOM简介 BOM的概念 BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。 BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。 BOM 缺乏标准，JavaScript 语法的标准化组织是
阅读全文
摘要：你是否好奇标识浏览器2113身份的5261User-Agent，为什么每个浏览器都有Mozilla字样？ Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.94 Sa
阅读全文
摘要：问题写法 for(var i = 1; i <= 5; i++) { setTimeout( function(){ console.log(i); },i*1000); } console.log(i); // 先输出环境运行产生的一个6，每隔1s，再输出一个6，连续输出5个6 解析： 此处的i是
阅读全文
摘要：事件基础 事件概述 JavaScript 使我们有能力创建动态页面，而事件是可以被 JavaScript 侦测到的行为。 简单理解： 触发 响应机制。 网页中的每个元素都可以产生某些可以触发 JavaScript 的事件，例如，我们可以在用户点击某按钮时产生一个 事件，然后去执行某些操作。 时间三要
阅读全文
摘要：DOM简介 DOM的概念 文档对象模型（Document Object Model，简称DOM），是 W3C 组织推荐的处理可扩展标记语言（html或者xhtml）的标准编程接口。 W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。 DOM树 文档：一个
阅读全文
摘要：在script标签中添加 async 或者 defer async：可选。 - 表示应该立即下载脚本，但不应妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。 defer：可选。 - 表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效。IE7 及更早
阅读全文
摘要：作用域链 由于作用域是相对于变量而言的，而如果存在多级作用域，这个变量又来自于哪里？这个问题就需要好好地探究一下了，我们把这个变量的查找过程称之为变量的作用域链 作用域链的意义：查找变量（确定变量来自于哪里，变量是否可以访问） 简单来说，作用域链可以用以下几句话来概括：(或者说：确定一个变量来自于哪
阅读全文
摘要：面向对象的特征 封装性、继承性、多态性 对象是键值对的集合：对象是由属性和方法构成的 (ps：也有说法为：对象里面皆属性，认为方法也是一个属性) 对象属性操作 var student = { name: 'sunny', age: 20, number: '11034P', department:
阅读全文
摘要：构造函数的概念 任何函数都可以当成构造函数 只要把一个函数通过new的方式来进行调用，我们就把这一次函数的调用方式称之为：构造函数的调用 new CreateFunc(); 此时CreateFunc就是一个构造函数 CreateFunc(); 此时的CreateFunc并不是构造函数 new Obj
阅读全文
摘要：内置对象 定义：内置对象就是指这个语言自带的一些对象，供开发者使用，这些对象提供了一些常用的或是最基本而必要的功能。 Arguments 函数参数集合 Array 数组 Boolean 布尔对象 Date 日期时间 Error 异常对象 Function 函数构造器 Math 数学对象 Number
阅读全文
摘要：Math()对象：专门封装数学计算常用常量和计算方法的全局对象，Math没有构造函数，不能new！所有API都直接用Math.xxx， Math.PI() - 获取圆周率，结果为3.141592653589793 Math.abs() - 获取x的绝对值，可传入普通数值或是用字符串表示的数值 Mat
阅读全文
摘要：Date()对象：封装一个1970年元旦至今的毫秒数(从1970年1月1日0点0分0秒到当前时间的毫秒差)，提供了对时间操作的方法 get方法用来获得分量的值 getFullYear() - 获取表示年份的数字，如2020 getMonth() - 获取月份，范围0~11（0表示一月，1表示二月，以
阅读全文
摘要：原型 原型(prototype):保存所有子对象共有成员的对象 每个构造函数都有一个原型属性，引用了该构造函数对应的原型对象 由构造函数创建的每个对象中都有一个__proto__属性，指向构造函数的原型对象 在访问子对象的成员时，优先在成员本地找，找不到，再去构造函数的原型中查找 创建原型 创建空对
阅读全文
摘要：概念 通过【某种方式】让一个对象可以访问到另一个对象中的属性和方法，我们把这种方式称之为继承 并不是所谓的xxx extends yyy 有些对象会有方法(动作、行为)，而这些方法都是函数，如果把这些方法和函数都放在构造函数中声明就会导致内存的浪费 继承的第一种方式：原型链方法继承 var Pers
阅读全文
摘要：初识对象 面向对象的特征 封装性、继承性、多态性 对象是键值对的集合：对象是由属性和方法构成的 (ps：也有说法为：对象里面皆属性，认为方法也是一个属性) 对象属性操作 var student = { name: 'sunny', age: 20, number: '11034P', departm
阅读全文
摘要：初识函数 含有默认值的参数 (function greet(name, say = 'Hi,'){ console.log(say + name); })('ppo!'); 剩余参数 (function transferParam(num1, ...theNums){ theNums.unshift
阅读全文
摘要：Git概述 Git版本控制 Git是一个版本管理控制系统（缩写VCS），它可以在任何时间点，将文档的状态作为更新记录保存起来，也可以在任何时间点，将更新记录恢复回来。 基本工作流程 | git仓库 | 暂存区 | 工作目录 | | | | | | 用于存放提交记录 | 临时存放被修改文件 | 被Gi
阅读全文
摘要：正则表达式的概念 正则表达式是为了解决字符串操作中一些比较麻烦的场景，比如字符串提取、字符串替换、字符串验证等 常用于：表单验证：是否是一个数字、是一个电话号码、是一个邮箱。。。 字符串替换： 字符串查找 正则表达式其实也是javascript里面的一个对象 test()方法 它通过模式来搜索字符串
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>如何将Canvas
阅读全文
摘要：JavaScript面向对象基础 - 函数与对象 ★ JavaScript函数基础 初识函数 含有默认值的参数 (function greet(name, say = 'Hi,'){ console.log(say + name); })('ppo!'); 剩余参数 (function transf
阅读全文
摘要：1号标题 2号标题 3号标题 4号标题 5号标题 6号标题 无序列表 无序列表 无序列表 无序列表 无序列表 无序列表 无序列表 无序列表 ['We', 'are', 'family'].join(' '); // 代码引用 function comparison(){ var max = min
阅读全文
摘要：★ JavaScript基本介绍 浏览器端JS由以下三个部分组成： ECMAScript：基础语法(数据类型、运算符、函数。。。) BOM(浏览器对象模型)：window、location、history、navigator。。。 DOM(文档对象模型)：div、p、span。。。 CMAScrip
阅读全文
摘要：Arguments详解 Arguments特性 arguments对象和Function是分不开的。 因为arguments这个对象不能显式创建，arguments对象只有函数开始时才可用。 虽然arguments对象并不是一个数组，但是访问单个参数的方式与访问数组元素的方式相同。 在js中不需要明
阅读全文
摘要：JS函数原型链上的call() 方法与apply()方法 call()方法 语法结构 fun.call(thisArg, arg1, arg2, ...) 在fun函数运行时指定的this值，既代替Function类里this对象 返回值是调用方法的返回值，若该方法没有返回值，则返回undefine
阅读全文
摘要：判断数据类型的方法 var red = "shark"; var orangered = "100"; var ember = 1.7976931348623157E+10308; var crimson = -1.7976931348623157E+10308; var orange = 1234
阅读全文
浙公网安备 33010602011771号