- 博客(26)
- 收藏
- 关注
RSS订阅原创 JQuery
jquery是一个轻量级的JavaScript库，它对应原生的js进行了封装，将对应的dom操作及对应的动画等做了一系列的方法封装，里面所有的内容都是方法。它的核心是链式调用及对应的jquery对象的扩展。$.extend自定义原型函数//静态方法扩展 $ . extend({console . log('hello') } }) $ . sayHello() //原型方法扩展 $ . fn . extend({
2023-05-10 11:19:16
199
原创 vue的路由实现及sass讲解
利用onhashchange事件监听hash值的变化通过对应的routes规则里面对应的compoent内容来渲染//解构获取里面的el和对应的router let {
2023-05-10 11:16:48
770
原创 vue相关了解及深拷贝与浅拷贝
vue 是一个前端的js库，它简化对应的js原生的操作，提高了对应的浏览器性能（虚拟dom，diff算法）。vue作者（尤雨溪），被阿里巴巴维护（vue2诞生于2015年 vue3诞生于2020年）vue是一个mvvm的框架。vm将对应的m的数据 渲染到v上vm将对于的m的数据渲染到v，v的页面的数据发生变化m也会发生变化diff算法用于比对新旧虚拟dom，利用打补丁包的形式来比对的。拷贝的对象和原本的对象不是一个对象，但是内容完全一样，其次里面的内容的地址完全一致。
2023-05-10 11:13:05
1218
原创 Object的相关方法
Object类是所有类的父类、也就是说所有对象都默认继承Object类，那么对应的Object的方法所有的对象都可以使用。主要学习的object的相关方法是提供给其他对象使用的。实现数据驱动 （双向数据绑定）
2023-05-10 11:08:10
141
原创 设计模式讲解
设计模式是对应的一些处理方案形成的思想所构成的模式。主要针对是类和对象设计和构造。它区分语言，总共有23种设计模式（架构设计 ，源码设计）。
2023-05-10 11:05:07
106
原创 JSONP讲解及封装
JSONP是一种解决跨域的一种的方案，它实际上也是一个get请求，它是利用对应的script标签不受跨域影响的限制来解决对应的跨域问题。（带对应的href src等的标签都不受跨域的影响 script link farmes等）
2023-05-10 10:56:09
430
原创 JavaScript-AJAX
ajax （asynchronous JavaScript and xml）异步的JavaScript和xml（传输格式为xml 但一般为json），它主要是用于请求对应的数据来帮助渲染。优先使用强制缓存 如果没有强制缓存 使用协商缓存如果强制缓存了 那么协商缓存就不会被使用 且不会有请求发送如果没有强制缓存那么对应的协商缓存就会触发 主要比对的是最后修改时间和对应的文件标识如果都比对比成功那么就是使用协商缓存，如果没有比对上那么就不会缓存。
2023-05-10 09:01:41
481
原创 闭包及promise
函数嵌套函数，内部函数拥有外部函数的引用，对应的外部的函数的这个引用不会被gc回收。在规定时间内只执行一次 （执行最后一次）promise是ES6新增的一个类，翻译为承诺，它是用于解决异步问题的（替代回调函数）。async和awiat是es7新增的修饰关键词，async是用于修饰对应的函数的，被async修饰的函数 执行会返回一个promise对象，awiat和async属于语法糖 （awiat一定要在async里面使用且awiat修饰的是promise。
2023-03-17 08:46:23
251
原创 原型和继承
prototype是函数内的一个对象空间，每个函数都有一个，他被称为显式原型。每个函数内都存在一个prototype的对象空间构造函数也是函数所以他也存在prototype这个空间会在预编译的时候进行开辟 （只开辟一次）利用prototype可以解决构造函数内存储的函数开辟多个内存空间的问题prototype里面的方法 可以直接通过对应的实例对象.方法名来访问建议将对应的属性存入对应的构造函数将对应的方法存入prototype。
2023-03-17 08:43:46
100
原创 面向对象讲解
面向对象是一种编程思维（oop），将对应的你需要用到的对象进行提取，将对应方法综合到对应的对象中，在需要调用对应的方法的时候去找对应的对象。万物皆对象（任何东西都可以抽取为对象），主要的过程就是找对应的对象做对应的事情。
2023-03-17 08:41:37
83
原创 运动讲解 下
实际控制移动的是外面的大盒子（定位）的移动 （切换对应的left值 或者是top值）给最后一张后面添加一个第一张 （那么我们就有最后一张向第一张切换的过程）当最后一张切换到第一张完成以后 需要将对应的定位变成第一张的位置。第一个切换到第二个的时候 第一个需要隐藏 第二个需要显示。要将对应的图片放在一行（横向）或者一列（纵向）链式运动 （通过回调函数来执行下一个动画）缓冲运动 （迭代量越来越小）大盒子的定位要基于展示的盒子。控制对应的li的透明度变化。匀速运动 （迭代量不变）控制对应的图片的切换。
2023-03-17 08:37:08
97
原创 ES5及ES6回顾及补充、运动讲解
运动（动画）的概念，就是在一定时间内对应的位置的移动或者是样式的变化（就是css3里面的动画*）（操作dom 超出多次的重绘和回流）对象中的属性简写 （属性名和属性值的变量名一致的情况下） 对象中的函数简写 （省略对应function）set是一个存储数据的集合（伪数组）他不允许重复的数据（基础数据的去重）（他的值就是key）BIgInt （大的整型）、Symbol （独一无二的值（机器码）用于对象的属性）匀速的问题存在于对应的变化量是一样的导致的对应的时间不一致。
2023-03-17 08:34:35
129
原创 ES5和ES6
ECMAScript是对应js的基础语法，里面包含js中除dom操作和bom的所有内容。ECMAScript主要拆分为俩个单词 ECMA (欧洲计算机协会) 、Script (脚本)。ECMAScript 简称（es）他主要的版本有..对应的版本管理以及切换是由不同兼容问题产生的。低版本的兼容就比较好，高版本的兼容性较差。在项目中我们可以使用bable.js来进行生成代码的版本切换（后续框架中必然使用的）。
2023-03-17 08:30:24
217
原创 cookie
计算机网络主要概述的是一台一台计算机到利用传播介质传播到另一台计算机的数据传输过程。http 称为超文本传输协议，一般用于网络传输（一般是对应的数据交互），一般交互的数据为JSON格式数据（字符串）、xml（类似于html）。http是基于tcp之上的协议。
2023-03-17 08:22:47
83
原创 JavaScript-事件 下
在区间元素的鼠标移动事件中 设置对应的拖拽元素的坐标（移动的坐标 = 当前的坐标 - 鼠标点击位置的坐标 + 'px'）设置移动元素处在区间元素的位置 移动位置在父元素的坐标 = 页面的位置 - 父元素离页面的位置 - 鼠标点击的位置。在区间元素的鼠标移动事件中 获取对应的区间元素的位置 及 能够移动的距离 （区间元素的宽/高度 - 自身的宽/高度）如果我们不想触发对应的外层的事件 只是想触发本身的事件 那么我们就需要禁止事件冒泡了。给拖拽元素添加鼠标按下事件 并记录按下的坐标（在对应的盒子里的坐标）
2023-03-17 08:18:29
78
原创 JavaScript-事件 上
事件是指代一个东西的操作被另外一个东西进行监听以后的一个过程（事件），这个过程可以完成对应的操作（处理函数)。事件监听器是一个标准的观察者模式（observer） 也被称为发布、订阅者模式。event是一个事件源对象，他包含了事件触发过程的内容，以及对应的元素的内容。他会默认传入给对应的事件的处理函数。事件委托机制就是将自己的事件委托给对应的父元素去添加，在内部利用对应的target来指向执行元素的特性来进行相关的操作。
2023-03-17 08:15:53
117
原创 JavaScript-DOM
DOM 文档对象模型(document object model) 主要是用于操作html文档及相关内容（css）。对于文档的操作会造成浏览器的重新渲染（重绘（改变的一个元素的显示内容及部分样式） 重排（改变一个元素的位置及大小尺寸）（回流）重绘不一定重排 重排必定发生重绘）
2023-03-16 22:18:01
65
原创 JavaScript-BOM
BOM全称 (browser object model) 浏览器对象模型，主要用操作浏览器相关的内容（调用浏览器相关的功能及获取浏览器携带的内容），BOM是JavaScript的重要组成，但是他缺少规范，所以他是通过共有对象来解决没有规范的问题。（前面BOM相关的内容没有融入w3c 导致他有兼容问题）。ie的bom对象里面的相关参数及方法是最多的，由于是共有对象所以这些参数都被其他浏览器采用了。window窗口对象，他是浏览器的global对象，他包含所有的全局变量。
2023-03-16 22:14:52
91
原创 日期对象及对象讲解
日期对象是用于表示日期时间的一个对象，他里面包含对应设置日期时间及获取日期时间的方法。对象是一个存储的容器，他是一个引用的数据类型。他里面可以存储一些属性（值）及方法（函数其实就是对应的动作），他里面存储是以key:value的形式进行存储的（key是唯一标识不可以重复，value是值），可以通过key来访问对应的value。setInterval及setTimeout是异步的 也就是说他不会阻塞正常代码的执行。
2023-03-16 22:07:57
346
原创 JavaScript-字符串
字符串也是一种数据结构叫做串（共同的内容串在一块）。字符串是一种基础值类型，基础值类型不可变。字符串在算法解决问题的时候会使用的比较频繁，常用于解决一些查找相关的问题（马拉车算法 解决回文字符串的）。字符串不可变 字符串的方法以返回一个新的字符串来进行操作字符串indexOf方法用于获取下标的 charAt方法用于或者字符串字符串截取方法substring slice 开始下标和结束下标作为参数 substr 以个数来作为截取。
2023-03-16 22:03:11
156
原创 JavaScript-数组
数组是一种数据结构，它里面的存储的数据是有顺序的（又称为顺序表）。数组它里面存储的数据一般情况下是单一类型的数据。但是我们也可以存储多种类型。数组是一个存储数据比较简易的一个容器，所以它可以实现其他的相关数据结构。
2023-02-11 11:13:24
65
原创 javascript-函数
函数相当于一个代码空间，他里面可以存储一些代码片段，一般我们会将一些功能性代码抽取放入到函数内，这样的操作就是封装。核心就是利用函数来减少冗余代码的出现，形成对应的复用。
2023-02-10 19:55:50
85
原创 循环控制语句
循环是用于反复多次执行一段代码循环的三种方案可以互相嵌套 以及三种方法可以随意转换 常用的为for和whilewhile循环用于处理不知道对应的执行次数 for循环常用于知道对应的执行次数循环要避免对应的死循环（死循环就是循环的迭代条件一直为true 没有办法停止）while死循环写法 for死循环写法while(true){ //死循环for(;;){ //死循环while循环的时间复杂度低于for循环 for循环的执行效率要低于while循环。
2023-02-08 21:46:25
210
原创 运算符表达式及相关控制语句
if else 是用于区间判断 switch case是用于值判断switch case里面使用的判断是恒等判断 （支持所有类型的值）if else 支持嵌套 switch case也支持嵌套 （一般建议不要嵌套俩层以上）if 可以单独用if 的多分枝采用 else if来实现对应的switch 里面的多分支采用多个case连用if （else if 、else）后面的代码如果只有一行那么可以省略{} 但是我们一般不建议省略。
2023-02-08 12:25:21
80
原创 JavaScript入门
JavaScript是一个解释型的语言，JavaScript是一个脚本语言（侵入性 xss攻击），JavaScript是一个弱类型语言（没有强制的类型）。JavaScript由BOM（browser object model 浏览器对象模型），DOM（document object model 文档对象）,ECMAScript（基础语法）。ECMAScript主要版本有ES3（所有的浏览器都支持），ES5（大部分浏览器支持） , ES6（部分浏览器支持）。
2023-02-07 19:48:35
72
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人