- 博客(14)
- 收藏
- 关注
原创 从Vue keep-alive的实用出发探寻其原理
实用场景:后台管理的列表页面,跳转至“详情”页面需要缓存页面的搜索条件。一、初步方案:方案一:本地缓存搜索条件(视具体情况使用localStorage或者sessionStorage)。优点:可控性强,页面可以完全按照开发者的意愿表现;缺点:假如搜索条件很多,管理会比较繁杂,同时容易出现细节错误;方案二:keep-alive缓存(既然在用vue,为什么不尝试探寻keep alive的神奇之处呢)二、keep-alive遇到的主要问题前提理解:给route-view包裹keep-al
2020-05-13 19:36:25
178
原创 前端下载策略
@TOC对于下载首先,要搞清楚你要下载的是什么类型的文件。常见的要下载的文件包括:图片、excel、.pdf、.doc、其他其次,要清楚您要下载的文件在浏览器是否可以直接打开(如果不可以打开可以采取a标签的简单策略,但是不推荐)再次,要清楚pd对交互的要求,是否允许有新tab页的弹出(弹出的交互效果不好,尽量不用)一、最简化的方式前提:浏览器打不开,允许在新页面弹出方案:直接用打...
2019-02-20 10:21:15
497
原创 初识HTML5 File API
文档背景:页面需求为上传文件,踩着大佬的路子:文件类型为csv文件;文件解析用了papaparse;改进了老的弹框中放置type=”file”的input路子,引用antd的upload组件。在模仿的路上我问了自己几个问题:为什么用csv文件,而不用大众喜闻乐见的excel?upload和papaparse是怎么协作上传数据的注释:为了保证传送数据的灵活性,没有使用upload的自动...
2018-07-17 20:49:40
880
原创 前端模块化之路
作为一个前端方向的探路者,近期写项目应用到模块化开发的知识。参考别人项目加上之前自己的经验积累,我发现自己对require、export、module、define这些模块化用到的语法词汇有些混淆,于是决定一探究竟。 前端模块化路径:函数封装(缺点:污染了全局变量)——>对象的写法(缺点:外部可以随意修改内部成员)——>立即执行函数 经查阅,前端模块化有以下几种:common.js规范、AMD/
2017-03-07 15:09:10
1322
转载 typeof、toString()总结
typeof、toString()总结一、typeof操作符返回一个字符串,指示未经计算的操作数的类型。<script type="text/javascript"> var a; console.log("1:" + typeof a);//undefined var b = null; console
2017-03-01 17:22:19
1219
原创 apply和call要点总结
一、简介:通俗来讲apply和call的作用都是改变调用函数的对象。其中apply中第二个参数是数组,call将参数排列在第二、三、。。。个参数上二、apply源码解读apply源码就不贴了,有意向的可以直接百度,这里仅仅指出其中的几个要点1、调用对象的转换首先给apply函数的第一个参数对象(A)中添加一个函数(B)——该函数就是调用apply函数的那个函数;这样,通过A直接调用B就可以实现调用对
2017-02-12 08:44:15
479
转载 http状态码
1、客户方错误100:继续101:交换协议2、成功200:OK201:已创建202:接收203:非认证信息204:无内容205:重置内容206:部分内容3、重定向301:多路选择302:永久转移303:参见其他304:未修改305:使用代理4、客户方错误400:错误请求401:未认证402:需要付费403:禁止404:未找到405:方法不允许406:不
2016-12-10 21:47:17
740
原创 http请求方法总结
http主要请求方法共有7种:一、get:获取数据表现:将携带的数据参数直接写在请求的url中例如:http://520it.com?name=123&pws=345特点:容易泄露信息; 数据量不能太大数据位置:存放在query_string变量中二、post:用于添加新的内容表现:数据存在于请求体中,对get两个特点进行弥补三、head:取得相应头理解:类似于get,但不返回body信息。用途:检
2016-12-10 21:29:33
474
原创 移动端垂直翻页+css3动画经验总结
1、学会分析问题,用专业的眼光看问题不能浮于表面。例如,翻页 首先要弄清楚鼠标事件(touchstart/touchmove/touchend); 其次,分析事件触发过程以及在这个过程中需要得到的网页信息(start的时候要获取页面位置;move的时候要让网页整体跟着手指的移动而移动;end的时候要根据临界条件(比如100px的移动距离)实现上滑和下滑); 再次,怎样实现上一
2016-10-25 17:42:34
3701
1
原创 javascript 高级程序设计笔记(第八章 BOM)
第8章 BOM(浏览器对象模型) BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。8.1 window对象(浏览器的一个实例) 在浏览器中,windows对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个 接口,又是ECMAScript规定的Global对象。8.1.1 全局作用域所有在全局作用域中声明的变量、函数都会变成window对象的属性和方
2016-09-27 10:08:51
326
原创 javascript高级程序设计第七章(函数表达式、闭包)笔记
第七章 函数表达式 函数有一个非标准的name属性,通过这个属性可以访问到给定函数指定的名字。(一)创建函数的几种方式:1、函数声明function functionName(arg0,arg1,arg2){}2、函数表达式:如果想要创建匿名函数、给 prototype(原型)添加函数或是将函数用作其它对象的 property(属性),都可以用 Function Expression。var
2016-09-25 12:14:43
422
原创 HTML5初探
HTML5第一章 HTML5中新的结构元素(header/hgroup/nav/footer/article/section/aside)1.1 HTML5初始文件 头部 1、doctype: 原始:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xht
2016-09-25 10:40:26
2280
原创 CSS常见问题积累
CSS常见问题积累1、font:至少包含font-size和font-family 2、background:2、margin collapse问题:一般有两种margin collapse——相邻元素之间、父子元素之间 (1)当两个垂直外边距相遇时 折叠的结果: 两个相邻的外边距都是正数时,折叠结果是中间间隔是它们两者之间较大的值。 两个相邻的外边距都是负数时,折叠结果是折叠部分是两
2016-09-25 10:37:49
273
原创 初始化加载
初始化加载一:jquery 和 js 初始化加载的区别一般情况一个页面响应加载的顺序是,域名解析-加载html-加载js和css-加载图片等其他信息。js (Dom Load):指示页面包含图片等文件在内的所有元素(整个document文档)都加载完成。js是页面全部加载完成才执行初始化加载。js中的window.onload是等页面加载完所有的元素,包括图片等等资源要全部加载成功后才执行
2016-08-22 19:17:08
623
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人