- 博客(31)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Vue基础语法
使用Vue通过new出来new Vue()Vue是 一个构造函数通过传入一个配置对象的方式，#app为Vue控制区域new Vue({el:"#app",data:{a:"Vue"}})el是需要控制的元素或者区域data则是响应式的值可以写对象或者数组 <div id="app"> {{a}} </div>{{}}插值表达式也可以称之为胡子语法里面可以填写data中存放的值构造函数必然是有实列的，可以通过实列
2021-08-14 10:34:07
224
原创 node.js文件fs模块
fsfs.readFile(文件路径，文件解析格式，callback)let fs = require("fs");fs.readFile('./1.txt','utf-8',(err,file)=>{ console.log(file);})fs.writeFile(文件路径，需写文件内容，{flag:'a'},callback)let fs = require("fs");fs.writeFile('./1.txt','123',{flag:'a'},(err)=
2021-07-06 20:04:45
232
原创 node.js内置模块path、url
path模块操作相当于是字符串操作，不会去判断路径是否真实存在basename(获取一段路径中最后一个/后面内容,[可选参数：匹配成功去掉内容])let path = require("path");let obj = path.basename("/index.html");console.log(obj);2. dirname(__dirname)获取路径目标let path = require("path");console.log(path.dirname(__dirname
2021-07-06 18:59:42
319
原创 node模块化require和内置模块os
require模块的查找require绝对路径相对路径:1.加./情况，服务端一定要加./表示从当前目录查找:2.不加./情况，1. 检查是否是内置模块 ，2.检查当前目录中的node_modules ，3.检查上级目录中的ode_modules后缀名：如果导入时不提供后缀名则自动补全，补全顺序1. js 2. json 3. node 4. mjs文件名：如果仅提供目录不提供文件名，则自动寻找该目录下的index.js文件运行node ./：package.json中的main
2021-07-01 19:03:57
1896
原创 node.js全局对象
global跟JS在浏览器端运行时的全局对象window一样，但是不一样的是浏览器全局中this指向的是Window而node中this不是指向global的，是指向空对象console命令行输出，浏览器端已经见多不怪了1 -1 . log() ：console.log(123)1 -2 .dir()1 -3 .time()1 -4 .timeEnd()1 -5 .assert():断言，node.js中多用作测试代码是否被修改let a = 10;a = 123;console.ass
2021-06-30 20:15:36
122
原创 看看就会的ES6Map集合和源码封装
Map集合：和Set集合不同的是存储方法，Map是以键值对的方式进行存取，键名不重复，重复则覆盖上一个let a = new Map()以二维数组的方法进行存取二维数组中只能存在两位[['a',1]]再多一位无效实例方法set()添加get()取值has()判断数据是否存在delete()删除数据clear()清空数据size只读不能改案例： let a = new Map( [ ["A",1],
2021-06-22 19:49:52
156
原创 看看就会的ES6Set集合和封装源码
Set集合：是一种数据的存储结构，适用于不同的场景储存不同的数据主要的功能是存储不重复的数据set是通过let a = new Set()出来介绍一下set集合的几个实例方法add()添加has()判断此数据是否在集合里面存在delete()删除该数据size该属性只读不能更改的案例： let arr = new Set([1,2,3,4,5,6,4,5,6])//自动去重 arr.add(1)//重复无法添加 arr.add(1
2021-06-22 18:59:28
208
原创 利用Promise来解决ajax异步问题
Promise简单介绍是ES6为了解决回调地狱的问题出现，其实也没有真正的解决Promise一共分为两个阶段①未决阶段unsettled和已决阶段settled异步事情是从未决到已决阶段，而未决阶段控制着通往已决阶段的能力，能够控制一个事情的走向而ES6又将Promise分为三种状态pedding resolved rejected①等待阶段②已处理阶段，可以按照正常逻辑进行下去③已拒绝阶段，无法按照正常逻辑走下去。后两种都属于已决阶段把状态走向两个已决阶段时可能会传递一些数据①已处理阶段，带出
2021-06-17 20:40:00
656
原创 一看就会的ES6解构赋值、迭代器
解构赋值解构赋值就是=号两边的结构相等即可赋值更方便的进行赋值运算，也是对赋值符号的扩展，能够更有效率的开发减少代码的书写量可以对数组和对象进行解构赋值，新增....三点运算符可以把几个值收为一个数组，也可以把一个数组进行展开，！！注意三点运算符收集函数参数时只能对最后剩余的参数收集解构赋值案列： const arr = [1,2,3,4,5]; const [a,b,c,d,e] = arr; console.log(a,b,c,d,e);
2021-06-17 20:13:26
129
原创 超简单ES6新增的let、const声明和字符串模板
##首先来看看ES6增加的变量的声明let和constlet声明的变量不会像var声明提前到顶部，let不会造成变量污染因为它不是挂载window上的let不允许重复声明这也跟var不同var重复声明会覆盖之前的值let重复声明只会报错const声明的变量跟let一样不会被提升到底部，但是跟let不同的时只要声明了就必须赋值且不可改变，也不允许重复声明let const的到来增加了一个新的作用域，块级作用域，以前只有全局作用域和函数作用域现在增加了一个块级作用域 console.l
2021-06-15 19:55:41
109
原创 超简单的H5input新属性调色器
调色器怎么实现的，非常非常的简单就是使用H5input新属性range拖动条 <input type="range" min="0" max="255">通过设置input新属性range实现拖动条，同时可以设置最大值和最小值min="0" max="255"因为颜色是0-255所以设置最大255，最小0，实现颜色切换，一共有三组所以需要设置三个拖动条来实现颜色切换，通过以下js代码和html代码实现，非常的简单最主要的是通过三个拖动条的value值来实时设置颜色
2021-06-07 20:11:50
393
原创 简单易上手的bootstrap框架一看就会
什么是bootstrap框架是一种响应式框架，也就是可以适应不同大小的屏幕进行比例缩放，也可以做到一套代码适应PC端和移动端。—怎么使用这套框架呢可以去点击去到bootstrap官方网站预览学习也可以听我细细道来。—bootstrap框架主要是是在class类名的应用上，只要熟练掌握了就没什么问题，bootstrap是通过把屏幕分成12个等分官方性的来说是栅格系统布局。—class主要的布局有 .container类是用于最大盒子布局bootstrap框架给予了该类一个固定宽度，.container
2021-06-06 21:16:32
481
1
原创 超简单的jquery版的分页一看就会
分页演示在最后首先怎么实现数据的分页确定每一页的数据量就行了，是不是超简单比如我们本地的所有的数据一共有40条所以每一页定的数据量是10条，一共就有4页$(".ind").click(function () { $(".fnmid").children().css({ "display": "none" }) var num = 10; var tex = $(this).text() for (var j = (tex - 1) *
2021-05-23 22:54:55
1233
原创 原生JS写增删改查多种数据搜索框
搜索学号、姓名、手机号–首先，我们来思考一下怎么进行多种数据在一个搜索框里进行搜索，搜索框输入的数据该怎么判断？搜索演示在最后学号、姓名、手机号这三个的特点是什么，学号和手机号数据肯定是number类型的，姓名肯定是string，所以进行第一次判断不是number就是string类型第一判断首先判断数据类型再进行学号、姓名、手机号其中一个判断—废话不多说上代码获取输入框的value值进行-1用一个变量来接受结果再用if(isNaN(num2)判断是否是NaN为什么要判断是否是NaN因为s
2021-05-23 20:30:53
260
原创 1-原生JS写增删改查
增什么是增，就是点击添加用户的时候获取所有需要设置用户的信息进行添加首先获取所有需要设置用户的信息，input.value值创建一个对象，该对象里面的属性和属性值就是获取的每一个需要设置的input.value值new一个构造函数通过该函数传入上面对象，在构造函数里面创建一个方法，该方法是来用来增的通过设置事件点击click来触发该new一个构造出来的实例对象来触发该方法 function fun4(){ //这里可用循环写 //获取所有用户输入值 va
2021-05-16 18:24:39
282
原创 H5的画布标签canvas
怎么使用首先创建一个canvas标签，用自带的高度和宽度属性设置宽高，如果在css里面写宽高会导致画布失帧<canvas id="canvas" width="500" height="500"></canvas>获取画布和设置画笔，画笔通过canvas.getContext(“2d”)来设置也可以设置3dvar canvas = document.getElementById("canvas")var context = canvas.getContext("2
2021-05-11 13:04:38
170
原创 JS写手风琴效果
手风琴什么是手风琴先来看一下手风琴效果，下面看到的就是手风琴效果点击一下就可以让下边栏自动弹出，再点击一下收回逻辑— 怎么让他点击 一下弹出再点击一下收回这里主要是通过for循环和if判断收回和点击js代码 <script>var one = document.getElementsByClassName("one")var two = document.getElementsByClassName("two");for(var i=0 ; i<one.len
2021-05-02 19:29:04
953
原创 JS高级，闭包、包装类
闭包闭包就是内部的函数被拿到外部调用，会造成原本的作用域链不会被释放，就会造成内存泄漏上期讲到了什么是作用域链如果不了解可以去看看这个b是在函数内部声明的函数，这个函数属于a函数的作用域不能在外部被调用，如果被调用肯定会报错阻止进程，但是形成了闭包就可以被外部调用那什么样会形成闭包呢，可以来说只要 return就是闭包了逻辑：—全局作用域里面本来没有b这个函数，就不能被调用如果被调用就会报错，但是现在可以在全局里面被调用了不会报错是因为每个函数执行前会创建一个AO用来支持该函数运行用完立
2021-04-25 19:16:44
79
原创 JS高级，预编译、作用域、作用域链
js是一门解释型语言，解释一句执行一句js执行的过程通篇语法扫描检查错误预编译：代码执行顺序，逐行执行1. 通篇语法扫描检查错误：不管写多少行代码，代码执行前js都会进行语法检查错误 // 通篇语法扫描检查错误 console.log("1"); console.log(a);//这里报错下面就不执行了 console.log("3");预编译什么是预编译，执行期上下文叫预编译解释：就是在一个函数运行之前在内存里面创建一个空间，为此
2021-04-23 23:41:34
87
原创 用运动框架写轮播图
轮播图上期我们讲到了运动框架，这期就用封装的运动框架来写轮播图，js封装的运动框架引用代码放在文末自取1. 首先来写基本的样式css样式 *{ margin: 0; padding: 0; list-style: none; } .father{ width: 500px; height: 300px; position
2021-04-22 21:53:23
134
原创 js运动框架2
运动框架中的缓冲运动，缓冲运动是由快到慢上期讲了匀速运动其实缓冲运动跟匀速运动没什么区别就是多了一个speed = (target - Rundiv.offsetLeft) / 7 css样式 div{ width: 100px; height: 100px; background-color: red; position: absolute; left: 0px;
2021-04-18 19:24:41
67
原创 js运动框架
运动框架中的匀速运动css样式 div{ width: 100px; height: 100px; background-color: red; position: absolute; } span{ width: 1px; height: 150px; left: 500px;
2021-04-18 14:12:53
133
原创 正则表达式匹配、手机号、QQ号、邮箱号
正则表达式匹配、手机号、QQ号、邮箱号第一个正则表达式匹配手机号```首先我们来创建一个变量接受用户输入的数据var son = number(prompt(""))然后再来一个变量接受正则匹配var son1 = /^[1][3,4,5,7,8]{2}[0-9]{8}$/;console.log(son1.test(son1))这一组数据就是用来匹配用户输入手机号是否为正确首先一步一步来解读这句正则是什么意思/^[1][3,4,5,7,8][0-9]{9}$/两个//在里面
2021-04-10 09:01:38
2384
原创 javascript事件点击
题目：五张图片通过普通按钮点击切换下一张，上一张。 <img src="1.jpg">这是图片 <button>点击切换下一张</button> 按钮<button id="qwe">点击切换上一张</button> 按钮接下来是链接上面的按钮<script>把所有功能封装到一个函数里面去function fn(){我们再创建一个变量来接收,返回的伪数组。 document.getElementsByTagName
2021-04-09 19:52:56
269
原创 菜鸡教学~5
今天我们来教学伪类选择器:not 除了自身其他的选择标签都要使用下面可以配合：not使用也可以单独使用:first-child 第一个:last-child 最后一个:only-child 唯一一个：nth-child 第几个：not除了自身其他的选择标签都要使用div{width: 100px;height: 100px; } div:not(:first-child){ color: red; }2.:first-child第一个使用div:fir
2021-03-28 20:34:03
123
原创 菜鸡教学~4
##属性选择器~、^、*、$、|使用方法要用 [样式]第一个只要里面包含了属性这个属性就可以选择：比如[title]{width: 200px;height: 200px;margin: 200px auto;background-color: aqua;}~是只要里面拥有这个属性值就可以选择，但是必须是独立存在要用空格隔开比如： [title~=“A”]{width: 200px;height: 200px;margin: 200px auto;background-
2021-03-21 22:42:31
106
原创 菜鸡教学~3
##今天我们来讲一讲边框字体和文本、边框##文本样式有哪些字体1.字体的颜色：color2.字体的大小：font-size px为单位3.字体格式：font-family4.字体的行行高：line-height 是以宽高多少设置5.字体的粗细：font-weight（取值有100-900从小到大）bold=9006.字体倾斜：font-style：italicdiv{width: 100px;height: 100px;color: red;font-size: 100px;f
2021-03-17 22:36:16
86
原创 菜鸡教学~2
上一期我们讲到了CSS中的四种基本选择器这一次我们来讲复杂选择器。第一个<群组选择器>比如群组选择器是以逗号（,）隔开第二个是<后代选择器>比如后代选择器是以空格隔开，只要是后代都可以。第三个是<子代选择器>比如子代选择器只能一层一层的选择，并且是以>隔开还有一个就是伪类选择器<：hover>伪类选择器是鼠标指向一个标签的适合变成你设置的另一个样式。...
2021-03-14 21:20:47
92
原创 菜鸡教学~~
今天来教教大家怎么使用CSS中的选择器#CSS中的四种基本选择器标签选择器使用在直接写上标签{样式}这个选择器是将本页所有的这个类型标签更改比如div{border: 1px solid red;width: 100px;height: 100px;}ID选择器1.给标签加上一个ID属性并设置上ID名使用方式用#加上ID名比如 #id1{border: 1px solid blue;width: 200px;height: 200px;}类选择器使用方法给标签加上
2021-03-10 23:03:52
128
空空如也
jquery .eq(20)..prevAll()为什么会隐藏后面的元素
2021-05-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人