- 博客(16)
- 收藏
- 关注
RSS订阅转载 axios传参
Axios 各种方法传递参数axios.get(url[, config])axios.delete(url[, config])axios.post(url[, data[, config]])axios.put(url[, data[, config]])axios.patch(url[, data[, config]])原始的Axios请求方式axios({ method: 'post', url: '/user/12345', data: { firstName
2022-03-18 22:11:36
173
原创 vue使用better-scroll
1. 安装npm install--save better-scroll2.引入（页面）import BScroll from 'better-scroll'3.template1.子元素height > 父元素，才能滚动2.父元素 height 固定（100%），overflow：hidden3.父元素 ref4.better-scroll只作用在第一个子元素上 cla...
2019-12-16 13:23:38
76
原创 CSS强制换行
word-wrap/word-break区别浏览器默认换行：单词默认是不能断开的 ，长单词会换行；但单词长度超出父元素，会溢出[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iRfPw6Vv-1574145403866)(C:\Users\dingw\AppData\Local\Temp\1574144257124.png)]1.word-wrap:cs...
2019-11-19 14:37:58
131
原创 CSS : 使用nth-child()选择元素
n = 0,1,2… ( >0 ） ==.>选择的结果选择第一个元素:first-child选择第n个元素:nth-child(n)选择偶数元素:nth-child(2n) || nth-child(even)选择奇数元素:nth-child(2n-1) || nth-child(odd)选择某一列元素（一行有3个元素）:nth-child(3n+1) |...
2019-11-01 23:25:38
343
原创 [VUE]:is特性
[VUE]:is特性1.动态切换不同组件通过is我们可以动态的更换模板中的组件<div id="app"> <button @click="changeComponent('component1')">A</button> <button @click="changeComponent('component2')">B</...
2019-06-16 13:05:10
402
原创 xss攻击
XSS攻击XSS全称是Cross Site Scripting（为了和CSS进行区分，就叫XSS）即跨站脚本。XSS的重点不在于跨站点，而是在于脚本的执行 。XSS 是一种在web应用中的计算机安全漏洞，是由于 Web 应用程序对用户的输入过滤不足而产生的,它允许恶意web用户将代码植入到提供给其它用户使用的页面中 。简单讲就是黑客将代码注入到页面中并且运行XSS分类:非持久型(反...
2019-05-08 15:51:27
1163
转载 BFC(块级格式化上下文)
BFC(块级格式化上下文)一、BFC是什么？在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。1. Box: CSS布局的基本单位Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类型。 不同类型的 Box， 会参与不同的 Formatting ...
2019-04-27 14:55:13
183
转载 输入url到页面展示的全过程
从输入url到页面展示的全过程域名解析建立TCP连接(3次握手)浏览器发送HTTP请求服务器响应HTTP请求页面渲染关闭连接(4次挥手)一.域名解析DNS（Domain Name System，域名系统），因特网上作为域名www.baidu.com和IP地址167.23.10.2相互映射的一个分布式数据库，能够使用户更方便的访问互联网，而不用去记住能够被机器直接读取的IP数串...
2019-04-26 22:42:44
670
转载 px.em.rem的区别
px.em.rem的区别px：px，像素(计算机屏幕上的一个点)。（引自w3school-css单位）像素（Pixels），相对长度单位，它是相对于显示器屏幕分辨率而言的，它兼容性好而且精确，但是这种方法当用户在缩放浏览器或者需要兼容不同移动设备时，我们的页面布局可能会被打破。em:em，相对长度单位。相对于当前对象内文本的字体尺寸。 如当前对行内文本的字体尺寸未被人为...
2019-04-24 14:01:03
156
原创 不定宽高div,实现水平垂直居中
不定宽高div,实现水平垂直居中第一种方式: css/* 父元素 */text-align: center;display: table-cell;/*让标签元素以表格单元格的形式呈现，类似于td标签*/vertical-align: middle;/* 子元素 */display: inline-block;vertical-align: middle;第二种方式:定位/...
2019-04-23 23:49:50
257
原创 ...ES6语法之扩展运算符
…ES6语法之扩展运算符对象的扩展运算符数组的扩展运算符对象的扩展运算符对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中 let obj1 = { a: 1, b: 2 }; let obj2 = { ...obj1}; // { a: 1, b: 2 }注意: 扩展运算符对对象实例的拷贝属于一种浅拷贝浅拷贝: 简单...
2019-04-23 15:28:45
1343
原创 原生js实现call
原生js实现callcall方法:function func() { console.log(this.age)}let obj = { age:18}func.call(obj); //18改变了this指向传递了参数1.改变了this指向//依赖原理:方法调用模式(谁调用,this指向谁) function func() { ...
2019-04-22 21:42:55
421
原创 Symbol
symbol一.ES6引入Symbol的原因ES5对象属性名都是字符串,容易造成属性名的冲突。let obj={ name:'zs'}//为对象添加一个新的属性namelet prop = 'name'obj[prop]='male'console.log(obj) //{name: "male"}//为这个对象添加新的方法，新方法的名字就有可能与现有方法产生冲突。/...
2019-04-22 19:01:50
391
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人