- 博客(28)
- 收藏
- 关注
RSS订阅原创 浏览器缓存
缓存缓存从微观上可以分为以下几类：浏览器缓存代理缓存CDN缓存数据库缓存应用缓存浏览器缓存如下图所示：浏览器缓存http缓存强缓存- 不会向服务器发送请求,直接从缓存中读取资源1.设置强缓存1.expires(http/1.0,时间格式GMT)1.表示相应头里的过期时间,浏览器再次加载资源时如果在时间之内在命中缓存。2.cache-control(http/1.1,单位 秒)1.max-age(表示缓存内容在 xx秒后消失)2.no-cache(要根据
2021-03-26 00:34:59
112
原创 React:父子组件传值（组件通信）
1、父组件传值子组件在引用子组件的时候传递，相当于一个属性，例如：在子组件内通过porps.param获取到这个param的值。父组件向子组件传值，通过props，将父组件的state传递给了子组件。父组件代码片段：constructor(props){ super(props) this.state={ message:"i am from parent" } } render(){ return( <Child txt
2021-03-23 15:48:44
435
原创 axious 在vue项目中的 全局配置 和 拦截封装
为什么要全局配置？全局配置在每一次发起请求时都可以单独配置，但如果是一些所有请求都必要添加的配置项时，就可以进行全局配置，会节省很多代码，并且更加优雅是不是全局配置后，组件里每次使用axios发起请求，就不用引入了？答案是：是的axiox安装如果你使用的是 npm$ npm install axios -Scnpm 同样$ cnpm install axios -S如果你使用 yarn$ yarn add axios -S标题目录文件目录全局配置添加配置项
2021-03-04 15:50:18
2913
1
原创 Git安装及使用
一、git安装二、git初始化版本库在需要版本控制的目录进行版本初始化git initgit 的工作区 、暂存区和master分支工作区： 用来平时的开发、编辑文件只用，在你创建的目录下，就是工作区暂存区： 存放需要提交到版本库文件的地方 在 .git目录下。master分支：真正用来存放和发布已经完成的代码文件的地方，在 .git 目录下。使用git之前需要声明作者或者邮箱git congig --global user.email “xiaojiang”把文件添加到暂存区git a
2021-03-03 17:44:50
96
1
原创 webpack打包预览
webpack打包预览只要打包预览没问题，那dist的目录就可以打包上线了打包预览：需要两个插件html-webpack-plugin和webpak-dev-server，下载配置后就可以实时预览项目打包：1）在下载了webpack的项目中 ；//package.json的scipts中"build":“webpack”,npm run build //或者直接执行webpack2）在vue-cli的脚手架项目中执行 //package.json的scipts中"build": “vue-cl
2021-03-01 19:32:53
419
原创 javascript中如何让 (a==1 && a==2 && a==3) 为 true
javascript让(a1 && a2 && a==3) 为 true分析一拿到这道题，我们先考虑到的应该是a应该是什么类型，在a==**的时候发生了什么？再去考虑a应该等于什么。首先，如果a是一个对象，那在执行a==的时候首先会去先执行valueOf方法，如果没有value方法，就会去执行toString方法。因此我们可以改写a对象的valueOf和toString方法：1、改写valueOf：let a = { valueOf: (function() {
2020-07-28 14:15:54
307
原创 网页布局中的 px,em,rem,pt
网页布局中的 px,em,rem,pt设备像素:也叫物理像素，显示设备上最微小的物理部件。 比如 iphone 5：640 x 1136px. 不同的机型有不同的设备像素,固定死的。这里需要讲一下显示分辨率一定的情况下，显示屏越小图像越清晰，反之，显示屏大小固定时，显示分辨率越高图像越清晰。高分辨率屏幕：在 Windows 系统下，提高屏幕分辨率一般都是通过提高屏幕尺寸。而随着屏幕分辨率的提升，图像和文字显示目标会相应缩小，造成观看极其不便。Retina为什么那么小的屏幕会有那么大的分辨率。为什
2020-07-13 15:24:19
4282
原创 移动端布局的方式总结
移动端布局的5种方式1.固定meta视图<meta name="viewport" content="width=750px,user-scalable=no">这种写法中，利用meta标签，将视图宽度定位了750px，固定值，也就是ios6的标准，然后css也是基于750px的设计稿进行布局优点：前端开发十分快速，都是死值缺点：匹配不完全，手机像素高于这个的，显示这个效果，不理想状态；低于这个状态的，不兼容这个状态；固定宽在做项目的时候由于每个手机屏幕的高度不同需要有一个最小
2020-07-13 14:13:13
301
原创 js中鼠标事件大全
##js中 鼠标事件大全click：单击事件。dblclick：双击事件。mousedown：按下鼠标键时触发。mouseup：释放按下的鼠标键时触发。mousemove：鼠标移动事件。mouseover：移入事件。mouseout：移出事件。mouseenter：移入事件。mouseleave：移出事件。contextmenu：右键事件。onmousewheel：滚轮事件。//js中，onmousewheel：滚轮事件兼容性写法，该函数也是网上别人写的，不过找不到出处了，蛮好的，所
2020-07-13 09:50:49
1948
原创 JavaScript返回到上一页的三种方法
JavaScript返回到上一页的三种方法 1. window.history.go(-1); //返回上一页 2. window.history.back(); //返回上一页 3. window.location.go(-1); //刷新上一页 4. 强行刷新(返回上一页刷新页面): - window.history.back() //返回上一页 - window.location.reload(); //刷新当前页Javascr
2020-07-10 18:02:25
2728
1
原创 JavaScript日期对象的创建、获取、设置
JavaScript日期对象创建日期对象var date=new Date(); //现在时间可传参数(设置时间)1. "月/日/年 时:分:秒" "时:分:秒 月/日/年" 字符串2. 年,月,日,时,分,秒 不能加""3. 注意:不传参的话，会得到当前时间的信息4. 设置月份的时候要'-1'获取月份要'+1'获取日期信息的方法getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 几号getDay() 从 Date 对象返回
2020-07-03 16:26:49
374
原创 DOM获取元素的尺寸类专用属性
获取元素的尺寸类专用属性offsetWidth，offsetHeight：元素包含边框以内的尺寸，包含滚动条自身尺寸，即border + padding + width(height)clientWidth padding+width 元素可视区域尺寸，内边距以内的减去滚动条自身尺寸后的尺寸。 padding + width(height) - 滚动条自身尺寸scrollWidth，scrollHeigth：元素内边距以内的尺寸，>= clientWidth(clientHeight
2020-06-29 14:25:13
106
原创 ES6新增
ES61.声明关键字let,const与var的区别没有提升不允许重复声明块级作用域全局变量不会绑定到window暂时性死区let和const的区别let声明的是变量const声明的是常量本质上，const要求不允许修改的是地址，没有规定值的修改基本数据和复杂数据的区别classimportexport2.箭头函数字符的扩展Symbol解构赋值展开运算符数据的表现形式：set和map
2020-06-28 21:16:09
83
原创 强制绑定this、场景、
this1.执行上下文，关键字，默认没有任何含义。只有在执行的一瞬间才被绑定了指向2.当前函数的执行对象this一般在函数中使用只有函数执行了，this才有意义，函数没执行，this没有意义3.如何强制绑定this（函数的方法）call,apply,bind功能：改变this指向参数：call和apply的第一个参数，都是要改变的this的指向call和bind第二个参数向后，覆盖原函数的形参apply第二参数，必须是数组，解析之后覆盖原函数的形参返回值：
2020-06-28 21:11:54
240
原创 json概念、语法、转换
json1.json是什么？是一种通用数据。通用：两个不同的主体，交流时，所需要遵守的共同规范数据：表达了某种信息的载体。json就像记事本，就像文本文件，就像txt2.json和js的关系没关系json在创建之初，参考了js中的对象的格式，作了一些修改。3.json语法符合js中的对象或数组的格式json中的key部分，必须使用双引号，json中不支持单引号数据中不允许出现没有意义的逗号json中不允许出现函数，undefined，NaNjso
2020-06-28 21:06:35
79
原创 html处理文字换行
html处理文字换行1.word-break:break-all.只对英文起作用，以字母作为换行依据2.word-wrap:break-word. 只对英文起作用，以单词作为换行依据3.white-space:pre-wrap.只对中文起作用，强制换行4.white-space:nowrap.强制不换行，都起作用5.white-space:nowrap.overflow:hiddentext-overflow:ellipsis.不换行，超出部分隐藏且以省略号形式出现
2020-06-28 20:42:34
574
原创 DOM 中常用的属性操作
DOM属性操作内置：官方提供，直接使用html属性（可见属性）：写在标签内id，class，title，style，value操作方式作为对象操作即可：点语法和中括号语法get/set/removeAttribute方法操作js属性（不可见属性）：将元素节点作为对象使用innerHTML，innerText，children，firstChild，lastChild，…操作方式作为对象操作即可：点语法和中括号语法非内置：自定义，自己写，官方没有
2020-06-26 18:51:17
126
原创 DOM中常用的选择器
选择器- DOM的概念DOM，文档对象模型，documentdocument表示文档，页面，整个网页所有的页面操作都需要找document因为document表示页面，页面是由html组成的，所以document的结构就是html的结构html的结构：树形结构，家族结构家族的所有组成部分，都叫节点元素节点属性节点文本节点注释节点根节点js做行为，和页面交互，元素，哪个？选择器，改变内容，样式，属性- 选择器元素节点选择器id：就算有多个也是只选择一个，为单个对
2020-06-26 18:38:55
476
原创 BOM中常用的对象、事件、及方法
一、BOM1. BOM的概念浏览器对象模型，对象是windowwindow是js的顶层对象window作为窗口对象，提供了浏览器窗口与窗口之间的操作window拥有一些子对象2. window是对象，对象拥有自身的方法(内置全局函数)parseInt()parseFloat()alert()prompt()confirm()open()close()不要直接执行，最好配合行为3. window是浏览器窗口，浏览器事件，window的事件
2020-06-25 22:12:28
598
原创 js中，进制的转换
1.toString(转成几进制)十进制转其它 (数值转字符)num.toString (转成几进制) // 十进制转其它 var num = 236; console.log(num); console.log(num.toString(10)); console.log(num.toString(2)); console.log(num.toString(8)); console.log(num.toString(16));2.pars
2020-06-25 21:55:16
135
原创 常用的正则表达式
1.什么是正则2.正则的创建 任何两个对象都不相等 var reg = /a/; //字面量创建： console.log(reg); console.log(typeof reg); //控制台查看类型 var reg2 = new RegExp("a") //构造函数创建： console.log(reg2); console.log(typeof reg2); //控制台查看类型 3.常用 正则的写 var str = "abcq123b@#
2020-06-24 17:33:36
100
原创 数组的常用方法 ++
数组的常用方法1. push() 方法作用: 向数组的后面追加数据语法: 数组.push(你要追加的数据1, 你要追加的数据2, …)返回值: 追加完毕数据以后, 数组的长度 // 1. push() var arr = ['hello', 'world', '你好', '世界'] var res = arr.push(100, 200, true) console.log('返回值是 : ' + res) // 看一下返回值 console.log(arr) //
2020-06-24 12:05:31
2872
原创 常用块元素、行内元素、行内块元素及特点
块元素——div、p、h1-h6、ul、ol、dl、li特点：所有的块级元素默认都是独占一行显示如果一个块级元素没有设置宽度,那么其宽度等于其父元素的宽度可以给块级元素设置宽度和高度行内元素——span、a、 font、strong、em、i、ins、u… 特点：所有的行内元素都在一行上显示.行内元素的宽度和高度是其内容撑开的范围大小行内元素默认不能设置宽度和高度行内块——img、input 特点：元素在一行上显示可以给行内块元素设置宽度和高度...
2020-06-24 11:17:44
228
原创 js事件、兼容、页面刷新
1. 如何获取事件对象，解决兼容元素.on事件类型 = function(eve){var e = eve || window.event}2. 鼠标事件对象身上，有哪些记录坐标的属性，分别是相对于谁e.offsetX/Y 事件目标e.clientX/Y 可视区域e.pageX/Y 页面e.screenX/Y 显示器3. 如何判断回车键，方向键，ctrl，shift，alt键var code = e.keyCode || e.whichcode ==
2020-06-24 10:57:36
175
原创 JS数据类型、三大循环
JS的几种数据类型一、转为字符串:使用toString或者String.1、toString()方法: 注意不可以转null或者undefined//转为字符串-->toString方法eg:varbool=true; console.log(bool.toString());2、String()方法可以转String或者Undefinedeg:con...
2020-03-21 23:06:24
104
原创 弹性盒的属性分为两部分
弹性盒的属性分为两部分：父元素：1、display：flex/inline-flex; flex:块级弹性盒; inline-flex:行内块级弹性盒; 注意:设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。 弹性盒只针对第一...
2020-03-16 17:09:59
362
原创 CSS盒模型
CSS盒模型盒模型盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白（填充）、边框、边界(外边距)这就是盒模型。在这里插入图片描述文本溢出overflowvisible:默认值，内容不会被修剪，会呈现在元素框之外；hidden：内容会被修剪，并且其余内容是不可见的；scroll...
2020-02-23 19:49:39
84
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人