- 博客(70)
- 收藏
- 关注
RSS订阅原创 vue学习笔记
起步加载并导入, 当你导包之后, 就多了一个Vue构造函数实例化vue对象 new Vue({配置参数})通过配置el参数, 关联视图层(用户能看到的页面)通过data参数设置相关信息, 存储数据通过{{}}表达式在视图层渲染(简洁模板语法)MVC与MVVM1.mvc是Model-View-Controller的简写，即模型-视图-控制器。model指后端传递的数据，view指...
2019-11-01 22:56:39
271
原创 数组的常见操作
1、创建var array1 = new Array(); //空数组var array2 = new Array(5); //指定长度，可越界var array3 = new Array("a","b","c",1,2,3,true,false); //定义并赋值var array4=[]; //空数组var array5=[1,2,3,"x","y"]; //定义并赋值...
2019-10-29 23:39:28
284
原创 express
express是基于 Node.js 平台，快速、开放、极简的 Web 开发框架。官网1.使用步骤1.初始化 npm init -y2.安装 npm i express// 3.加载expressvar express=require('express');// 4.创建web服务器，也就是原来的http.createServer()var app=express();// 7....
2019-10-22 20:25:40
323
原创 Node.js基础（二）
模板模块（自定义文件模块）在 Node 中没有全局作用域的概念，可以通过 require 方法来加载执行多个 JavaScript 脚本文件。require 加载只能是执行其中的代码，文件与文件之间由于是模块作用域，所以不会有污染的问题：模块完全是封闭的外部无法访问内部内部也无法访问外部可以加载执行多个文件，可以完全避免变量命名冲突污染的问题模块之间的通信，通过每个模块中提供的一...
2019-10-22 20:07:59
128
原创 Node.js基础（一）
Node.js 是什么?JavaScript 运行时, 运行环境既不是语言，也不是框架，它是一个平台简单来讲,node.js可以解析和执行js代码Node.js与JavaScript的关系node.js中没有BOM、DOM只有EcmaScript 基本的 JavaScript语言部分，如变量、方法、数据类型、及内置对象 Array Object Date Math在 N...
2019-10-21 20:39:47
87
原创 Node.js中的url.parse()
Node.js中url模块用于处理与解析 URL，官方链接以下是url的url.parse()>node> url{ Url: [Function: Url], parse: [Function: urlParse], resolve: [Function: urlResolve], resolveObject: [Function: urlResolveObjec...
2019-10-20 23:23:52
735
原创 表单验证boostarpValidator
下载地址：http://bootstrapvalidator.votintsev.ru/getting-started/1.首先需要引入bootstrapValidator.cssjquery-2.1.0.min.jsbootstrap.min.jsbootstrapValidator.js2.使用插件的条件：①需要使用完整的bootstartp的form结构，②必须有name...
2019-10-18 22:52:37
213
原创 一些没记住的css之按钮禁用与动画队列
按钮禁用时，不要忘了设置鼠标状态<button disabled>按钮</button><style> button{ color:#fff; background: skyblue; padding: 5px 7px; outline: non...
2019-10-15 23:35:44
360
原创 table布局
使用display：table实现多列等宽布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-10-14 22:33:36
68
原创 HTTP状态码
HTTP状态码1** ---- 消息100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息2** ---- 代码请求成功200 请求成功201 请求成功并且服务器创建了新的资源202 服务器已接受请求，但尚未处理3** ---- 重定向301 请求的网页已永久移动到新位置...
2019-10-13 22:37:08
90
原创 使用less的适配方案
rem布局原理通过html上的字体大小控制页面上所有rem单位尺寸。换算：预设一个基准值100px 基于640px设计尺寸 当适配320px的设备时的基准值：320/640100=50px公式：当前设备的宽度/设计稿的宽度预设的基准值。通过以上可编写一个适配方案，实现布局中元素的宽度大小随着页面大小等比列缩放。①index.less文件中代码，主要导入less文件@import "va...
2019-10-08 20:18:59
1388
原创 获取url中的参数
方式一：以对象的形式，返回所有？之后的所有参数var getParams=function () { // 1.页面在初始化时关键字在输入框 var search=location.search;//?key=4&id=1 var params={}; if (search){ search=search.replace('?','');/...
2019-10-07 22:01:00
117
原创 Less
什么是Less？css的预处理语言，LESS 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。html中引用①link引用.less文件 type = “type/less”,引用less.js插件,不建议使用ess.js 解析less文件动态加载head，异步加载less文件。 <link rel="s...
2019-09-29 20:11:19
269
原创 常用盒子水平垂直居中方法
html结构：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>盒子水平垂直居中</title> <style> *{ margin: 0; ...
2019-09-21 17:23:19
172
原创 point-events:none
pointer-events: none; //如同disabled 属性，可以实现事件的完全禁用。如果其他标签需要类似的禁用效果，这个链接，你是点不了的，并且 hover 也没有效果。（值得一提的是，仅仅是鼠标事件失效，用 tab 键还是可以选中该链接的然后 enter 打开，这个时候可以去掉 a 标签的 href 属性，就不能让 tab 键选中了）案例：<!DOCTYPE html...
2019-09-20 23:31:02
2963
原创 模板引擎
使用模板引擎可以解决问题，代码的偶合度，代码的修改与维护。模板引擎：把数据转成html格式的字符串 使用原生语法官网使用方法：1.下载导入2.创建模板<script type="text/template" id='模板id名'></script>或<script type="text/html" id='模板id名'></script&g...
2019-09-18 20:58:00
86
原创 Bootstrap样式、组件
Bootstrap布局容器：需要为页面内容和栅格系统包裹一个.container 类用于固定宽度并支持响应式布局的容器<div class="container"> 响应式布局：宽度<768px width:100%</div>.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。<div cl...
2019-09-16 22:06:34
382
原创 响应式布局
响应式布局就是一个网站能够兼容多个终端,而不是为每一个终端做一个特定的版本，如PC,手机,平板。优点：1.面对不同的分辨率设备灵活性强2.能够快速的解决多设备显示的适应问题3.适合中小型网站缺点：1.兼容于各种设备工作量大，效率降低2.代码累赘，以及加载事件过长原理：通过C3的媒体查询来定制某个宽度区间的网页布局媒体查询：能检测我们设备的宽度，通过不同的宽度显示不同的样式超...
2019-09-16 18:59:10
133
原创 条件注释法
IE条件注释（Conditional comments）是IE浏览器私有的代码，在其它浏览器中被视为注释。<!--[if IE]>用于 IE <![endif]--><!--[if IE 6]>用于 IE6 <![endif]--><!--[if IE 7]>用于 IE7 <![endif]--><!--[if ...
2019-09-16 00:40:54
419
原创 移动端Touch事件
touchstart：当手指触碰到屏幕的时候触发绑定事件的方法：dom.addEventListener("touchstart", function(e){});事件返回的e对象包含那些移动端特有的属性：targetTouches 目标元素的所有当前触摸 changedTouches 页面上最新更改的所有触摸 touches 页面上的所有触摸touchmove：当手指在...
2019-09-11 22:35:39
139
原创 移动端 视区（viewport）
viewport也称视口，PC上是指浏览器窗口的可视区域。可见视口（visual viewport）：浏览器窗口的可视区域布局视口（layout viewport）：CSS在应用时所设置的布局最大宽度。布局视口可以大于可见视口。width：定义viewport的宽度，有一个特殊值 device-width当前设备的宽度initial-scale：默认的初始缩放比设置1.0，和PC端页面的...
2019-09-10 21:16:49
270
原创 绘制图形
向画布上绘制图像、画布或视频drawImage()三个参数drawImage(img,x,y)img 图片对象、canvas对象、video对象x,y 图片绘制的左上角坐标五个参数drawImage(img,x,y,w,h)img 图片对象、canvas对象、video对象x,y 图片绘制的左上角坐标w,h 图片绘制的尺寸九个参数drawImage(img,x...
2019-09-09 22:02:30
86
原创 canvas
canvas 元素使用 JavaScript 在网页上绘制图像。它拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 <canvas id="myCanvas" width="600" height="400"></canvas>canvas的宽高使用行内样式设置，在style中设置宽高会使画布中的元素失去自己真实的px大小。方法：getContext() 方...
2019-09-08 12:21:43
224
原创 多媒体属性、方法、事件
属性$('video')[0].currentTime=0;//js对象.属性属性描述audioTracks返回表示可用音轨的 AudioTrackList 对象autoplay设置或返回是否在加载完成后随即播放音频/视频buffered返回表示音频/视频已缓冲部分的 TimeRanges 对象controller返回表示音频/视频当前媒体控制器...
2019-09-06 19:25:48
192
原创 JSON.stringify()与JSON.parse(),本地缓存
什么是"JSON字符串"，什么是"JSON对象"，两者的区别?JSON对象是直接可以使用JQuery操作的格式，如js中可以用对象（类名）点出属性（方法）一样JSON字符串仅仅只是一个字符串，一个整体，不截取的话没办法取出其中存储的数据JSON对象----是 JavaScript 对象表示法（JavaScript Object Notation），使用 for-in 来循环对象的属性。...
2019-09-04 20:17:44
504
原创 HTML5的音频、视频，自定义属性，类操作
音频（audio）和视频（video）audio video常用属性：controls------显示控制条autoplay------自动播放loop---- 循环播放 如果这个属性不写 默认播放一次 loop 或者 loop = “loop” 表示无限循环多浏览器支持的方案：<source> 标签允许您规定可替换的视频/音频文件供...
2019-09-03 21:13:06
527
原创 HTML5
什么是HTML5 HTML5指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少网页浏览器对于需要插件的丰富性网络应用服务。大部分主流浏览器已经支持HTML5，但是各个浏览器支持的方式以及语法有所差异性。支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更...
2019-09-02 22:20:28
133
原创 css3动画，过渡，变形
animation动画用于设置动画属性：animation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimation-directionanimation-fill-modeanimation-play-stateanimation-nam...
2019-09-01 14:05:16
175
原创 jQuery总结
一.jQuery和js的关系jQuery就是一个js库。jQuery的入口函数：$(function(){}); 或者 $(document).ready(function(){});js入口函数指的是：window.onload = function() {};jQuery === $，$ 在jQuery中就是一个函数，根据传入参数类型的不同，分别进行不同的处理，来实现不同的功能。jQ...
2019-08-29 22:42:30
81
原创 CSS3笔记二
动画 animationanimation:动画名称 花费时间 运动曲线 等待时间 播放次数 是否反方向播放infinite：循环播放alternate：反方向播放 animation: move 4s linear infinite alternate;定义动画 @keyframes move { from{ left: 0...
2019-08-28 21:57:32
92
原创 CSS3之笔记一
高级选择器p:first-child-----找到父级元素中所有的子元素，再找第一个子元素是p标签p:last-child-----找到所有的子级元素，2.如果最后一个子元素是p标签，设置样式p:nth-child(2n)-----找到所有的子元素，再找到2的倍数的子元素，再判断这些元素是不是p标签p:first-of-type-----先找到所有所有的p标签，再找到第一个p标签设置样...
2019-08-27 22:34:25
80
原创 Ajax
全称：Asynchronous JavaScript and XML（异步的js和XML）用途：通过JS语言向服务器请求数据。什么是ajax?---->js向服务器请求数据，实现异步请求，局部刷新。原生js中ajax使用步骤第一步：创建对象 var xhr = new XMLHttpRequest();为了兼容低版本的IE浏览器，需要实例化 var xhr = new Act...
2019-08-26 22:13:08
141
原创 js高级总结
原型在构造函数中，有prototype这个属性，是原型，也是一个对象，这个属性给程序员使用的，是标准属性-----prototype属性就是原型对象 在实例对象中有`__proto__`属性，是原型，也是一个对象，这个属性给浏览器使 用的，不是标准属性-----`__proto__`属性就是原型对象实例对象的__proto__属性与构造函数的prototype是相等的因为...
2019-08-24 22:42:28
100
原创 jQuery扩展学习
链式编程：通常情况下，jquery中所有的对象设置方法都返回当前对象，调用方法时可以直接跟着上一个方法后面调用。链式编程原理：return this;end():返回前一个对象delay():延迟$('div').css('backgroundColor', 'orange') .text('每天起床第一句哈哈哈') .next().css(...
2019-08-22 19:14:23
75
原创 from属性操作、事件机制
1、form属性操作①设置属性：$(selector).attr("title", ''美女");参1：要设置的属性名称，参2：属性值， 参2没有时返回属性对应的值$(selector).prop(); 参2没有时返回false用法和attr 一样，设置input和button的disabled属性，以及checkbox的checked属性 、selected属性，这几种动态改变的属...
2019-08-21 20:49:27
1126
原创 jQuery操作样式、动画、节点操作
jQuery操作样式1、样式属性操作.css() 作用：设置或获取元素的样式属性值①设置单个样式：$(selector).css("color", "red");②设置多个样式：$(selector).css({"color": "red", "font-size": "30px"})var cssStyle = {"color": "red", "font-size": "30px...
2019-08-20 21:57:48
207
原创 jQuery对象、jQuery选择器笔记
jquery就是一个js库（js库：把一些常用到的方法写到一个单独的js文件）jQuery入口函数与js入口函数的对比js入口函数指的是：window.onload = function() {};jQuery的入口函数：$(function(){}); 或者 $(document).ready(function(){});JavaScript的入口函数要等到页面中所有资源（包...
2019-08-19 18:58:16
78
原创 js浅拷贝与深拷贝
了解浅拷贝与深拷贝之前下了解一下堆与栈堆和栈的区别其实深拷贝和浅拷贝的主要区别就是其在内存中的存储类型不同。堆和栈都是内存中划分出来用来存储的区域。栈（stack）为自动分配的内存空间，它由系统自动释放；堆（heap）则是动态分配的内存，大小不定也不会自动释放。js的基本数据类型和引入数据类型基本数据类型：number string boolean undefined null...
2019-08-16 14:20:55
77
原创 正则表达式
正则表达式就是 一个用于查找的 含有 匹配字符串 或 匹配元字符的 字符串。正则表达式的组成： 由 元字符 或者 限定符 组成的一个式子元字符(1) . 表示除了换行符以外的任意一个字符如 '111' ','(2) [] ①表示范围 ②表示把正则表达式中的元字符的意义取消掉 [0-9]: 表示0~9之间任意一个数字 '123' '534' [a-zA-Z...
2019-08-15 23:24:20
145
原创 高阶函数，作用域，闭包，沙箱
改变this指向call函数名.call(对象，原函数参数) -----修改的同时调用了函数apply函数名.apply(对象，[参数以数组形式存在] ) -----修改的同时调用了函数bind函数名.bind(对象，原函数参数) -----修改了this指向，函数没有被调用， 将会返回结果保存之后，再调用。高阶函数JavaScript的函数其实都指向某个...
2019-08-14 22:35:36
108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人