- 博客(44)
- 收藏
- 关注
RSS订阅原创 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关注的人