- 博客(27)
- 收藏
- 关注
RSS订阅转载 JS异步加载的方式
1. 同步加载我们平常写JS的时候都是用的阻塞模式如<script type="text/javascript" src="../../libs/crypto/abc.js" ></script><script type="text/javascript" src="../../libs/crypto/abcd.js" ></script>...
2019-08-18 17:33:16
178
转载 attachEvent和addEventListener
一般我们在JS中添加事件,是这样子的obj.onclick=method这种绑定事件的方式，兼容主流浏览器,但如果一个元素上添加多次同一事件呢?obj.onclick=method1obj.onclick=method2obj.onclick=method3如果这样写,那么只有最后绑定的事件,这里是method3会被执行,这个时候我们就不能用onclick这样的写法了,主角改登场了...
2019-08-16 17:35:48
278
转载 HTTP协议——URL
文章目录ip地址、域名、DNS、URL(网址)URL详解1. URL格式2. URL组成部分介绍方案主机和端口用户名和密码路径参数查询字符串片段3. URL快捷方式3.1 相对URL基础URL解析相对引用自动拓展URL4. URL字符集URL字符集编码机制字符限制ip地址、域名、DNS、URL(网址)IP地址:每个连接到Internet上的主机都会分配一个IP地址，IP地址是用来唯一标识互...
2019-08-16 17:01:53
1155
原创 json2.js
简介该插件主要是为了解决IE8以下的IE浏览器的兼容问题，只要包括两个方法:JSON.stringify() 序列化方法和JSON.parse()反序列化方法插件下载地址https://github.com/douglascrockford/JSON-js引用方法下载后本地直接引用<script type="text/javascript" src="download_path/...
2019-08-15 16:02:16
993
转载 图解MVVM双向绑定原理
https://www.jianshu.com/p/04d77c6b64ee首先如果我们要使用双向绑定这个功能，应该如何写代码？仿造Vue:<div id="mvvm-app"> <input type="text" v-model="someStr"> <h1>{{ someStr }}</h1> <h2 v-te...
2019-08-13 17:40:51
499
转载 TCP和HTTP
文章目录TCPTCP/IP 协议分层模型TCP三次握手和四次挥手？TCP和UDP的区别？HTTPhttp传输流HTTP的英文全称？状态码？HTTP协议格式？HTTP的无状态性？输入url到页面加载都发生了什么事情？（最最常问的来了）TCP要说http就绕不开tcp，TCP协议对应于传输层，而HTTP协议对应于应用层，从本质上来说，二者没有可比性。但是，http是基于tcp协议的。TCP/IP...
2019-08-13 17:16:16
217
转载 Vue生命周期函数
前言说到Vue的钩子函数，可能很多人只停留在一些很简单常用的钩子(created,mounted)，而且对于里面的区别，什么时候该用什么钩子，并没有仔细的去研究过，且Vue的生命周期在面试中也算是比较高频的考点，那么该如何回答这类问题，让人有眼前一亮的感觉呢…Vue-Router导航守卫：有的时候，我们需要通过路由来进行一些操作，比如最常见的登录权限验证，当用户满足条件时，才让其进入导航，否...
2019-08-12 14:50:22
349
转载 Vue传值--三种常用传值
父组件传值给子组件，首先父组件发送的形式是用bind(用缩写:)绑定值到子组件身上。然后子组件用属性props接收。子组件传值父组件，首先是子组件发送的形式是this.$emit(事件名,需要发送的值)，事件名：父组件on监听的方法，父组件第一件事就是监听子组件发送过来的事件名，@事件名=获取值的方法。获取值的方法（值）*，就这样拿到了儿子发过来的值兄弟传值，两个都要引入公共js->b...
2019-08-09 11:56:14
740
转载 Vue中的v-for循环key属性注意事项小结
当Vue用 v-for 正在更新已渲染过的元素列表时，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue将不是移动DOM元素来匹配数据项的改变，而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。为了给Vue一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key 属性。key属性的类型只能为 string或者numbe...
2019-08-09 11:16:48
999
原创 provide/inject
概述provide/inject：简单的来说就是在父组件中通过provide来提供变量，然后在子组件中通过inject来注入变量。需要注意的是这里不论子组件有多深，只要调用了inject那么就可以注入provide中的数据。而不是局限于只能从当前父组件的prop属性来获取数据。写法// 传入对象写法provide: { foo: 'bar'}// 函数写法provide (...
2019-08-09 10:30:30
1217
转载 localStorage设置过期时间
我们都知道localStorage不主动删除,永远不会销毁，那么如何设置localStorage的过期时间呢，今天我们来一起尝试一下！思考点 从我们接触前端起，第一个熟悉的存储相关的Cookie或者来分析我们生活中密切相关的淘宝、物流、闹钟等事物来说起吧Cookie从你设置的时候，就会给个时间，不设置默认会话结束就过期；淘宝购物 从你下单付款起，就会给这件货物设置一个收货期限时间，...
2019-08-08 17:38:32
666
转载 web 本地存储 （localStorage、sessionStorage）
web 本地存储 （localStorage、sessionStorage）说明对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStoragesessionStorage（临时存储） ：为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载localSt...
2019-08-08 15:54:57
109
转载 vue+axios 前端实现登录拦截（路由拦截、http拦截）
大致流程：在进行路由跳转时，利用vue-router提供的钩子函数beforeEach()对路由进行判断，符合条件next()，不符合便跳转到登录页面。在发送请求时，统一处理所有http请求和响应，用上 axios 的拦截器，通过配置http resquest interceptors为http头增加Authorization字段，其内容为Token，通过配置http response inte...
2019-08-08 15:19:09
960
转载 EventLoop
毋庸置疑，大家都很了解js是一门单线程语言，这也就说明JS无法进行多线程，但是JS中异步的功能完全可以模拟多线程，而且效果还杠杠滴。当然，如果想完全理解异步，首先要了解JS的运行核心——事件环（Event Loop），下面分两部分理解事件环：浏览器中的事件环（Event Loop)为了能更好的理解JS在浏览器中的任务队列和事件循环，请看下图：eventLoop 是由JS的宿主环境（...
2019-08-08 15:06:58
188
转载 SQL注入
如何防范SQL注入使用PDO预处理的方式，也就是一个萝卜一个坑。预处理。将输入的数值，绑定到参数，也就是放进坑里（一个萝卜一个坑，一个参数一个坑），这样输入的内容（外部的内容）就都落到坑里了，在每个坑里处理每个参数，这样就安全了，不会出现SQL注入。使用htmlspecialchars()等函数进行转义。还可以对输入类型进行检测，类型转换。相关文章：https://jueji...
2019-08-08 14:37:52
214
原创 Vue的$
除了用户自定义的属性与方法，Vue 还保留了一些有用的实例属性与方法。它们都有前缀$，以便与用户定义的属性区分开来”虽然属性名上添加前缀不是必须的，但是这样做可以提醒糊涂的开发人员（可能是你），这是一个公共API属性或方法，欢迎你使用，不像其他属性的实例，可能只是为了 Vue 的内部使用。作为基于原型的语言，Javascript 中没有（真正的）类，因此也没有 “私有” 和 “公共” 变量或...
2019-08-08 14:19:09
264
原创 render: h => h(App)
render: h => h(App) 是下面内容的缩写：render: function (createElement) { return createElement(App);}进一步缩写为(ES6 语法)：render (createElement) { return createElement(App);}再进一步缩写为：render (h){ ...
2019-08-08 10:18:16
306
原创 fetch
前言The Fetch API provides an interface for fetching resources (including across the network). It will seem familiar to anyone who has used XMLHttpRequest, but the new API provides a more powerful and...
2019-08-08 09:53:40
356
转载 axios请求拦截以及响应拦截
作为一个出色的http请求库，axios提供了强大请求拦截和响应拦截功能。请求拦截//引入vueximport store from '@/store'...axios.interceptors.request.use(config => { //将token添加到了request的header里面 const token = store.state.token; ...
2019-08-07 17:06:02
873
转载 MVC/MVP/MVVM
概述MVC，MVP和MVVM都是常见的软件架构设计模式（Architectural Pattern），它通过分离关注点来改进代码的组织方式。不同于设计模式（Design Pattern），只是为了解决一类问题而总结出的抽象方法，一种架构模式往往使用了多种设计模式。要了解MVC、MVP和MVVM，就要知道它们的相同点和不同点。不同部分是C(Controller)、P(Presenter)、V...
2019-08-07 16:00:02
252
转载 Vue.config.productionTip=false
对于开发版本，会默认向控制台打印：设置为false就不会提示了Vue.config.productionTip = false;
2019-08-07 13:54:43
1150
转载 setTimeout
语法setTimeout(code, milliseconds, param1, param2, ...)setTimeout(function, milliseconds, param1, param2, ...)参数传参实例传递参数给 alertFunc 函数 ( IE9 及其更早版本不支持):<!DOCTYPE html><html> <h...
2019-08-07 13:49:01
131
原创 Promise
统一执行函数逻辑，不关心如何处理结果，然后，根据结果是成功还是失败，在将来的某个时候调用success函数或fail函数。异步执行'use strict'; // 清除log:var logging = document.getElementById('test-promise-log');while (logging.children.length > 1) { l...
2019-08-07 13:38:05
148
原创 CSS3 @media 查询
使用 @media 查询，你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。CSS 语法@media mediatype and|not|only (media feature) { CSS-Code...
2019-08-07 11:23:51
156
原创 百词斩笔试题：26进制加法
描述两个大整数相加，每一位是一个小写字母，二十六进制，a表示0，z表示25，求结果。例如：输入：z 和 bc输出： cb实现#include <iostream>#include<cstring>using namespace std;int main() { string s[2]; int l1,l2; for(int i=...
2019-08-07 10:28:46
257
转载 由同源策略到前端跨域
文章目录由同源策略到前端跨域同源策略的限制iframe限制Ajax限制Script限制跨域访问JSONPpostMessageCORS 跨域访问document.domainInternet Explorer同源策略绕过`window.name`location.hashflash URLLoderWebSocket由同源策略到前端跨域同源策略 (Same-Origin Policy) 最早...
2019-08-02 10:22:17
350
转载 JS的数组基本操作
一、push()方法向数组的后面添加元素返回值为当前操作的数组的操作以后的长度二、unshift()方法向数组的前面添加元素返回值为当前操作的数组的操作以后的长度三、pop()方法删除最后一项,并返回删除元素的值；如果数组为空则返回undefine四、shitf()方法删除第一项,并返回删除元素的值；如果数组为空则返回undefine五、join() 方法分割数组，(把...
2019-08-01 00:26:29
207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人