05 2018 档案
摘要：在开发采筑平台SRM的移动项目中：一个页面，感觉没啥错误，但是页面报错如下： 页面中的data或者mothods都没有任何问题，但是这个报错很是让人纠结，后来发现，在使用子组件时候： 此tabShow在父组件中进行了定义，但是子组件中data里面没有任何的定义。所以就会报错。所以必须在子组件中进行定
阅读全文
摘要：ebpack是一个javascript应用吃那个程序的静态模块打包器（module bundler）。处理时候会递归构建一个依赖关系图，包含每个模块，将模块打包成一个或者多个bundle。 核心概念： entry（入口） output（输出） loader plugins（插件） 【entry】：指
阅读全文
摘要：今天在本地开发时候碰到了跨域的问题，突然觉着跨域问题在所难免啊，之前没有没有碰到总觉着解决跨域很高大上的样纸，其实就是受限于网络的同源策略，跨域前后端都可以进行处理。 1，后端更改header 2，使用jsonp进行跨域 3，使用webpack反向代理（项目中使用vue-cli脚手架搭建） 1，在c
阅读全文
摘要：插件通常是为Vue添加全局功能，vue的官网介绍了5中添加插件的方法。 vue的插件有个公开方法install。第一个参数是Vue构造器，第二个参数是一个可选的选项对象。 在plugin.js中可以这样： 在入口文件main.js中引入：
阅读全文
摘要：在用vue开发项目时候，遇到一个问题，首页有代办列表，是固定定位，滚动时候需要监听距离页面顶部的距离，如果很接近顶部则将代办列表展示，首页隐藏，如果再网上翻动则又回到首页。 因为是是fixed定位，所以用得了getBoundingClientRect：用于获取某个元素相对于视窗位置集合。集合中有to
阅读全文
摘要：在用vue开发过程中，偶然一次使用在子组件中进行router的切换，发现不起作用，后来才反应过来，子组件只是一个组件，vue的路由的切换只能是在父组件（也就是真正的页面）里面进行跳转！
阅读全文
摘要：HTTP:超文本传输协议，工作于客户端-服务端架构上，客户端通过url向服务端（web服务器）发送请求，web服务器接收到请求后，向客户端响应信息。 特点： 简单快速，常用方法：GET，POST，HEAD，每种方法规定了客户端和服务器联系的类型不同。 无连接，每次只处理一个请求，响应成功后，就断开连
阅读全文
摘要：Async其实就是Generator函数的语法糖。 啥是语法糖？就是一种更容易让人理解，代码可读性更高的另外一种语法。 可以跟Generator函数对比：就是把（*）替换成async，将yeild换成了await，仅此而已。 不同点在于：async函数的执行，直接执行函数名 asyncRead()，
阅读全文
摘要：1，减少Http请求，合理设置http缓存 为什么要减少http请求次数，就能有效提高访问性能？因为内存http请求都需要建立通信链路，进行数据传输，在服务端每个http都需要启动独立的线程去处理，而这些通信和服务都是很昂贵的，所以要减少http的请求次数。 手段：合并css，合并js，合并图片，将
阅读全文
摘要：对比下常用的异步处理的方案： 1，回调 我们常说的 “回调地狱”，就是多个异步操作时候，代码多重嵌套，异步之前形成强耦合，如果修改一处，其他地方也是跟着修改。（callback hell）. 2,promise 其实promise的出现呢，就是为了解决回调地狱的问题，不是多重嵌套，而是链式调用，就是
阅读全文
摘要：在javascript中表示“集合”的数据结构，主要有Array，Object，Map，Set。 Iterator（遍历器）接口是为各种不同的数据结构提供了统一的访问机制。任何数据结构具有Iterator接口，就可以完成遍历操作(依次排序进行遍历)。 Iterator遍历的过程： 创建一个指针对象,
阅读全文
摘要：上节中忘记讲：Iterator接口和Generator函数的关系了，Symbol.iterator方法的最简单的实现就是通过Generator函数： 用Generator函数写Symbol.iterator方法几乎不用部署任何代码，只要yield命令给出每一步的返回值即可。接下来开始写Generat
阅读全文
摘要：在上节中，提到了es6的set数据结构，Set本身是一个构造函数，用来生成set数据结构。 在set加入值的时候，不会发生类型转换，数字和string是不同的值，Set内部判断两个值是否不同，使用的是“same-value-zero-equality”,类似于 ，主要的区别是NaN等于它本身。 向S
阅读全文
摘要：上面去重的方法老生常谈了，一种是用数组的indexOf的方法，检索数组里面是否存在该元素，如果不存在就push进另外一个数组里面。一种是利用对象的key值不会重复的特性。 ES6提供了一种新的数据结构Set，类似于数组，但是成员的值都是唯一的，没有重复的值。 Set本身是一个构造函数，用来生成Set
阅读全文
摘要：1，DNS解析（域名转换成IP地址） 浏览器搜索自身的缓存DNS记录，搜索hosts文件和操作系统缓存，临近的DNS服务器差最后啊，开始解析
阅读全文
摘要：这个问题还真是没有注意啊,原来很多往回走哪的内容存储使用别的域名，这个有什么好处呢？1：CDN缓存更方便
阅读全文
摘要：关于css3中position属性的定义：
阅读全文
摘要：URL（Uniform Resource Locator）：统一资源定位符，互联网上的每个文件都有一个唯一的URL，基本URL包含协议，IP地址，路径和文件名。 重点：herf和src的区别 href(Hypertext Reference)主要用于在涉及的文档和外部资源之间建立一个关系，即超文本引
阅读全文
摘要：1，建议使用let替代var 2，全局常量使用const，多使用const有利于提高程序的运行效率。 const有两个好处：一是阅读代码的人立刻会意识到不应该修改这个值，二是防止无意间修改变量值导致错误。 所有的函数都应该设置为常量。 3，字符串使用模板字符串。 4，解构赋值 使用数组成员对变量赋值
阅读全文
摘要：JavaScript对象（Object），本质上市键值对的集合（Hash结构），但是key值只能是字符串，如果用一个对象作为key值，将被转化为"[Object,Object]"; Map结构就是为了解决这个问题的，类似于对象，也是键值对的集合，但是它的键可以是各种类型（包括对象）。 Object结
阅读全文
摘要：话说，解构无处不在啊，鄙人自从用了vue写项目以来，总是遇到各路大神莫名其妙的写法，然并未出任何错，查之，然解构也，呜呼哀哉，进而习之。 解构（Destructuring）：是将一个数据结构分解为更小的部分的过程。ES6中，从数组和对象中提取值，对变量进行赋值。 解构有什么用处呢？可以大大的简化数组
阅读全文
摘要：刚刚跟同事聊了这个话题，大部分工作是在后端，前端只需要做：设置别名，进行接收，点击推送时候需要跳转页面。 需要注意一点就是：退出登录时候别名的设置需要置空，所以登录进来需要设置别名。 在配置极光推送时候，config.xml文件里面还需要配置相关推送参数： 在安卓能够测试配置成功，而ios不能推送成
阅读全文
摘要：vuex是状态管理，是为了解决跨组件之间数据共享问题的，一个组件的数据变化会映射到使用这个数据的其他组件当中。如果刷新页面，之前存储的vuex数据全部都会被初始化掉。 localStorage是H5提供的一个更简单的数据存储方式，之前是用cookie存放数据，但是cookie的数据量太小，所以就用l
阅读全文
摘要：在用vue做项目过程中，需要用到vue.js devtools，在从github上面clone下来代码，然后再npm install ,过程报错，然后更新npm包也是会有问题，以下是install的问题，npm cache clean --force 也是没用的，好在最后问同事，windows版本蓝
阅读全文
摘要：理解：vue中的“单向数据流”，这里借用官网的图示： Vue是单向数据流，v-model只是语法糖而已。单向数据流就是：数据总是【向下传递】从父级组件传递给子组件，只能单向绑定。子组件内部不能直接修改从父级传递过来的数据，当尝试在子组件内部修改父组件的数据，vue将报错。主要是为了组件解耦。（假如子
阅读全文
摘要：1，Newline required at end of file but not found. (eol-last) //文末需要一行 这个是报错： 这个是不报错的： 只需要在最后一行加上一空行即可。
阅读全文
摘要：今天的工作内容 vuex的使用心得： 都知道，对于小型的项目来说不必使用vuex，但是对于需要把共享的变量全部存储在一个对象里面，然后把这个对象放在顶层组件中以供其他组件使用。其实vuex就是类似整个vue项目的全局变量。 这个是最基本完整的vuex代码，包含五个基本对象： state：存储状态，也
阅读全文
摘要：使用Vue-cli脚手架（属于vue全家桶）快速构建一个项目： 【1】首先需要安装好node.js; 【2】安装webpack，指令$npm install -g webpack; //如果之前有安装可以用$webpack -v查看当前webpack版本； 【3】安装Vue-cli，指令$npm i
阅读全文
摘要：今天在用git bash进行全局安装vue-cli的时候，报错： 必须以管理员权限进行安装才行。所以用cmd命令工具，点击右键命令提示符cmd 以管理员身份运行 cd进入到项目 执行npm install即可。
阅读全文
摘要：XSS(Cross Site Script)：跨站脚本，也就是javascript脚本注入，一般在站点中的富文本框，里面发表文章，留言等表单，这种表单一般是写入数据库，然后再某个页面打开。 防御： 1，在用户表单输入的数据进行过滤，对javascript进行转义，然后再存入数据库； 2，在信息的展示
阅读全文
摘要：我们知道，在vue中父子组件的通讯是通过props和自定义事件搞定的，简单那的非父子组件通讯用bus（一个空的Vue实例），针对中大型的项目会选择vuex，然而小项目的话，便捷的解决方案就是eventBus。 官网相关描述在：$dispatch和$broadcast替换 一节中。提到： $dispa
阅读全文
摘要：As we know，浏览器的同源策略，不允许访问非同源页面。ajax中，不允许请求非同源的URL，JSONP就是来解决跨域请求问题的，实现方法： script标签src属性中的链接可以访问跨域的js脚本，利用这个特性，服务端不再返回JSON格式数据，而是返回一段调用某个函数的js代码，在src中进
阅读全文
摘要：ES6中加入了let，const字符，先说说新的区别： 作用域：let 声明的变量只在它所在的代码块内有效，而且不存在变量提升，即变量可以在声明之前使用，值为undefined。let未声明变量前会报错。 如果区块内存在let和const命令，这个代码块对这些命令声明的变量从一开始就形成了封闭作用域
阅读全文
摘要：JS在创建之初不支持类，因为很多开发者为处理类创建了好多代码库，最终导致ES6引入了类。 ES5及更早的版本都不支持类，与类最接近的是：创建一个构造器，然后将方法指派到该构造器的原型上。就是原型继承。原型继承的模式在许多JS库中都存在，这也是ES6类的出发点。 类的声明： 以class关键字开始，其
阅读全文
摘要：类数组对象啊，被人问到它跟真正的数组对象有什么差别啊？说不上来就老埋汰了，只知道函数的arguments对象是个类数组对象，也有length属性，其他呢？干货奉上： 首先先说说数组吧： 1，当有新的元素添加到列表中时，会自动更新length属性。 2，设置length为一个较小值将截断数组。 3，从
阅读全文
摘要：面试时候被人问如何检测一个未知变量是不是数组类型，丢脸啊，老祖宗的脸都丢没了，这都不会，回家啃书本去吧！！！ var a = [];方法一：Array.isArray([]) //true typeof a 在这里是帮不上忙的呦，对于数组类型返回的是object，并且是对于除了函数以外的所有对象都是
阅读全文
摘要：在JavaScript中，对象，数组，函数是最最常用的东东了，写完了对象和函数，最后来说说数组吧，提到数组，就只能想到，map，forEach啊，pop，push啊，当真是没有一点点的积累了？这么多年程序媛当真是就只学会了for循环了，人生如此美妙，你却如此浅薄无知啊，可惜啊可惜！如果你当真认为是这
阅读全文
摘要：函数也是对象，拥有属性和方法，就类似普通对象那样。1，length属性 arguments.lenght 表示传入实参的个数。 函数的length属性时只读属性，代表形参的个数。可以用arguments.callee.length表示： 2.call()和apply()方法 可以将call（）和ap
阅读全文
摘要：函数体内部的变量都可以保存在函数作用域内。 闭包(函数变量可以被隐藏于作用域链之内，因此看起来是函数将变量“包裹”了起来) 当一个函数嵌套另外一个函数，外部函数将嵌套的对象作为返回值返回。往往就时闭包了。理解闭包首先了解嵌套函数的词法作用域规则。 特性：可以捕捉到局部变量（和参数），并一直保存下来，
阅读全文
摘要：本文是针对于localStorage，sessionStorage对于object，string，number,bollean类型的存取方法 我们知道，在布尔类型的值localStorage保存到本地的时候,true会保存为字符串类型的"true",而false会保存为字符串类型的"false",
阅读全文
摘要：1，自定义函数属性 因为函数也是对象，所以可以拥有属性，当函数需要一个“静态”变量来调用时保持某个值不变，最方便的方式就是给函数定义属性。 2,
阅读全文
摘要：,1，在javascript中，函数即对象。函数里面的参数可以是个函数，例如： 函数的返回值，return语句导致函数停止执行，并返回它的表达式（如果有的话）的值给调用者。如果没有返回值的函数，就是没有return，就是返回 undefined值给调用者。没有返回值的函数有时候称为过程。 2，嵌套函
阅读全文
浙公网安备 33010602011771号