angelsunshuli-CSDN博客

原创从Vue keep-alive的实用出发探寻其原理

实用场景：后台管理的列表页面，跳转至“详情”页面需要缓存页面的搜索条件。一、初步方案：方案一：本地缓存搜索条件（视具体情况使用localStorage或者sessionStorage）。优点：可控性强，页面可以完全按照开发者的意愿表现；缺点：假如搜索条件很多，管理会比较繁杂，同时容易出现细节错误；方案二：keep-alive缓存（既然在用vue，为什么不尝试探寻keep alive的神奇之处呢）二、keep-alive遇到的主要问题前提理解：给route-view包裹keep-al

2020-05-13 19:36:25 161

原创前端下载策略

@TOC对于下载首先，要搞清楚你要下载的是什么类型的文件。常见的要下载的文件包括：图片、excel、.pdf、.doc、其他其次，要清楚您要下载的文件在浏览器是否可以直接打开（如果不可以打开可以采取a标签的简单策略，但是不推荐）再次，要清楚pd对交互的要求，是否允许有新tab页的弹出（弹出的交互效果不好，尽量不用）一、最简化的方式前提：浏览器打不开，允许在新页面弹出方案：直接用打...

2019-02-20 10:21:15 470

原创初识HTML5 File API

文档背景：页面需求为上传文件，踩着大佬的路子：文件类型为csv文件；文件解析用了papaparse；改进了老的弹框中放置type=”file”的input路子，引用antd的upload组件。在模仿的路上我问了自己几个问题：为什么用csv文件，而不用大众喜闻乐见的excel？upload和papaparse是怎么协作上传数据的注释：为了保证传送数据的灵活性，没有使用upload的自动...

2018-07-17 20:49:40 841

原创前端模块化之路

作为一个前端方向的探路者，近期写项目应用到模块化开发的知识。参考别人项目加上之前自己的经验积累，我发现自己对require、export、module、define这些模块化用到的语法词汇有些混淆，于是决定一探究竟。前端模块化路径：函数封装（缺点：污染了全局变量）——>对象的写法（缺点：外部可以随意修改内部成员）——>立即执行函数经查阅，前端模块化有以下几种：common.js规范、AMD/

2017-03-07 15:09:10 1298

转载 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 1171

原创 apply和call要点总结

一、简介：通俗来讲apply和call的作用都是改变调用函数的对象。其中apply中第二个参数是数组，call将参数排列在第二、三、。。。个参数上二、apply源码解读apply源码就不贴了，有意向的可以直接百度，这里仅仅指出其中的几个要点1、调用对象的转换首先给apply函数的第一个参数对象（A）中添加一个函数（B）——该函数就是调用apply函数的那个函数；这样，通过A直接调用B就可以实现调用对

2017-02-12 08:44:15 473

转载 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 724

原创 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 463

原创移动端垂直翻页+css3动画经验总结

1、学会分析问题，用专业的眼光看问题不能浮于表面。例如，翻页首先要弄清楚鼠标事件（touchstart/touchmove/touchend）；其次，分析事件触发过程以及在这个过程中需要得到的网页信息（start的时候要获取页面位置；move的时候要让网页整体跟着手指的移动而移动；end的时候要根据临界条件（比如100px的移动距离）实现上滑和下滑）；再次，怎样实现上一

2016-10-25 17:42:34 3672 1

原创 javascript 高级程序设计笔记（第八章 BOM）

第8章 BOM（浏览器对象模型） BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。8.1 window对象（浏览器的一个实例）在浏览器中，windows对象有双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。8.1.1 全局作用域所有在全局作用域中声明的变量、函数都会变成window对象的属性和方

2016-09-27 10:08:51 298

原创 javascript高级程序设计第七章（函数表达式、闭包）笔记

第七章函数表达式函数有一个非标准的name属性，通过这个属性可以访问到给定函数指定的名字。（一）创建函数的几种方式：1、函数声明function functionName(arg0,arg1,arg2){}2、函数表达式：如果想要创建匿名函数、给 prototype（原型）添加函数或是将函数用作其它对象的 property（属性），都可以用 Function Expression。var

2016-09-25 12:14:43 413

原创 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 2208

原创 CSS常见问题积累

CSS常见问题积累1、font:至少包含font-size和font-family 2、background:2、margin collapse问题：一般有两种margin collapse——相邻元素之间、父子元素之间（1）当两个垂直外边距相遇时折叠的结果：两个相邻的外边距都是正数时，折叠结果是中间间隔是它们两者之间较大的值。两个相邻的外边距都是负数时，折叠结果是折叠部分是两

2016-09-25 10:37:49 265

原创初始化加载

初始化加载一：jquery 和 js 初始化加载的区别一般情况一个页面响应加载的顺序是，域名解析-加载html-加载js和css-加载图片等其他信息。js （Dom Load）:指示页面包含图片等文件在内的所有元素（整个document文档）都加载完成。js是页面全部加载完成才执行初始化加载。js中的window.onload是等页面加载完所有的元素，包括图片等等资源要全部加载成功后才执行

2016-08-22 19:17:08 604

angelsunshuli的博客