摘要：1. 图片优化 首先是UI设计师对图片进行一次压缩，到了前端工程师手上再进行一次压缩，推荐网站https://tinypng.com/。本人使用的技术栈时VUE和webpack，代码压缩在webpack中可以配置，不再详述。 2. webpack打包优化 如果按照vue-cli的正常配置进行打包，打
阅读全文
posted @ 2020-04-23 21:28
随笔分类 - 笔记
学习笔记
摘要：前端设置http缓存,前端设置html页面缓存方法：静态的html页面想要设置使用缓存需要通过HTTP的META设置expires和cache-control 设置如下网页元信息: <meta http-equiv="Cache-Control" content="max-age=7200" />
阅读全文
posted @ 2020-04-21 20:44
摘要：去重： 1,arr.splice var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5,5]; function norepeat(arr) { var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5,5,5,5]; function n
阅读全文
posted @ 2020-04-20 20:39
摘要：1，ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉 ios用户点击一个链接，会出现一个半透明灰色遮罩, 如果想要禁用，可设置-webkit-tap-highlight-color的alpha值为0，也就是属性值的最后一位设置为0就可以去除半透明灰色遮罩 a,button,input,texta
阅读全文
posted @ 2020-04-19 20:49
摘要：1.基本使用 Fetch 是一个新的端获取资源的接口，用于替换笨重繁琐XMLHttpRequest.它有了Request 和 Response 以及Headers对象的概念，与后端语言请求资源更接近。 一个简单的GET请求 fetch('https://www.baidu.com') .then(r
阅读全文
posted @ 2020-04-17 15:52
摘要：React.createClass({ propTypes: { // 可以声明 prop 为指定的 JS 基本类型。默认 // 情况下，这些 prop 都是可传可不传的。 optionalArray: React.PropTypes.array, optionalBool: React.PropT
阅读全文
posted @ 2020-04-17 13:10
摘要：自定义事件 // e 代表触发的事件对象window.addEventListener("huangbiao", function (e) { console.log(arguments); debugger if (e.myAttr "demo") { alert("key值为demo，添加成功！
阅读全文
posted @ 2020-04-15 15:33
摘要：display:inline-block是一种布局方法，它相比于与浮动、定位最大的不同就是其没有父元素的匿名包裹特性，这使得display:inline-block属性的使用非常自由，可与文字，图片混排，可内嵌block属性元素，可以置身于inline水平的元素中。 在CSS布局中，如果我们想要将一
阅读全文
posted @ 2020-04-15 11:24
摘要：一、原生JS中的Ajax：1、使用ajax发送数据的步骤 第一步：创建异步对象 var xhr = new XMLHttpRequest();第二步：设置 请求行 open(请求方式，请求url): // get请求如果有参数就需要在url后面拼接参数，// post如果有参数，就在请求体中传递 x
阅读全文
posted @ 2020-04-09 12:42
摘要：Vue Baidu Map：https://dafrok.github.io/vue-baidu-map/#/zh/start/usage 全局注册 全局注册将一次性引入百度地图组件库的所有组件。 import Vue from 'vue' import BaiduMap from 'vue-bai
阅读全文
posted @ 2020-04-08 13:54
摘要：vuex实际项目中的应用实例： import Vue from 'vue' import Vuex from 'vuex' import Base64 from '../common/base64.js'; import { request, getUserInfo, getCartlist } f
阅读全文
posted @ 2020-04-07 21:33
摘要：axios拦截器 在src目录下的api目录创建一个js文件 import axios from 'axios' //引入axios //下面这两个不一定需要引入，看你项目需要拦截的时候做什么操作，但是一般都需要引入store import store from '@/store/index' //
阅读全文
posted @ 2020-04-07 21:00
摘要：document.createEvent用于创建事件， 在DOM Level 2 的事件中就有HTMLEvents，MouseEvents，UIEvents事件类型。DOM Level 3增加很多事件类型，个人觉得其中最有用的是CustomEvent自定义事件。 为DOM元素创建自定义事件的步骤为：
阅读全文
posted @ 2020-04-03 19:28
摘要：Ajax上传文件(原生JS篇) <div class='progress'> <div class="step"></div> </div> <form action=""> <input type="text" name='name' placeholder="请输入姓名"> <input typ
阅读全文
posted @ 2020-04-02 21:59
摘要：内容来源： https://www.cnblogs.com/ajaxkong/p/11686041.html 1：一般通过a标签的方式下载，利用H5的Download属性 代码示例如下： 场景：适用于现代浏览器，url是下载地址，而不是文件流，常用于GET请求 1 function downLoad
阅读全文
posted @ 2020-04-02 21:56
摘要：说明：路由的params对象使用，必须要通过路由名来调用路由，而不能通过path来调用，而query对象则没有这个要求。 1.query方式传参和接受参数 2.params方式传递参数 3.query和params的区别，query相当于get请求，在页面跳转的时候，可以在地址栏看到请求参数，然而p
阅读全文
posted @ 2019-09-15 17:24
摘要：第一步：如果有安装报错，最好先卸载 而且最好全局和文件夹内都卸载一遍 npm uninstall webpack -g (全局卸载) 确定npm正常 及安装了淘宝镜像 第二步：全局安装 cnpm install -g webpack@1.13.2(经过测试，其他版本也可以，4.0以上的我就不确定了，
阅读全文
posted @ 2019-09-04 16:39
摘要：理解要点： 1，函数定义时的作用域到函数执行时作用域依然有效。函数的执行依赖于变量的作用域。 2，讲作用域链描述为一个对象列表，每次调用js函数的时候，都会为之创建一个新的对象来保存局部变量，把这个对象添加至作用域链中，当函数返回的时候，如果不存在嵌套函数，也没有其它引用指向这个这个绑定的对象，就会
阅读全文
posted @ 2019-09-02 14:52
摘要：想要继承，就必须要提供个父类（继承谁，提供继承的属性） 一、原型链继承 重点：让新实例的原型等于父类的实例。 特点：1、实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性。（新实例不会继承父类实例的属性！） 缺点：1、新实例无法向父类构造函数传参。 2、继承单一。 3、所有新
阅读全文
posted @ 2019-09-02 14:30
摘要：原文：https://blog.csdn.net/u014315849/article/details/78567399 场景：主要是微信端网页开发，前端往往是先打开页面然后通过Ajax向后台发送请求返回JSON格式的数据。 原则一：一个页面尽量只有一个拉取接口 主要考虑的是尽量减少请求链接数，请求
阅读全文
posted @ 2018-07-30 16:21
浙公网安备 33010602011771号