- 博客(24)
- 收藏
- 关注
RSS订阅原创 axios取消上传
在项目中使用了axios上传大文件时会有取消的操作这个时候就需要中断掉xml请求这里记录一下在axios中的实现方法import axios from "axios";//第一次初始化var CancelToken = axios.CancelTokenvar source = CancelToken.source()var AxiosFile = axios.create({ baseURL: fileUrl, cancelToken: source.token});
2020-07-06 15:13:10
1247
1
原创 vue项目多行文本框中内容，在实际页面中不换行，如何方便的解决？
背景是这样的一个vue项目已经开发了半年，突然接到一个需求要把所有的 textarea 中内容，在提交后变成换行显示的 <el-input v-model="form.projectInfo.remarks" type="textarea" rows="3" style="width:500px;"></el-input><h5 class="info-t...
2019-08-07 16:27:26
6307
1
原创 使用VUE时遇到的数据变更但页面不会刷新的问题
最近结合vue使用的element-UI 其中的tab栏数据值改变，但是页面上的标记没有显示出来，必须要点一下才能更新到页面上。输出了一下在显示之前，数据的确已经改变了。查找了很多方案，有很多说this.$forceUpdate() 强制更新，但是并没有生效。目前还不知道原因。最后发现，必须使数据改变时元素更新。 <el-tab-pane name="demand...
2019-07-01 14:34:25
10241
2
原创 Google浏览器插件入门教程
首先给一个概念一个应用（扩展）其实是压缩在一起的一组文件，包括HTML，CSS，Javascript脚本，图片文件，还有其它任何需要的文件。 应用（扩展）本质上来说就是web页面，它们可以使用所有的浏览器提供的API，从XMLHttpRequest到JSON到HTML5全都有。去年的时候想抓取淘宝卖家自己的卖出宝贝的数据，但是受个人技术限制，模拟登陆无法绕过淘宝的登陆验证码限制。所以试图做一...
2019-01-18 16:06:38
3438
原创 VUE框架基础
双向绑定设计模式生命周期源码分析双向绑定view更新data只要设置监听就可以，但是data是如何传给view的呢？var Book = {}Object.defineProperty(Book, 'name', { configurable: true, writable: true, enumerable: true})Object.defi...
2018-11-27 20:00:15
146
原创 页面性能优化
一般来说页面性能优化有以下几种方式资源压缩合并，减少HTTP请求非核心代码异步加载利用浏览器的缓存使用CDNDNS预解析资源压缩合并，减少HTTP请求普通页面加载一般包括HTML CSS JS 和图片资源像css js这种资源都有webpack中的一些插件去优化体积。但是图片这一块一定要注意，现在的网页图片质量都比较高，可以一张图的体积比其他所有部分的体积加起来还要大，所以对...
2018-11-27 02:03:25
180
原创 浏览器渲染机制
浏览器渲染机制什么是DOCTYPE浏览器渲染的过程重排Reflow重绘Repaint布局Layout什么是DOCTYPEDTD(document type definition,文档类型定义)是一系列的语法规则，用来定义XML或HTML的文件类型。浏览器会使用它来判断文档类型，决定使用何种协议来解析，以及切换浏览器模式。DOCTYPE是用来声明文档类型和DTD规范的，一个主要的...
2018-11-26 15:49:14
140
原创 JS面向对象类
类与实例类的声明生成实例类与继承如何实现继承继承的几种方式以下三种方式都是完美继承<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid
2018-11-25 20:46:11
192
原创 JS原型链基础
原型链类创建对象有几种方法原型、构造函数、实例、原型链instanceof原理new运算符创建对象的方法 // 第一种方式：字面量 var o1 = {name: 'o1'}; var o2 = new Object({name: 'o2'}); // 第二种方式：构造函数 var M = function (name) { t...
2018-11-25 00:55:19
118
原创 HTTP协议类基础
HTTP协议类HTTP协议的主要特点HTTP报文的组成部分HTTP方法POST和GET的区别HTTP状态码持久连接是什么什么是管线化HTTP协议的主要特点简单快速：每个资源的URI（URL是URI的一种）都是固定的灵活：通过一个HTTP协议可以完成不同数据的传输无状态：没有状态保存，每次链接都是独立的无连接：链接一次就会断掉HTTP报文的组成部分HTTP方法...
2018-11-24 22:08:38
152
原创 JS数据和数据类型理解
数据类型原始类型numberstringbooleannullundefined对象类型objectarray 属于 objectfunction 属于 object隐式转换“55”+5 //“555”“55”-5 //50比如+&amp;amp;quot;&amp;amp;quot;-0等于和严格等于“123” == 1230 == falsenull == undefinednew Objec...
2018-11-23 21:07:58
238
原创 DOM事件
DOM事件类DOM事件的级别DOM事件模型（冒泡、捕获）DOM事件流DOM事件捕捉的具体流程Event对象的常见应用自定义事件DOM事件类DOM0 element.onclick=function(){}DOM1 制定时没有和事件相关的东西DOM2 element.addEventListener(‘click’,function(){},false)DOM...
2018-11-23 18:41:14
116
原创 CSS盒子模型深入理解
内容概览基本概念标准模型和IE模型的区别CSS如何设置这两种模型JS如何设置获取和模型对应的宽和高边距重叠是什么边距重叠解决方案（BFC）关于基本概念和标准模型与IE模型的区别就不再赘述，已经有很多前辈写了相关的知识点。这里只贴两张图CSS如何设置这两种模型box-sizing:content-box;box-sizing:border-box;JS如何获取和模型...
2018-11-23 14:52:47
259
原创 win10下设置超清晰壁纸
今晚上突然自己想做一张壁纸设置到桌面的时候发现图片上的字体变得模糊了于是去网上查找了一些资料大部分都是在说图片分辨率的问题当然对于一部分用户解决了问题，但是对于我来说显然没说到点子上。废话也不多说，下面上方案图片分辨率和要显示的桌面分辨率最好一致图片最好为PNG模式路径：C:\Users\Administrator\AppData\Roaming\Microsoft\Windo...
2018-11-19 02:02:40
3387
1
原创 css工程化（PostCSS、webpack）
css工程化目的：让项目更好的运转组织优化构建维护PostCSSPostCSS本身只有解析能力其他的属性全依赖于插件目前有200多个插件PostCSS常用插件postcss-import(atImport) 模块合并autoprefixier 自动添加前缀cssnano 压缩代码cssnext 使用新的css特性precss 变量、mixin、循环（类似...
2018-11-18 21:56:45
653
原创 Bootstrap4基本使用知识
Bootstrap一个CSS框架twitter出品提供通用的基础样式Bootstrap4兼容IE10+ (3兼容到9)使用flexbox布局抛弃Nomalize.css提供布局和reboot版本
2018-11-18 12:29:53
488
原创 css预处理器（less，sass）
css预处理器基于css的另一种语言通过工具编译成css添加了很多css不具备的特性提升CSS文件的组织预处理器提供的功能嵌套 反应层级和约束变量和计算 减少重复代码Extend和Mixin代码片段循环 适用于复杂有规律的样式import CSS文件模块化嵌套body{ padding:0; margin:0;}.wrapper{ b...
2018-11-16 20:51:45
316
原创 CSS动画
动画的原理：视觉暂留作用画面逐渐变化动画的作用增强用户体验引起用户注意、对操作进行反馈掩饰（loading图）动画的类型transition 补间动画keyframe 关键帧动画逐帧动画transition 补间动画可以监测的内容平移旋转缩放透明度其他的线性变化transition: property 1s , all 3s ;/*设置监听的...
2018-11-16 17:05:13
127
原创 CSS效果实现
效果属性box-shadowtext-shadowborder-radiusbackgroundclip-pathbox-shadow
2018-11-16 16:07:33
171
原创 CSS布局方式
CSS布局知识框架css知识体系中的重点早期以table为主后来以技巧性布局为主现在有flexbox/grid响应式布局常用布局方法table表格布局float浮动+margininline-block布局flexbox布局表格布局优点外部宽度可以固定，内部元素自适应，文字自动vertical-align：middle盒子模型marginborderp...
2018-11-15 23:50:21
194
原创 CSS非布局样式和重点内容
CSS基础Cascading Style Sheet 层叠 、样式、表可以简单理解为PS中图层的样式和叠加选择器selecter{ prop:value;}选择器用于匹配HTML元素，有不同的匹配规则，多个选择器可以叠加解析方式和性能浏览器的解析方式是从右往左的body div .class{ color：red;}//浏览器先查询.class,再查询对应元素是...
2018-11-15 11:57:59
1711
原创 HTML原理与理解
目录HTML常见元素和理解HTML版本HTML元素分类HTML元素嵌套关系HTML元素默认样式和定制化HTML常见元素&amp;amp;amp;amp;amp;amp;amp;amp;lt;meta charset='utf-8'&amp;amp;amp;amp;amp;amp;amp;amp;gt;//设定编码&amp;amp;amp;amp;amp;amp;amp;amp;lt;meta name=&amp;amp;
2018-11-13 19:28:19
3470
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人