08 2022 档案
摘要：sass 1、概述 sass是一个预编译的css语言，它是使用ruby语言写的，和它一样的预编译语言还有less，它是使用js写的。sass的环境之前是ruby环境，但是由ruby并了python，所以它可以运行在python环境上，这些内容并不能直接使用，因为它属于预编译css，没有进行编译是不能
阅读全文
摘要：jquery 概述： jquery是一个前端的js库，它兼容性好（处理了兼容），它的语法简洁。它是链式调用的语言。以面向对象封装的以返回一个jquery对象为核心来实现对应的链式调用。它集成了对应的animated.js (底层实现基于css3动画)，它的动画库很强大。它的可扩展性强，它可以利用对应
阅读全文
摘要：深拷贝和浅拷贝 一、浅拷贝 概述： 只拷贝第一层的值，其他后面拷贝的是地址。 示例： 使用u盘在一台电脑上拷贝文件，使用浅拷贝拷贝的相当于快捷方式。第一层俩个内容不一样，其他每层都是指向同一个文件 1、实现浅拷贝的方法 （1）Object.assign (实现浅拷贝) let obj = { use
阅读全文
摘要：Object的相关内容 1、概述 Object是顶层的构造，万物皆对象，所有的对象都是Object的子类。Object的方法所有的对象都能共享。 2、Object实例方法（原型方法） 使用实例对象调用的方法称为实例方法。所有实例都是Object的子类，所以所有的实例都能调用Object的实例方法。
阅读全文
摘要：设计模式 一、基础内容 1、数据结构 2、计算机网络（网络七层） 3、操作系统（linux） 4、计算机原理（冯诺依曼） 二、设计模式 概述： 用来设计对应类和对象的（建立类和对象的模型的）。不区分语言（主要是思想）。主要设计模式有23种。 主要分为三类 1、创建型：用来创建类和对象的（5种） 2、
阅读全文
摘要：JSONP及Axios 一、jsonp 1、概述 概述：JSONP是一种跨域解决方案，它主要是利用了script标签不受跨域影响的特性来完成对应的请求操作。实际上是一个get请求。 2、什么叫跨域 （1）同源策略（属于浏览器的）为了安全性。 浏览器采用了对应的同源策略，它防止了对应的恶意请求以及其他
阅读全文
摘要：Ajax 1、协议 http的协议 （基于tcp/ip） 2、请求的类型 同步请求 （上一个请求没完成 不能进行其他操作） <a href="http://www.baidu.com">去百度</a> <a href="http://www.wobo.com">去微博</a> 异步请求 （上一个请求
阅读全文
摘要：内容回顾 一、各个阶段的任务 1、一阶段（页面布局和样式） html+css（布局和修饰） html5新增 css3新增 移动端适配（大屏适配）rem （媒体查询）（seo 搜索引擎优化） 动画效果css3 2、二阶段（js基础以及底层实现） js基础（es）（基础语法 循环 判断 表达式 变量..
阅读全文
摘要：闭包和promise 一、闭包 概述：闭包是一种书写代码一种结构，这种结构拥有的特性就是内部的空间在使用中不会被回收（内部的变量以及对应的参数不会被gc回收） 1、函数的预编译过程 开辟函数的内存空间 开辟一个代码的对应的内存空间。 将对应的代码块的引用放入这个函数的内存空间 2、函数的执行过程 开
阅读全文
摘要：面向对象回顾及原型讲解 一、面向对象回顾 核心概念：万物皆对象 （顶层对象Object）抽取行为作为方法 抽取名词作为属性 1、俩种构建对象的方式 （1）构造函数构建 es6的形式 class class Person{ constructor(){ //构造器 this.name = 'jack'
阅读全文
摘要：一、代码识别（填出下列结果 并讲出为什么） 1、(function(){ return typeof arguments; })(); Object,(因为arguments是一个伪数组对象) 2、var f = function g(){ return 23; }; console.log( ty
阅读全文
摘要：一、swiper插件（内置css和js） 1、概述：swiper是一个开源的免费的一个滚动的组件（他可以运用于轮播图 焦点图 滑动效果等） 内置的Demo（演示） 他里面包含对应的css （以class的形式） 包含对应的js文件 js进行操作（面向对象形式进行封装） 2、swiper中文网swip
阅读全文
摘要：运动 概述： 运动主要是动画的操作，主要是操作某个document元素的属性变化（位置变化） 一、运动主要的三步骤 使用定时器来定时更改对应的内容 实时获取对应的元素的属性及相关内容 判断是否到达目标位置（到达后清除定时器） 二、匀速运动 概述：匀速运动的本质就是每次变化值都是同一个 示例： <!D
阅读全文
摘要：面向对象 面向对象是一种编程思想（oop），他是将对应的过程替换成对应的对象，而不做去追求对应的过程实现，而通过去找对象的方式实现。综合思想：找有这个功能的对象，做这个事情。（面向对象同时具备一个点 万物皆对象（所有的内容都可以被充当为对象））。行为是在过程中产生的，这种思想被称为面向过程编程。 综
阅读全文
摘要：ES5及ES6 JavaScript这种语言的基本语法结构是由ECMAScript来标准化的, 所以我们说的JavaScript版本一般指的是ECMAScript版本.es5是2009.12月发布的，es6是2015.6月发布的。vue2 完全支持es5的（vue3完全支持es6的），react完全
阅读全文
摘要：正则表达式 1、正则表达式的概述 正则表达式(Regular Expression)是一个描述字符模式的对象, 用于对字符串进行匹配, 一般用在有规律的字符串匹配中;常用于表单验证以及相关的字符串匹配 2、正则对象的声明 （1）使用//来声明（常用的） var regx = /a/ //表示匹配a
阅读全文
摘要：JSON 1、概述： json是一种数据格式，他广泛应用于数据传输，（目前大部分的数据传输的格式都是采用json（跨平台 不区分语言）restful接口 就是使用json数据进行传输的） 2、json的表示形式 （1）数组[] var jsonStr = '[]' (2)对象{} var jsonS
阅读全文
摘要：一、前端和后端 前端是展示内容的部分 后端是提供数据支持的部分 1、网络构成图 网络构成分为七层 最底层的物理层 数据链路层（底层维护 需要硬件支持），网络层（基于网络协议白皮书书写网络协议），传输层（网络传输的支持 tcp（直连）和udp（丢包）） 应用层相关协议（对应应用支持的协议 http网络
阅读全文
摘要：1, 有一块空白区域, // 当鼠标移动到区域内,显示"亲爱的, 我爱你", // 当我鼠标移开的时候,显示"对不起, 开玩笑", // 当我鼠标不停的在区域内移动的时候, 变换颜色 <style> div{ width: 500px; height: 500px; border: 1px soli
阅读全文
摘要：1、写一个字符串反转函数，实现字符串倒序。 var str ="abcdefghi" function fn(str){ var str1 = '' for(var i=0;i<str.length;i++){ str1+=str.charAt(str.length-1-i); } console.
阅读全文
摘要：1、单机版的购物系统 <style> /* ul{ border: 1px solid red; } */ ul>li { width: 1200px; /* border: 1px solid black; */ list-style: none; display: flex; line-heig
阅读全文
摘要：事件 一、事件概述： 用户在浏览器上触发一个操作，浏览器上会执行相关的函数进行处理称为事件。 事件是一个流程，就是一个监听一个触发，整个过程的描述。 二、事件的模式 1、内联模式 <div onclick='方法名()'></div> 2、脚本模式 document.queryseletor('di
阅读全文
摘要：一、BOM介绍 概述：BOM 是Browser Object Model的缩写，简称浏览器对象模型, 提供了独立于内容而与浏览器窗口进行交互的对象，用于访问浏览器的功能。也就意味他可以获取浏览器上的所有内容及相关的操作。BOM缺乏规范的，存在共有对象来解决这个问题，但是共有对象也存在兼容问题（ie1
阅读全文
摘要：一、Date日期 Date类型使用的是UTC1970年1月1日午夜（零时）开始经过的毫秒（ms）数来保存日期。 1、日期对象的定义（使用new关键词） （1）创建一个日期对象，使用new和Date构造（获取本地当前的时间） var date = new Date()//不传参就是获取当前时间 （2）
阅读全文
摘要：1. 任意输入一个整数（小于10位），求它的位数 2，本金10000元存入银行，年利率是千分之三，每过1年，将本金和利息相加作为新的本金。计算5年后，获得的本金是多少？ 3. 将一个正整数分解质因数。例如：输入90,打印出90=2*3*3*5。 程序分析：对n进行分解质因数，应先找到一个最小的质数k
阅读全文
摘要：字符串 一、字符串概述： 字符串也是一个数据结构（串），将同样的内容串在一块。因为在对应的js里面字符串属于一个值类型（值类型是常量 常量是不能变的）。字符串是不能改变的。结合昨天提到的数据结构里面也是一个存储结构，作为存储结构增删改查方法（字符串的增删改查 不能针对于本身 而是返回一个新的字符串）
阅读全文
