weixin_42182548的博客

原创 测试一下，马上删除

原创 解决跨域问题的几种方案

'Access-Control-Allow-Origin'header is present on the requested resource.什么是跨域资源共享？CORS（Cross-Origin Resource Sharing，跨域资源共享）由一系列HTTP响应头组成，这些HTTP响应头决定浏览器是否组织前端JS代码跨域获取资源。什么是同源策略？同源策略指的是：协议+域名+端口三者皆相同，可以视为在同一个域，否则为不同域。同源策略限制了从同一个源加载的文档或脚本如何与来自另一个...

原创 vue项目部署优化——引入CDN

引入工程中的js、css文件，编译时都会被打包进dist/js中，浏览器必须在加载完js文件后，才能开始显示首屏，这会导致首屏显示速度降低。解决办法就是：将引入外部的js和css文件剥离开，不编译到dist/js中，而是用资源的形式引用，这样浏览器可以使用多个异步的线程去加载dist中的js文件和外部的js文件，达到加速首开的效果；实践1.引入免费的CDN这里推荐今日头条的CDN库字节跳动静态资源公共库在/public/index.html 项目的入口样式文件注意引用顺序，例

转载 移动端300ms延迟原因及如何FastClick解决

移动端300ms延迟原因2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题：当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览桌面端站点的问题。双击缩放(double tap to zoom)，这也是会有上述 300 毫秒延迟的主要原因。双击缩放，即用手指在屏幕上快速点击两次，iOS 自带的 Safari 浏览器会将网页缩放至原始比例。假定这么一个场景。用户在 iOS Safari 里边点击了一个链接。由于用户可以进行双击缩放

原创 map,filter,reduce各自有什么作用？

map,filter,reduce各自有什么作用？mapmap 作用是生成一个新数组，遍历原数组，将每个元素拿出来做一些变换然后放入到新的数组中。[1, 2, 3].map(v => v + 1) // -> [2, 3, 4]另外 map 的回调函数接受三个参数，分别是当前索引元素，索引，原数组filterfilter 的作用也是生成一个新数组，在遍历数组的时候将返回值为 true 的元素放入新数组，我们可以利用这个函数删除一些不需要的元素let array = [1, 2,

原创 Proxy可以实现哪些功能？它和Object.defineProperty的区别是什么？

Proxy可以实现哪些功能？它和Object.defineProperty的区别是什么？Vue3.0 中将会通过 Proxy 来替换原本的 Object.defineProperty 来实现数据响应式。 Proxy 是 ES6 中新增的功能，它可以用来自定义对象中的操作。Proxylet p = new Proxy(target, handler)target 代表需要添加代理的对象，handler 用来自定义对象中的操作，比如可以用来自定义 set 或者 get 函数。接下来我们通过 Prox

原创 JS ES6——类是什么？原型如何实现继承？Class 如何实现继承？Class 本质是什么？

类是什么？原型如何实现继承？Class 如何实现继承？Class 本质是什么？

原创 解决Nginx部署Vue项目出现404路由无法跳转问题

如题，找了很多资料发现到最后都不得行在配置文件中对Nignix的文件进行配置总是报错解决办法：需要对伪静态文件进行以下的配置location / { try_files $uri $uri/ /index.html; }

转载 Js - ES6语法 “...”的使用

展开语法(Spread syntax), 可以在函数调用/数组构造时, 将数组表达式或者string在语法层面展开；还可以在构造字面量对象时, 将对象表达式按key-value的方式展开。1.将数组迭代变为参数一般除了使用apply函数外，可以使用该语法对数组参数进行遍历function sum(x, y, z) { return x + y + z;}const numbers = [1, 2, 3];console.log(sum(...numbers));// exp

原创 VueJs - 优化技巧：将请求下来的数据保存，防止多次请求

一般在多标签页面请求数据时，请求完毕后，将数据保存下来，以便下一次调用。作者在之前想到了这个方法，想初始化一个数组进行保存，然后通过if判断数组中是否存在，然后再发送网络请求，发现这个办法行不通。会报错。如图所示，我需要请求左侧列表中的数据(getCategory)，请求后请求于内容区域上部分的(getSubCategory)，最后请求内容区域下部分的(getRecommend)区域。// 获取分类的详情数据（Category） _getCategory() { get

原创 JSON和JS的区别

JSON 是 JS 对象的字符串表示法。它使用文本表示一个 JS 对象的信息，（JSON）本质是一个字符串。如var obj = {name:'liu',age:'18'};var json = '{"name":"liu","age":"18"}'两者可以使用JSON.parse和JSON.stringify进行相互转化JSON.parse可以把JSON字符串转换为JSJSON.stringify可以把JS对象转化为JSON字符串...

原创 NodeJs - 错误解决：服务器端口已被占用（MAC）【持续更新】

Error: listen EADDRINUSE: address already in use :::5000网上大部分是WIN的解决办法问题描述：使用NodeJs和npm run serve时，会出现。解决办法：终端输入 【sudo lsof -i:端口号】，查看到被占用PID后，再输入【sudo kill -9 pid】即可杀死进程...