- 博客(44)
- 收藏
- 关注
原创 node fs模块 Buffer
一、 fs 模块的概念:1. fs 模块:文件系统模块,是用来操作文件的,如文件的读取、写入等。2. fs 模块的使用步骤:步骤 1:引入fs模块步骤 2:调用fs模块中的方法进行文件的操作。二、 fs 模块中的方法:1. 读取文件:异步读取和同步读取读取路径下的文件,获取文件中的数据,进行一些操作。// 1. 异步读取文件let fs=require("fs");let...
2020-04-10 12:24:24
476
原创 node 内置模块 自定义模块 第三方包的使用
一、node.js是什么Node.js 是一个基于 Chrome V8 引擎的 JavaScript 的运行环境。Node.js是运行在服务器端的JavaScrip。Node.js 使用高效、轻量级的事件驱动、非阻塞 I/O 模型。Node.js 的生态系统是目前最大的开源包管理系统。注意:使用node.js,需在vs code中安装插件Node.js Modules Inte...
2020-04-08 14:02:33
561
原创 vue 组件的生命周期
Vue所有的生命周期钩子自动绑定在this上下文到实例中,因此你可以访问数据,对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文,因此this与你期待的Vue实例不同。1、beforeCreate 在实例初始化之后,数据观测和event/watcher时间配置之前被调用。2、created 实例已经创建完成之后被调用。在这一步,实例已...
2020-04-03 10:22:51
158
原创 vue 组件的注册使用 传值 插槽
组件组件的使用局部注册:①步骤:引入组件:import 组件别名 from ‘组件路径’注册:components:{组件别名}(在components中可以写成:页面使用别名:组件别名的形式。此时第三步,在页面使用时应该为<页面使用别名/>)页面引用:<组件别名/>//1import footerNav from ‘…/Components/foot...
2020-04-03 04:14:43
200
原创 vue v-指令 事件 虚拟dom jquery的安装
vue实例的作用范围:el 挂载的元素内部任意地方内部任意地方(包括后代元素)选择器:任何选择器,建议使用id选择器,因为是唯一的其他的dom元素:只支持普通的双标签,建议用在div,因为他没有样式(),不能用在html body上插值表达式{{ }}设置部分文本值v-text 设置标签文本值 内部还可以写表达式v-htmlv-on @ 更改元素里面的内容 更改数据 同...
2020-04-01 16:49:40
237
原创 JS ajax请求及跨域
一、原生ajax(一)、作用AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。(二)、五部写ajax建立ajax对象 var http=new XMLHttpRequest();建立服务器链接method指请求方式,可以是get或post。u...
2020-03-06 10:38:03
325
原创 jquery 正则表达式
正则表达式:作用: 验证字符串是否含有符合正则表达式的格式的字串。特点: 写法繁琐,但是功能强大。一、正则中的元字符二、正则表达式验证的方法1、正则对象的test方法 var str="qwer"; var str1="ldsjfkljfk"; var str2="as"; // var reg=/[a-z]{4}/; var r...
2020-02-23 12:35:14
1101
1
原创 jquery 动画效果
一、基本效果(显示 / 隐藏)三个方法的参数是一样的:speed:动画速度,可以是(“slow”,“normal”, or “fast”)或数字easing:动画效果 “swing"或"linear”fn:动画执行完成之后要执行的操作注意: 如果不写参数,则没有动画效果,直接隐藏;只写一个参数就有动画效果,其中函数中不写语句也会有动画效果。名称含义$(".t...
2020-02-20 15:12:41
152
原创 jquery 过滤 查找 串联三种方法
一、过滤名称含义$(“li”).eq(n)参数n可以是正数,也可以是负数。如果是正数,返回的是同名元素中的索引为n 的元素 ,n从0开始;如果是负数,返回的是同名元素中倒数第几个元素$(“li”).first()返回的是同名元素中的第1 个元素$(“li”).last()返回的是同名元素中的最后一个元素$(“li”).hasClass(“box”)参...
2020-02-17 19:02:56
163
原创 jquery 事件 事件的执行参数
一、事件名称含义对象.on(eve,[sel],[data],fn)绑定事件, eve是事件类型,可绑定多个事件,用空格隔开;[sel]是事件委托的对象;[data]会赋给e.data;fn是事件函数。该方法可实现事件委托(只能将事件委托给后代),也可定义自定义事件对象.off(eve,[sel],fn)删除事件,如果不写参数,则删除所有事件,eve是事件类型;[s...
2020-02-15 00:27:06
344
原创 jquery 属性 css样式 文档处理
一、属性1. 属性名称含义attr(name/pro/key,val/fn)获取属性时:只能获取第一个元素的一个属性 ;设置属性时:可以给多个元素设置多个属性,且可以设置自定义属性 。若获取属性在标签内不存在返回undefinedremoveAttr(name)可以移除自带的属性 也可以移除自定义属性pro(name/pro/key,val/fn)用法和...
2020-02-14 23:25:25
126
原创 JS 内置对象 Date Math
JS内置函数和对象:js中内置了一些函数和对象,直接可以调用开发。根据ECMAscript提供的内置函数包括Object、Array、Boolean、Number、String、Function、Date、Regexp和Error。内置对象包括Math和JSON。一、Date 日期对象1. 定义日期对象var time=new Date();2. 设置时间// 1. 不设置,则...
2020-02-12 00:30:01
72
原创 JS 测试题 变量函数提升 检测数据类型 事件的冒泡捕获代理 同步、异步 内存泄漏、垃圾回收机制 算法题
一、函数作用提升和变量作用提升分别是什么?两者有什么区别?1. 变量作用提升:通过 var 定义(声明)的变量,变量声明会被提升到作用域的最顶端,这样该变量就可以在定义语句之前被访问到。2. 函数作用提升:通过function声明的函数,函数声明会被提升到作用域的最顶端,这样该函数就可以在声明语句之前被调用。3. 区别变量提升: 将变量的声明提升,但是变量的赋值(即定义)不会被提升,变...
2020-01-08 19:49:37
131
原创 JS 字符串的练习题
总结:对字符串进行某些操作比较麻烦时,可以把字符串转换成数组 ,利用数组的方法处理可能会比较简单,最后再把数组转换成字符串即可。即学会灵活转换字符串和数组,使问题简单化。字符串的值不能改变,数组的值可以改变。但求字符串中个数最多的字符时,先对字符串去重,然后再比较去重的和没去重的求出最大个数。判断某个对象是不是数组的方法:方法一:ele instanceof Array 语句—— 他...
2020-01-03 08:11:36
1940
原创 JS Bom对象 window location history
一、Bom ( 浏览器对象模型 )名称内容三大bom对象window、 history 、location内置对象String 、 Array、 Math、 Date 、Number计时器对象settimeout、 setinterval自定义对象object二、window1. 滚轮事件window.onmousewheel = fu...
2020-01-01 15:18:46
187
原创 JS 选项卡
代码有问题:<head lang="en"> <meta charset="UTF-8"> <title></title> <style> .big{ width:500px; height:400px; border:1px...
2019-12-27 19:04:19
74
原创 JS 图片瀑布流
<head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0 } .box{ wid...
2019-12-27 19:02:38
105
原创 JS 放大镜
一、html 部分代码:<head lang="en"> <meta charset="UTF-8"> <title></title> <style> .wai{ width:1190px; margin:auto; } ...
2019-12-27 19:00:50
358
原创 JS中的 offset client screen 等值的含义
console.log(btn.offsetLeft);//offsetLeft 左偏移量 ?????是不是离左边的距离console.log(btn.offsetTop);//offsetTop 上偏移量btn.offsetHeight 元素的实际高度,包括边框线console.log(btn.offsetWidth); 元素的实际宽度,包括边框线console.log(btn.o...
2019-12-27 18:48:00
171
原创 JS 四种排序 插入 冒泡 快排 选择性排序
一、插入排序// 代码如下: var a=[3,1,56,4,6,4,3,66,5]; var c=cha(a); function cha(num) { for(var i = 1; i < num.length; i++) { var j = 0; while (j <= i) { ...
2019-12-27 09:17:14
135
原创 JS 数字 字符串 数组
一、number 对象(数字对象)1. 当数字字符串在进行数字运算 ( -、*、/ ) 时,字符串会转换成数字参加运算。var x = "100", y = "10";var z = x / y; // z 将是 10var z = x * y; // z 将是 1000var z = x - y; // z 将是 90var z = x +...
2019-12-25 13:02:02
639
原创 JS Dom元素属性、样式的获取 子父元素的操作
一、属性、样式的获取和设置1. 属性1. 获取属性的方式:1)ps.属性名2)ps.getAttribute(属性名)2. 设置属性的方式:1)ps.属性名=属性值例子:ps.className=“one two”; // 赋多个值,用空格隔开2)ps.setAttribute(属性名,属性值)例子:ps.setAttribute(“class”,“one two”); ...
2019-12-24 19:09:18
2742
原创 JS 内置对象 Date Math
一、number 对象(数字对象)1. 当数字字符串在进行数字运算 ( -、*、/ ) 时,字符串会转换成数字参加运算。var x = "100", y = "10";var z = x / y; // z 将是 10var z = x * y; // z 将是 1000var z = x - y; // z 将是 90var z = x +...
2019-12-14 18:03:10
180
原创 JS 计时器我
一、setInterval() 循环计时器 延迟多长时间去反复执行1. 设定计时器setInterval(function () {console.log(1);}, 1000);function showlog(){console.log(1);}setInterval("showlog()",1000); //一般写在函数外部,时间单位为毫秒2. 清除计时器...
2019-12-14 17:36:25
126
原创 JS Dom元素的获取 事件 this
#DOM元素获取:DOM:文本对象模型document:dom对象console.log(document);html常规获取4个->动态元素获取DOMdocument.getElementsByClassName()document.getElementById()document.getElementsByName()document.getElementsB...
2019-12-07 18:26:51
1504
原创 JS 基础概念 变量 数据类型 运算符 语句 函数
一、JS基本概念HTML: 定义网页的内容。CSS: 规定网页的布局。JavaScript: 是属于 HTML 和 Web 的编程语言,对网页行为进行编程。JavaScript的最新版本是ES6, 发布于2015年。二、JS引入网页的方式1. 在头部标签引入外部文件<script src="1.js" type="text/javascript"></script&g...
2019-12-05 17:39:08
171
原创 马贝商城 手机版静态页面的几个问题
一、手机版页面的头部的标签<head lang="en"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>马贝商城</title> <meta name="viewport" content="width=device-wid...
2019-11-29 08:37:39
132
原创 CSS3 转换 过渡 动画 媒体查询
一、transform 转换transform 转换的属性值有下列四种:1. translate() 平移通过 translate() 方法,元素从其当前位置移动到给定的位置。属性值:Translate(水平位移,垂直位移) ,translateX(水平位移) ,translateY(垂直位移)div{transform: translate(50px,100px);-ms-t...
2019-11-22 09:06:01
179
原创 CSS3 选择器 边框 渐变 弹性盒子
一、选择器 (黄色背景的是CSS3中新选择器)1. 元素选择器选择器类型说明*通配选择器所有元素E元素选择器E#myidid 选择器以标识符 id 等于 myid 的E作为选择器E.myclassclass 选择器以 class 包含 myclass 的E作为选择器2. 关系选择器3. 结构伪类选择器child 是相对于父元素...
2019-11-22 09:05:46
391
原创 HTML5 中的新元素
H5是指第5代HTML(超文本标记语言),也指用H5语言制作的一切数字产品。H5具体分为HTML(结构)、CSS(样式)和JavaScript(行为)。一、HTML5 新的元素1. 结构化元素名称含义性质header定义文档或节的页眉。块级元素nav定义文档内的导航链接。块级元素section定义文档中的节。块级元素aritcle定义文档...
2019-11-21 10:24:29
315
原创 京东网页版静态页面的几个问题
一、图片和文字一起时,通常可通过给图片或文字设置浮动,然后再设置其他样式进行排版。二、当给元素的添加内容时,可通过伪元素 before 和 after 去添加。1.给元素添加边界线2.添加背景:给before 和 after 设置绝对定位 ,并设置背景色,可作为元素的背景色。 <style> div{ height:30px; ...
2019-11-15 01:57:20
762
原创 CSS3 三角形的做法 文本溢出
一、边框属性名称属性值border-radius 圆角四个角分开写: border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius:10px;border-bottom-left-radius: 10px;合并属性: border-radius:值a :四角都为...
2019-11-07 18:00:53
141
原创 盒子模型 浮动 定位
一、盒子模型盒子包含: 内容、内填充、边框线和外边距。背景包含: 内容、内填充、边框线。盒子属性:属性名称属性值padding 内填充padding-top / padding-left / padding-right / padding-bottom 四个边上的内填充padding:a 一个值表示四边相同的填充padding:a b 两个值表示上下是a,左右是b...
2019-10-31 16:04:02
349
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人