- 博客(33)
- 收藏
- 关注
RSS订阅原创 let const
letES6中新增的用于声明变量的关键字let声明的变量只在所处的块级作用域{ }中有效if (true){ let a=10; }console.log(a);// 报错a is not defined块级作用域的好处是：在业务逻辑比较复杂的时候，能够防止内层变量覆盖外层变量防止循环变量变成全局变量for(var i=0;i<2;i++){}console.lo...
2020-04-01 15:45:13
85
原创 路由
安装路由：cnpm install vue-router --save-devVueRouter():用于创建路由器的构造函数相关API：（1）VueRouter():用于创建路由器的构造函数new VueRouter({ //配置对象//多个配置项})（2）路由配置routes：[ { //数组对象//配置重定向 path:"*", redirect:"/" },{ ...
2020-04-01 15:30:08
94
原创 留言板案例
HTML 发表留言 <p> <span>昵称：</span> <input id="nickname" type="text"/> </p> <p> <span>标题：</span> ...
2020-04-01 15:15:57
214
原创 缓存
一、CookieCookie是一些数据，存储于电脑上的文本文件中 作用就是用于解决“如何记录客户端的用户信息” 当web服务器向浏览器发送web页面时，在连接关闭后，服务端不会记录用户的信息当用户访问web页面时，他的名字可以记录在cookie中在用户下一次访问该页面时，可以在cookie中读取用户访问记录cookie缓存存在有效期Js里简单创建cookiedocument.cooki...
2020-04-01 15:05:03
68
1
原创 vue
文件类型：node_modules 项目的依赖包文件src 开发文件 开发在src文件里面操作index.html 是整个项目的首页package.json 配置文件README.md 命令文件static 静态资源目录文件，放置静态的css或者图片config 项目的配置文件main.js 项目的启动文件——new Vue：实例化Vue对象命令：npm install 依赖命...
2020-04-01 14:37:23
59
原创 画布
使用canvas画布定义canvas元素画布的长宽可以通过两种方式设置通过css样式来设置；注意：通过canvas绘制的图像的显示比例会变化；建议：不要使用css方式设置canvas的显示大小；直接通过html中的属性height和width来设置（推荐）；创建画布对象获取 < canvas> 元素，通过 < canvas> 元素,创建画布对象；使用ge...
2020-03-20 13:14:55
223
原创 ES6
*** let和const命令：一.let命令*1 . let 所声明的变量，只在let命令所在的代码块内有效for循环的计数器，就很合适使用let命令 for(let I=0;i<10;i++){}只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明...
2020-03-20 12:56:44
64
原创 正则表达式
正则表达式匹配字符串//String.matches() "Java is fun".matches("Java.*); 上面语句返回 true, "Java.*"是一个正则表达式，描述以Java开始，后面跟0个或者多个字符串。正则表达式语法正则表达式由字面值字符和特殊符号组成。反斜杠是一个特殊的字符，在字符串中开始转义序列。x 指定字符x ...
2020-02-23 15:42:30
51
原创 jq动画效果
基本效果show：显示隐藏的匹配元素，hide:隐藏现实的匹配元素，toggle:切换显示与隐藏show和hide都有三个参数：speed:三种预定速度之一的字符串(“slow”,“normal”, or “fast”)或表示动画时长的毫秒数值(如：1000)easing:(Optional) 用来指定切换效果，默认是"swing"，可用参数"linear"fn:在动画完成时执行的函...
2020-02-20 14:05:25
78
原创 jq筛选，查找，串联
筛选eq(index|-index):获取第N个元素负值表示从末尾开始匹配例：获取匹配的第二个元素<p> This is just a test.</p> <p> So is this</p> <script> $("p").eq(1) $("p").eq(-2) // <p> This is just...
2020-02-17 11:21:48
143
原创 jq事件
1.jq事件处理on() :用于绑定事件;off():事件解绑;trigger()/triggerHandler():事件触发;1.事件处理on()绑定事件1.可以绑定多个事件;//绑定多个事件 $('div').on({ mouseenter:function(){ $(this).css('background','skyblue'); }, click:function(...
2020-02-14 14:19:25
160
原创 JQ文档处理
1. 内部插入append(content|fn)追加当前元素的内容之后 //$(".block").append($(".small")); //fn回调函数问题 参数是index 索引 html 当前元素的html内容 //$(".block").append(function (index, html) { // console.log(...
2020-02-14 13:25:11
101
原创 jq属性操作
属性(prop(),attr(),data())1.1元素固有属性值prop()固有属性值就是元素本身自带的属性,如<input teype="text"> 里边的type;//1.获取属性 prop('属性'); //2.设置属性 prop('属性','属性值'); 1.2元素自定义属性值attr()//1.获取属性语法 attr('属性'); //类似原生js中ge...
2020-02-14 11:34:52
94
原创 JQ选择器
选择器的分类基本选择器层次选择器过滤选择器表单选择器基本选择器#id：通过元素的 id 属性中给定的值$("#myDiv");element ：指向 DOM 节点的标签名$("div");.class 一个元素可以有多个类，只要有一个符合就能被匹配$(".myClass");* 匹配所有元素,多用于结合上下文来搜索$("*"）层次选择器1，后代选择器$（'＃...
2020-02-14 10:20:25
91
原创 算法练习题
素数 function sushu(num) { for (var i = 2; i <= num; i++) { //当前的数 是不是素数 var isactive = false; for (var k = 2; k < i; k++) { if (i % ...
2020-01-11 13:33:43
73
原创 bom元素
浏览器内部的一些对象Navigator 对象：包含浏览器信息的对象返回浏览器的信息，因为考虑的浏览器兼容问题，所以还有点用。Screen对象 ：显示与屏幕有关数据的对象属性：长宽高什么的，没什么用History对象：包含用户访问的URL值的对象重要方法：history.back(); 和 history.forward(); ...
2020-01-02 12:22:13
271
1
原创 js四种排序算法动图展示
1.冒泡排序冒泡排序法又称为交换排序法，是从观察水中气泡变化构思而成。原理是从第一个元素开始，比较相邻元素的大小，若大小顺序有误，则对调后再进行下一个元素的比较。如此经过第一次扫描后就可以确保最后一个元素位于正确的顺序；经过第二次扫描可以确保倒数第二个元素位于正确的顺序。由此可知，N个元素经过（N-1）次扫描，就可以完成所有元素的排序。程序实现：由小到大排序var arr = [9, 1,...
2019-12-25 16:22:17
337
1
原创 js内部所有的高
* 获取页面宽高 * */ console.log("可视区域高："+document.documentElement.clientHeight); console.log("可视区域宽："+document.documentElement.clientWidth); console.log("body的真实高："+document.body.clientHeigh...
2019-12-25 15:21:41
49
原创 数据类型的强制转换+字符串的方法
数据类型的强制转换引用类型转化位值类型var a=3; var b="abc"; var c="3.1415"; console.log(a,typeof a);//3 number console.log(b, typeof b);//abc string console.log(c,typeof c);//3.1415 string console.log(p...
2019-12-25 15:16:56
1949
原创 数组
数组的关键字new 数组的时候 写一个值 代表的是数组的长度,多个值 里面值数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度，注意不是上限，是长度var arrayObj = new Array([element0[, element1[, ...[, ...
2019-12-25 14:29:02
197
原创 事件委托及dom元素操作
js事件的委托为啥js 操作集合得获取单个对象js不能隐式迭代 不能操作一堆 只能进行单个操作 collection[index]----索引 key:value 0:ele 1:ele1.事件委托：也可以称之为事件代理，给父元素绑定事件，用来监听子元素的冒泡事件，并找到是哪个子元素的事件。将事件委托给另外的元素，利用事件冒泡的特性，将里层的事件委托给外层事件，将事件绑定...
2019-12-24 15:52:50
444
1
原创 dom数
dom数的获取方式1.dom元素的获取几种方式： 8种：4种动态获取方式 <button class="btn" name="but" id="btn_1">按钮</button><button class="btn">按钮2</button><button id="btninsert">动态添加</button>...
2019-12-20 12:31:40
244
原创 js基础，函数，运算符，语句
基础js性质脚本语言 核心 ecmascript5.0 ecmascript6.0/es7js 如何渲染到页面外部引入内嵌引入的前后顺序取决谁是否需要网页加载完成 脚本里面显示加载完成之后的代码按需加载 看元素是否初始化完成...
2019-12-20 12:16:10
45
原创 js内置对象
number对象详情toString(进制数) 转换成不同进制数语法 NumberObject.toString(radix).toFixed(小数位数) 保留小数位数语法NumberObject.toFixed(num)string对象.length 字符串长度indexOf()查找字符串返回字符串位置，如果没找到返回－1match()查找指定字符串，找到返...
2019-12-10 20:50:15
68
原创 js2
循环：whiledo while区别：当条件不成立时，do while至少会执行一遍DOMgetAttribute(属性名) 获取元素属性setAttribute(属性名，属性值) 设置元素属性获取子节点方式childNodes 包含空白节点children 不包含空白节点子节点个数.childNodes.length.children.length获取对应节点方式...
2019-12-04 22:45:40
64
原创 javascript
输入和输出输出alert() 弹框输出confirm() 带确定取消按钮的弹框document.write() 在文档流中输出document.getElementById.innerHTML修改页面中的html元素console.log() 在调试平台中输出输入、prompt(“提示信息”,默认值)；弹框输入2、页面表单元素输入值；innerHTML提取声明变量var x=...
2019-12-04 18:45:17
40
原创 2 3D转换及过渡
2D转换translate() 方法通过 translate() 方法，元素从其当前位置移动，根据给定的 left（x 坐标） 和 top（y 坐标） 位置参数：实例div{transform: translate(50px,100px);-ms-transform: translate(50px,100px); /* IE 9 */-webkit-transform: tran...
2019-11-20 16:28:54
83
原创 css3属性及弹性盒子
背景背景图片位置background-origin:border-box,（相对于内边距框来定位）padding-box,（相对于边框盒来定位）content-box（相对于内容框来定位）手绘背景位置background-clip:border-box,（相对于内边距框来定位）padding-box,（相对于边框盒来定位）content-box（相对于内容框来定位）背景的渐变...
2019-11-20 15:10:57
163
原创 选择器
1. 元素选择器2.通配符选择器*{}3.e标签选择器4.id选择器#id{}5.class选择器.class{}6.关系选择器e f 包含选择器e>f父子选择器e+f 相邻选择器 ：e元素后所有的f元素e~f 兄弟选择器 e后面所有的兄弟元素f7.伪类选择器:link 访问前:hover 鼠标悬停时:active 点击激活状态:visited 访问后...
2019-11-19 20:03:34
63
原创 H5表单
HTML表单text 以常规文本输入password密码框textarea 多行文本域checkbox 复选框允许用户在有限数量的选项中选择零个或多个选项。radio 定义单选按钮输入（选择多个选择之一fileselect 下拉列表button 可点击按钮submit 定义提交按钮（提交表单）resetH5 表单：email,url,date,we...
2019-11-19 16:50:40
220
原创 HTML5
h5篇页面的基本框架headnavsectionasidefooter代码展示``<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> ...
2019-11-13 09:29:16
66
原创 css篇
css篇css层叠样式表行内样式列表<any style="样式名：样式值;"></any>页面内样式<head> <style> 标签名{ 样式名：样式值； } </style></head>外部样式表<head> <link rel="stylesheet...
2019-10-24 13:28:56
164
原创 HTML篇
HTMLTOC欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会...
2019-10-16 19:46:18
54
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人