- 博客(65)
- 收藏
- 关注
RSS订阅原创 Less 学习
1.定义变量@width: 10px;@height: @width + 10px;#header {width: @width;height: @height;}#header { width: 10px; height: 20px;}2.混合.bordered { border-top: dotted 1px black; border-bottom: solid 2px black;}#menu a { color: #111; .bordered()
2022-03-09 16:45:30
124
1
原创 Bootstrap 3 学习
http://getbootstrap.com/ 1.meta标签<meta name="viewport" content="width=device-width, initial-scale=1.0">width属性控制设备宽度，将它设置为device-width确保正确呈现在不同设备上initial-scale确保网页加载时1:1呈现，不会缩放在移动设备浏览器上 ，user-scalable=no 可以禁用其缩放（zooming）功能，通常maximum-scale=1.0 与
2022-03-09 15:22:14
1227
原创 关于模块化开发一些包的命令
1.使用npm安装包 npm i 包名2.npm init -y 创建package.json文件管理包3.node-modules 包存储文件夹4.一次性安装所有包 npm i5.卸载包 npm uninstall 包名 会修改dependencies节点6.devDependencies节点，存储开发时用到的包，项目上线后不会用到7.dependencies节点，存储开发和上线都要用到的包8.安装到dependencies节点， npm i 包名 -D9.npm i -g 包名
2021-12-02 13:48:55
652
原创 http协议与https协议区别
HTTP：（超文本传输协议）是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。HTTPS：是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。HTTPS协议的主要作用可以分为两种：一种是建立一个信息安全通道，来保证数据传输的安全；另一种就是确认网站的真实性。区别1、https协议需
2021-11-03 21:26:27
86
原创 前后端交互方式get、post的区别以及ajax
区别：get（）向服务器获取数据post（）向服务器提交数据1、url可见性：get，参数url可见；post，url参数不可见；2、数据传输上：get，通过拼接url进行传递参数；post，通过request body体传输参数；3、缓存性：get请求是可以缓存的；post请求不可以缓存；4、后退页面的反应get请求页面后退时，不产生影响；post请求页面后退时，会重新提交请求；5、传输数据的大小get一般传输数据大小不超过2k-4k（根据浏览器不同，限制不一样，但相差不大
2021-11-03 20:04:42
441
原创 ES6数据类型
1.基本数据类型存储在栈中（后进先出）undefined（未定义的）、null、string、boolean、number、symbolvar s = Symbol('foo');typeof s;//s为symbol类型symbol值由Symbol()函数产生,属性名为symbol类型的都是独一无二的，不会与其它属性名产生冲突如果 Symbol 的参数是一个对象，就会调用该对象的toString方法，将其转为字符串，然后才生成一个 Symbol 值。const obj = { toSt
2021-11-02 22:22:06
1212
原创 transition与animation
1.transition动画需要触发事件只能从from到totransiton-timing-function过渡函数，有如下几种：liner ：匀速ease-in：减速ease-out：加速ease-in-out：先加速再减速img{ height:15px; width:15px; transition: 1s 1s height ease;}或者：img{ height：15px; width: 15px; transition
2021-11-02 21:54:12
90
原创 基础js动画
//匀速运动 btn.onclick = function () { //定时器，每隔一定的时间向右走一些 setInterval(function () { console.log(parseInt(div.style.left)); //parseInt() 函数解析字符串并返回整数。 //动画原理： 盒子未来的位置 = 盒子现在的位置 + 步长； div.style.
2021-11-02 21:44:20
69
原创 ES6模块化
ES6模块化1.按需导入与按需导出通过as给s2另命名2.默认导出与导入import m1,{s1,s2} from './m1.js'合用语法3.直接导入
2021-06-08 22:24:24
54
原创 Object.defineProperty()方法
Object.defineProperty()方法目的：直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。语法：Object.defineProperty(obj, prop, descriptor)参数：obj要定义属性的对象。prop要定义或修改的属性的名称或 Symbol 。descriptor要定义或修改的属性描述符。返回值：被传递给函数的对象。...
2021-06-02 11:10:08
75
原创 防抖与回流
防抖与回流防抖策略：当事件被触发后，延迟n秒后执行回调，如果在这n秒内事件又被触发，则重新计时实现输入框防抖：1.定义防抖的id var timer = null;2.定义防抖函数function de (keywords){ timer = setTimeout(function(){ getSuggestList(keywords) },500}}3.调用函数$('#ipt').on('keyup',function(){ clearTimeout(ti
2021-06-01 23:23:11
182
转载 for in 和 for of的区别详解
for in 和 for of的区别详解for in 和 for of 相对于大家肯定都不陌生,都是用来遍历属性的没错。那么先看下面的一个例子:例1 const obj = { a: 1, b: 2, c: 3 } for (let i in obj) { console.log(i) // a // b // c } for (let i of obj
2021-05-31 20:06:42
102
原创 HTTP协议
HTTP协议http：超文本传输协议请求行：请求头部：常见请求头字段：下面是请求头部例子：空行：请求体： { console.log('普通函数的this' + this); }window.fn();2. 对象的方法 this指向的是对象 ovar o = { sayHi: function() { console.log('对象方法的this:' + this); }}o.sayHi();3. 构造函数 th
2021-05-27 22:39:07
67
转载 树与二叉树
树与二叉树一、树的定义树是一种数据结构，它是由n（n>=1）个有限结点组成一个具有层次关系的集合。树具有的特点有：（1）每个结点有零个或多个子结点（2）没有父节点的结点称为根节点（3）每一个非根结点有且只有一个父节点（4）除了根结点外，每个子结点可以分为多个不相交的子树。树的基本术语有：若一个结点有子树，那么该结点称为子树根的“双亲”，子树的根称为该结点的“孩子”。有相同双亲的结点互为“兄弟”。一个结点的所有子树上的任何结点都是该结点的后裔。从根结点到某个结点的路径上的所有结点都是
2021-05-27 14:44:59
1805
原创 call、apply、bind方法的作用
call、apply、bind方法的作用call()改变函数内部this指向var o={ name:'andy'}function fn(a,b){ console.log(this); console.log(a+b);};fn.call(o,1,2);调用函数，将this指向o1、2为传递的实参call可以实现继承function father(uname,age,sex){ this.uname = uname; this
2021-05-26 23:36:30
64
原创 闭包与闭包函数
闭包闭包是一种状态闭包函数是指有权访问另一个函数作用域中变量的函数简单例子：闭包函数：fn()function fun(){ let num=10; function fn(){ console.log(num); } fu();}fun();进一步加深在fun()函数外部作用域可以访问其内部变量function fun(){ let num=10; function fn(){ console.log
2021-05-26 22:09:26
377
原创 css实现一个三角形
直接贴代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div {
2021-05-17 22:44:32
81
原创 哈希函数
关于哈希函数哈希函数一种函数H，根据这个函数和查找关键字key，可以直接确定查找值所在位置，这个函数就是哈希函数，而哈希表是基于哈希函数建立的一种查找表哈希冲突对应不同的关键字（数值）可能获得相同的hash地址哈希冲突解决办法链地址法：为每个哈希值维护一个链表，并将具有相同哈希值的元素都放入这一链表当中。如下图开放地址法：当发现哈希值 hh 处产生冲突时，根据某种策略，从 hh 出发找到下一个不冲突的位置。例如，一种最简单的策略是，不断地检查 h+1,h+2,h+3,\ldotsh+1,
2021-05-12 20:16:23
203
转载 JavaScript中Map和Set
JavaScript中Map和SetMapMap是一组键值对的结构，具有极快的查找速度。Map的定义。//空map设值key-valuevar m = new Map();m.set("XiaoMing",99);m.set("XiaoHong",66);//构造参数传key-valuevar m = new Map([['XiaoMing', 99], ['XiaoHong', 66]]);Map中的方法var m = new Map(); // 空Mapm.set('Xia
2021-05-11 16:47:27
179
原创 vue路由
vue路由<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge"
2021-04-28 23:57:11
159
2
原创 vue组件化开发
vue组件化开发通过事件实现组件化注意事项：第二点就是说必须有一个祖先元素且祖先不能有兄弟3.一种格式，增加代码可读性用法不一样字符串模板中：驼峰式局部组件只能在注册它的父组件中使用？？？？动态绑定组合使用...
2021-04-28 19:47:23
42
原创 vue计算属性、监听器、过滤器、生命周期
vue计算属性、监听器、过滤器、生命周期例子值不发生变化，缓存在，不用计算逻辑，节省性能计算属性的方法过滤器
2021-04-27 20:59:57
83
原创 vue样式绑定
vue样式绑定active为类名后面isActive命名要注意多个类名active：isActive，active2：isActive2数组形势绑定直接改值上面的是改变true与false1.2.3.base为默认类简化数组形势有的会覆盖（border），没有的会被加入（backkgroundColor）好好学习，天天向上！...
2021-04-26 23:25:25
108
原创 vue基础及指令
vue基础及指令就是{{}}符号2.模板语法v-cloak指令用法指令在官网API中有许多v-html用法数据响应式，通过上述可以改变页面内容单向数据绑定：数据到页面如下面例子
2021-04-26 22:11:54
51
原创 关于git分支
关于git分支创建分支，要在master主分支上面创建首先完成分支上的代码编辑，保存到git仓库，然后才能合并比如login分支合并到master主分支后，代码就回到master主分支，然后login分支就无意义，login分支就可以删除必须在master分支上，反正就是不能在要删除的的分支上...
2021-04-26 16:14:01
60
原创 关于github的基本使用
关于github的基本使用创建一个新的仓库就是这两个命令将项目更新到github中，报错： failed to push some refs to ‘https://github.com/XXX/test.git’当再次将项目更新到github中时，执行 git push origin master（或者git push -u origin master）报了如下的错误：是由于在github上对项目进行修改，没有更新到本地。比如说初始时，github上多了README.md文件，而本地
2021-04-26 15:15:47
220
原创 git基础语法
git基础语法工作区暂存区仓库区初始化仓库命令：git checkout – 文件名就是还没有保存到仓库里面只是修改了代码，然后返回仓库里面原来的代码到工作的地方，就相当于撤销git reset HEAD .全部移除可以在.gitignore中写入命令，然后将它放入仓库就好，被忽略的文件git status不会被跟踪，也不用入仓库下面两行代码是回退到旧版本后，但是又回退过了，就用下面两行在回退回来...
2021-04-25 22:39:28
80
原创 关于拖动盒子移动的例子
关于拖动盒子移动的例子<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .login-header { width: 100%; text-align: center; height: 3
2021-04-24 22:51:48
75
原创 关于fixed定位实现固定栏
关于fixed定位实现固定栏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
2021-04-24 22:26:33
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人