- 博客(40)
- 收藏
- 关注
RSS订阅原创 数独手机端完整版
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-12-04 21:47:27
315
原创 react框架知识点总结
reactrecat基本概念react是由facebook开发的recat是一个专门用于构建用户界面的javascript库为了解决页面更新dom加载慢的问题 所以推出的react这个js库 来高效的解决大型项目中的dom加载国漫页面渲染过慢的问题recat特点声明式设计:我们只需要告诉程序干什么 程序会自己帮我们完成高效灵活组件化单项数据流发展史2013年推出的 在13年9月份 就受到了市场的追捧 15年3月 推出了一个reactNative的技术(使用re
2021-11-30 21:08:08
993
原创 前端node知识点总结
node是基于chome(谷歌浏览器)的v8引擎 来实现的一个javascript运行环境（这个环境可以单独的在任何操作系统上运行 从而可以让js的触角延伸到服务器端）node能在服务器端运行js有啥用？因为js默认情况下不能直接读取本地计算及硬盘上的东西 但是node可以让js运行在服务器端 那么node就把js变成了服务器端语言 那么js就可以读取计算及硬盘上的东西（可以访问数据库）node特点单线程非阻塞式io事件驱动node的安装repl交互性解释器就是可以在
2021-11-30 20:49:04
356
原创 vue框架知识总结
vue是什么vue.js是现今最为主流的MVVM框架作者：尤雨溪MVVMmvvm是一个编程思想 在这个思想下 更加只专注于业务的开发（功能）让我们的开发变得更加简单M ----model 模型=数据V ----view 视图=界面（就是你写出来让用户看见的内容）VM ---viewmodel 视图模型 用来传递模型和关联视图的vue优势vue的开发目的vue核心数据驱动与组件化vue初体验获取vue的依赖库 npm instal...
2021-11-12 20:28:52
1308
原创 day03-07
404页面就是当路径没有匹配页面的时候，需要给用户一个错误页面的提示路由规则也是有优先级的 配置越靠前 优先级越高重定向---redirect重新定位方向在用户第一次进入的时候 我们需要把用户的路径重新定位到首页多级路由/嵌套路由在应用开发的过程中通常会出现在一个页面中嵌套另外一个局部页面进行局部跳转的时候1.新建二级路由页面2.router下的index.js中先引用二级路由3.配置二级路由规则3.1要配置规则先要确定规则写在哪 二级路由...
2021-11-10 16:44:23
1017
原创 day03-08
路由模式在vue中路由模式使用mode来进行指定1.hash模式 默认模式 不写就是hash模式2.history模式区别 hash history url展示上 url带# url不带# 浏览器兼容性 兼容性 html5新特性所以对ie兼容性不好 浏览器刷新 刷新之后正常显示 上线之后刷新页面丢失 扩展---懒加载路由懒加载 路由界面按需加载因为在传统的vue项目中如果使用了路由可能会出现 首页白屏 也会造成很大性..
2021-11-10 16:25:21
728
原创 day03-05
父子组件其实就是在一个组件中饮用另外一个组件引用调用使用组件传值结论：组件与组件之间是完全独立的一个个体，无论组件是什么关系，都不能相互使用正向传值--props父组件把数据给子组件使用，1.子组件需要使用props来创建接受传递过来数据的变量props写在与data同级的位置语法： props：[变量1，变量2....变量n]2.父组件就要给他传递数据在子组件被调用的时候 把子组件的props当做一个属性来进行传值props验证...
2021-11-08 16:42:37
59
原创 day03-06
槽口槽口是什么？用来混合父组件与子组件自己的模板（就是可以在组件被调用的时候向其内部插入新的dom节点）槽口也是组件提高复用的技术之一 props如果是只能向组件内部插入数据的话 那么槽口就是可以向组件内部插入新的dom节点基础用法默认情况在组建是一个自定义标签，但是在组件被调用得到时候不能直接插入dom节点，所以在这个时候需要给组件内部设置一个插槽 来接受外部插入的数据语法<div> zizizizizziizziz <slot...
2021-11-08 16:38:18
64
原创 day03-04
生命周期的钩子函数被自动执行的函数就可以让程序在特定阶段自动执行某些操作钩子函数就是几个vue预先定义好的自动执行的函数，所以我们如果要写 写在data el methods等统计的位置实例创建实例创建之前实例创建完毕模板渲染模板渲染之前模板渲染之后数据更新数据更新之前数据更新之后实例销毁实例销毁之前实例销毁之后 -- destoryed 实例已经不存在了 和vue相关的所有内容都不能使用第一次执行的之后执行那几个钩子实例创建前后 模板..
2021-11-04 17:30:04
84
原创 一阶段精华
0. 写出移动端html根元素字体大小设置为100px时，使用vw的推导过程/* 750px html{font-size:26.67vw}640px html{font-size: 31.25vw;} */1. 元素的类型分类？元素类型的特点？块状元素：独占一行，可以设置宽度和高度 margin,padding都支持行内元素（内联元素）：不独占一行，不可以设置宽度和高度，支持左右padding，左右margin。行内块元素（置换元素）：img input select textarea..
2021-11-02 20:50:53
65
原创 day3-01 初始vue
目录1、淘宝镜像2、什么是html标签的属性？3、vue1.vue是什么2.MVVM3.vue初体验4.{{}}是什么5.vue渲染数据数据驱动的分类6.指令v-model双向绑定的原理v-showv-onv-forv-bind（使用中最容易忽略的指令）1、淘宝镜像npm的下载是需要访问国外服务器才可以下载，国内访问很慢，所以淘宝集团自行搭建了一个服务器，这个服务器每隔十分钟就会把npm国外服务器的内容拉进去一次，这就叫淘宝镜像。
2021-11-01 15:50:00
63
原创 day31 jQuery Api
1、伪类选择器1.选中偶数行：even2.选中奇数行：odd3.选中包装集的第一个：first4.选中包装集的最后一个元素：last5.eq(下标)：返回下标所对应的元素6.not（选择器）：除了该选择器，都被选中7.gt（n）：选中>n的元素8.lt（n）：选中<n的元素2、内容选择器1.contains（内容）：根据元素的innerHTML查找，只要包含就选择2.has（元素）：根据包含的元素来查找3.empty：选择内容为空的元素3、可见
2021-10-19 10:59:37
60
原创 day30 jQuery
1、jQuery的引入a.本地引入b.在线cdn引入2、jQuery的延迟加载//原生的延迟加载 window.onload = function() { } //jQuery延迟加载 //$是jQuery核心对象的简写 //$===jQuery //简写形式 $(function() { console.log("hello world"); }); //完全体 jQue...
2021-10-15 14:40:51
62
原创 day28 继承
1、原型继承 如何实现元素继承让子类的原型对象等于父类的任意实例化对象实现继承的作用：1.子类可以直接使用父类派生的属性和方法2.子类可以添加自己新的属性和方法子类对象h，是如何访问父类的属性，父类原型方法，子类的属性及子类的原型方法原型链图向上找：在访问属性或者方法是，首先在子类中查找，如果没有找到，则一层一层向父类查找如果最上层未找到则报错<script> function...
2021-10-13 16:00:36
74
原创 day27 原型对象
Argument同this一样是函数的内置对象，它代表的是所有实参保存的位置它是一个伪数组（只能访问元素及长度，但是不能使用其数组相关API）functionfun(){ console.log(arguments); for(leti=0;i<arguments.length;i++){ console.log(arguments[i]); } }fun...
2021-10-12 16:03:15
88
原创 day 26闭包
1、自运行自运行，即函数在定义的同时自己运行，这是学习闭包的基础。注意事项：自运行一般针对与匿名函数。<script> // a. (function(){ console.log('hh'); }()); // b. (function(){ console.log('xx') })(); //c. void function() { console.log(
2021-10-11 17:03:08
114
原创 day25 promise、jsonp
一、Promisepromise作用：1.将回调函数的嵌套调用方式，改为平级调用方式，避免回调地狱2.promise的回调函数体通常是用来处理异步操作的promise的语法和注意事项：1.promise是一个对象2.promise请放在一个函数体内3.promise作为该函数的返回值4.promise常和异步操作联系在一起function fun(){ let p=new Promise(function(success,[failed]){ ...
2021-10-08 16:22:30
70
原创 阶段1 day3 课堂随记
课堂随记外边距重叠：内部div和外部div公用一个外边距，此时不能给内部div设置上外边距，来时内部div下移结局方案：可以给父级div加一个透明边框(transparent)margin: 0 auto上下边距为0，左右居中p:上下外边距：16pxh1:上下外边距：21.4pxa:字体蓝色，下划线ul:上下外边距16px，左内边距40px，默认有一个小点li:没有上下外边距去除列表默认的点：list-style：none让文字在竖直方向居中：line-hei
2021-10-08 08:47:44
75
原创 阶段1 day 02 课堂随记
课堂随记包裹为一部分效果上没有特殊的效果，但是可以包裹文字进行更改样式<divstyle='width:400px;height:500px;background-color:pink;'align='center'><imgsrc="./a.jpg"alt="tip"><p>小米全面屏电视65英寸E65X</p><p>...
2021-09-30 14:35:28
86
原创 阶段1 day01 基础知识
随堂记：1.想要快速出现很多行（快速复制多行）想要同时选中多列shift+ctrl左手按住alt+shift,右手下箭头，点一次复制一行。2.快速选中相同的内容：选中要选的单个目标，左手按下ctrl，右手点击D键，点击一次选中一个。切换左右箭头。3.p{我是段落标签$}*5快速生成五个段落标签，顺序一到五4.不想跳转。不想跳转。5.ul>li{列表$}*5：快速生成5行的无序列表有序列表同理。6.实心小圆变空心实心小圆变方形disc:实心圆。序号从4
2021-09-30 14:32:56
62
原创 day 24 Ajax（状态码、请求头、ajax封装）
1、xhr对象的属性数据的发送get：send（无参）post：send（key1=value1&key2=value2...）xhr.send([参数])onreadystatechange:readystate的状态码发生改变，触发该事件，只有2,3,4的状态码会发生改变//readystate:xhr对象的状态码//0:new了一个对象//1:调用完open方法//2:调用send方法,数据发送了出去//...
2021-09-29 17:32:52
68
原创 day23 Ajax（同步异步、ajax编写步骤）
1.AJAX的概念及优势* 什么是AJAX* AJAX（Asynchronous JavaScript And XML），（异步 JavaScript 和 XML），中文名：阿贾克斯。是指一种创建异步交互式网页应用的网页开发技术。* AJAX 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术* 前端通过与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 Ajax）如果需...
2021-09-28 20:53:52
250
原创 day22 Http 与 cookie
1.Httphttp（超文本传输协议）是一个基于请求与响应的应用层协议。url请求资源的地址http://host[":"port][abs_path]host 主机名，对应IP地址的一个点或一段；port 端口号 ；abs_path 主机上的资源路径请求方式：get请求，将请求数据作为url一部分发送，不安全，传输数据量小，方便易用。post请求，传输数据量大，安全，一般做表单提交。常见响应状态码：200 OK//客户端请求成功400 Bad Request...
2021-09-27 18:00:51
41
原创 day21 Php 与 MySQL（环形地址、数据库）
1.服务器概念B/S架构:Browser/Server即Browser/Server(浏览器/服务器)结构，是随着技术Internet的兴起，对C/S结构的一种变化或者改进的结构。在这种结构下，用户界面完全通过WWW浏览器实现。前端在大部分企业就是做浏览器端展现相关的工作，会用到html,css,js,ps,ai等等，而“后端”的主要工作室程序开发、数据处理了，比如：php，a...
2021-09-26 21:29:01
92
原创 day16 初识面向对象编程（类与对象、构造函数与对象，类与类）
一、面向对象和面向过程的区别面向过程：强调过程步骤面向对象：强调对象分析：围棋程序面向过程:1.黑棋落子2.绘制棋盘3.判断输赢4.白棋落子5.绘制棋盘6.判断输赢7.黑棋落子面向对象：1.棋子2.棋盘3.规则对象（初步概念）：你看到的，你想到的，有形的，无形的事物，都是对象。概括来说就是：万物皆为对象二、类与对象的概念类：是具有相同属性和行为的对象的集合（模板）对象：根据类的属性和行为创建的实例化。类：定义了对象的属性和方法 ...
2021-09-17 16:23:31
49
原创 知识点总结
一、数组的API1.push功能：尾插，参数：push(参数1，[参数2...])；返回值：新数组的长度2.pop功能：尾删，参数：pop(无)返回值：被删除的元素3.unshift功能：头插，参数：unshift(参数1，[参数2...])；返回值：新数组的长度4.shift功能：头删，参数：shift(无)，返回值：被删除的元素5.splice功能：删除指定区间元素，并用新的数据代替，参数：splice(起始位置，偏移量，[新数据1，新数据2...])返回值：删除
2021-09-16 20:04:58
86
原创 day 15 运动（map、dom运动）
一、mapmap：映射，由键值对构成的元素集合let map = new Map（）；set（key，value）向集合中添加一个元素：key已存在，则为改，不存在则为增get（键）：根据key去取值delete（键）：删除集合中某个数has（键）：判断集合中是否有某个值clear（）：清空集合遍历：for（let item of map）{ console.log（item[0],item[1]）}二、Dom运动匀速运动封装...
2021-09-16 20:04:13
68
原创 day14 ES6（let、const、this、bind、箭头函数、解构赋值、字符串扩展方法）
一、Letlet等价于var，也是用来声明变量的let的特点：1，变量必须先定义后使用2，变量不能重复定义3，块级作用域：在该块的范围内才能使用该变量，且该变量不会消失4，暂时性死区：当内部变量与外部变量同名时，内部变量屏蔽外部变量二、constconst修饰的变量为只读变量1，变量只能读不能改2，被conset修饰的变量必须被初始化3，必须先定义后使用4，不能重复定义5，块级作用域规定：只读变量名通常全部大写三、thisthis：函数的内置对
2021-09-15 17:36:07
98
原创 Day13 正则（正则相关方法）
一、正则对象的创建1.构造方法var reg=new RegExp(“格式控制字符串”,[“修饰符”]);var reg=new RegExp("a")//判断目标字符串是否包含一个atest：判断，目标字符串是否满足正则格式，返回布尔值参数：test（目标字符串）返回值：布尔值console.log（res.test("abc")）2.字面量方法var reg=/格式控制字符串/修饰符；var reg=/a/;二、正则格式字符串格式字符串：普通字符， .
2021-09-14 19:49:54
99
原创 day12 事件（事件绑定方式、事件监听、事件委托、json对象转换、拖拽）
一、事件绑定方式1.通过HTML元素进行绑定2.通过js的方式进行绑定目前事件绑定的功能缺陷1.无法决定时间流的传递是冒泡还是捕获2.无法为相同的元素多次绑定相同的事件解决方案：事件绑定的第三种方式3.事件监听事件监听的好处：1.可以为相同的元素多次绑定相同的事件2.可以决定事件流的传递方式为冒泡或者捕获DOM对象.addEventListener（去掉on的事件名，回调函数，事件捕获还是冒泡）//true为捕获，false和不写参数都为冒泡；当相同的元素绑定
2021-09-13 16:56:29
143
原创 day11 事件（鼠标事件、键盘事件、事件流、阻止冒泡、阻止浏览器默认）
1、事件与事件对象事件：对某各元素的某种操作事件的三要素：事件元素，事件类型 [事件对象]事件对象的作用：提供相关事件类型的属性和方法注意事项：事件对象的产生必须有事件事件对象：当某个事件触发时产生的现象，就是事件对象事件对象的兼容：var e = evt || event2、小老虎跳的案例//元素要在页面发生位移，必须要给一个position。//元素的移动实质是元素left和top的改变<script> var mDiv=document.g
2021-09-11 17:48:07
178
原创 day10 BOM、DOM（获取子元素、文本、属性读写，样式读写，offset、window.onscroll）
1、动态表格的创建案例：<script>varcount=0;varoTable=document.createElement("table")oTable.border="1px"for(vari=0;i<3;i++){varoTr=document.createElement("tr")for(varj=0;j<3;j++){varoTd=doc...
2021-09-10 17:47:36
92
原创 day09 BOM、DOM（window三个弹出框、两个定时器、事件、获取dom元素、history、访问节点、节点增删、location）
一、BOM1、window所有的属性和方法在被调用时，必须有前缀凡是省略前缀的属性和方法，他的父级对象就是windowwindow的三个弹出框三个弹出框的特点，具备阻塞行为alert（“输出信息”）prompt（[提示信息],[默认值]）：返回值为字符串confirm（[提示信息]）：根据用户的操作返回布尔值window的两个定时器setIntereval（回调函数，时间间隔）：返回值为关闭定时器的钥匙clearInterval（钥匙）；setTimeout（
2021-09-09 16:27:02
206
原创 day08 Math Date 定时器（彩虹条、时间戳、循环/延时定时器、时间差、电子时钟）
MathMath类型不可以创建对象的所有的属性和方法都是通过类名直接调用的1.Math.floor:向下取整2.Math.ceil:向上取整3.Math.round:四舍五入取整4.Math.sqrt:开方5.Math.pow(m,n):返回m的n次方6.Math.min(1,-2,3,4):返回较小值7.Math.max(1,-2,3,4):返回较大值8.Math.abs:返回绝对值生成一个区段的随机数...
2021-09-08 16:52:41
166
原创 2021.09.02 调用函数
概念：对于js来说函数就是把任意一段代码放在一个盒子里，要使用代码时直接执行盒子里的代码就可以。两种定义方式：声明式：使用function这个关键字来声明一个函数语法：function fn（）{一段代码}function是声明函数的关键字；fn是函数的名字，我们自己定义的（）必须写，是用来放参数的位置赋值式：首先使用var定义一个变量，把一个函数当做值直接赋值给这个变量就可以了语法：var fn=function(){一段代码...
2021-09-08 15:38:04
74
原创 API函数（加括号的是函数，属性就是一个变量），小知识点，兼容性
push功能：尾插参数：push（‘插入的元素’，[插入的元素1.。。。]）返回值：新数组长度pop功能：尾删参数：pop（）返回值：被删除的元素unshift功能：头插参数：unshift（‘插入的元素’，[插入的元素1.。。。]）返回值：新数组长度shift功能：头删参数：shift（）返回值：被删除的元素reverse功能：数组的逆序参数：reverse()返回值：无splice功能：删除数组中的元素，用新元素替换
2021-09-07 20:38:58
178
原创 day07 JSON对象，字符串（严格模式、回调函数[forEach，map，filter]、ASCLL）
目录一、选择排序二、JSON对象前言笔记包含JSON对象，字符串定义应用，ascll码表应用，以及新增API函数等一、选择排序var arr=[12,3,4,2,];//核心：外层N-1；//内层N-i-1；思路：i控制指定位置 k控制目标位置 k=i；用k来查找目标位置 最后交换arr【k】和arr【i】var t,k;for(var i=0;i<arr.lenght-1;i++...
2021-09-07 17:42:42
202
原创 day06 数组、冒泡排序、数组函数（api、多维数组）
目录 前言 一、内置基本类型和引用类型 二、数组定义 1.构造方法 2.字面量 三、数组元素访问 数组名[下标]； 四、数组元素的遍历 五、 数组逆序 六、数组相关函数 1、push 2、pop 3、unshift 4.shift 5.reverse 6.splice 7.slice 8.join 9.concat 七、多维数组 八、冒泡排序 总结 前言我们常用变量来存储数据，但是变量只能对应存...
2021-09-06 16:55:15
84
原创 2021-08-30 第二阶段day01
JavaScript发展历史1.1994年，网景公司发布了Navigator浏览器0.9版，这是世界上第一款比较成熟的网络浏览器，轰动一时，但是只是浏览器，只能浏览页面不能进行交互2.1995年4月布兰登艾奇只花了10天时间就把Javascript设计了出来。3.与Java没关系，只是为了蹭热度JavaScript的组成1.ECMASCRIPT2.BOM3.DOMJavaScript书写位置可以在很多地方书写，但是建议书写在代码最后，防止读取不到的情况发生。书
2021-08-31 20:17:08
70
原创 2021-08-31 条件分支
分支结构1.我们的 js 代码都是顺序执行的（从上到下，从左到右）。2.逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码IF条件分支结构if语句1.通过一个if语句来决定代码执行与否2.语法：if（条件）{要执行的代码}3.通过（）里面的条件是否成立来决定{}里面的代码是否执行// 条件为 true 的时候执行 {} 里面的代码if (true) { alert('因为条件是 true，我会执行')}// 条件为 false 的时候不执行 {} 里面的代.
2021-08-31 19:48:47
56
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人