- 博客(10)
- 收藏
- 关注
RSS订阅原创 Vue 项目性能优化
Vue代码层面优化1) v-for 遍历列表2) 图片资源懒加载3) 路由组件懒加载4) 第三方插件的按需引入5) 大数组优化1: 冻结响应式数据6) 大数组优化2: 虚拟列表7) 事件销毁2. webpack配置层面优化1) 兼容性处理2) 拆分打包与压缩3) 资源预加载(prefetch)4) 生产环境时不生成 SourceMap5) 文件名hash化=>利用浏览器缓存6) 代码Tree Shaking3. 基础的Web技术层面的优化1) 开启 Gzip2) 静态资源(css/js/img)使用C
2021-08-24 23:51:39
1337
4
原创 小程序功能实现
小程序功能实现小程序搜索框实现实现带搜索记录的搜索框小程序优化小程序微信支付流程以前收藏的小程序面试题小程序购物车功能实现微信小程序轮播图实现小程序搜索框实现判断是否为空，如果为空则提示用户，输入内容不能为空。发送请求判断是否为有效关键词，如果搜索的内容中没有商品，则版心内容提示用户，未搜到合适的商品。小程序实现搜索框功能实现带搜索记录的搜索框关键API: wx.getStorageSync('searchData') || [], //调用API从本地缓存中获取数据博客
2021-08-24 21:22:23
440
原创 面试被问到的问题
history 模式怎么配置。vue-router 跳转页面并刷新为什么会闪屏？功能：在 vue-router 中，在当前页面中点击当前页面的路由，页面是不会进行刷新的，如何做到点击当前页面并进行刷新呢？解决方法：this.$router.go(0);location.reload()上两种方法都会出现商品的现象，影响用户体验，如果做到页面刷新不闪屏呢？终极解决方案：在 App.vue，声明 reload 方法，控制 router-view 的显示或隐藏，从而控制页面的再次加载..
2021-08-24 21:20:37
300
原创 场景题汇总
axios 拦截器使用场景：**请求拦截器：**在每一个请求路径中都需要添加“http:localhost:8080/”，我们可以在设置axios 的默认请求路径。**请求拦截器：**在访问需要认证身份的后端接口时需要在请求头中添加 token，我们可以在 axios 的前置拦截去统一处理。**响应拦截器：**如果登录失败，我们是需要弹窗显示错误的，比如验证码错误，用户名或密码不正确等。不仅仅是这个登录接口，所有的接口调用都会有这个情况，所以我们可以做个 axios 的后置拦截，对返回的结果进行..
2021-08-24 21:13:42
248
原创 JS高级课堂笔记
原型链继数据的特点：可传递。var a = 3; var b = a;可运算。var a = 3; var b = a + 2;问题：var a = xxx;，a 内存中到底保存的是什么？xxx是基本数据，保存的就是这个数据。xxx是对象，保存的是对象的地址值。xxx是一个变量，保存的xxx的内存内容(可能是基本数据，也可能是地址值)。关于引用变量的赋值问题：两个或多个引用变量指向同一个对象，通过一个变量修改对象内部数据，其他所有变量看到的是修改之后的数据。两个或多个
2021-08-24 21:09:45
1705
原创 个人技能点(郎)
个人技能点1. 熟悉 h5 和 c3 新特性：语义化标签，flex 布局，动画等H5 新特性：2. 熟悉js作用域、原型、事件轮询机制、闭包等原理；js 作用域闭包事件轮询机制原型3. 熟悉 ES6 语法标准 promise，async/await 异步方案，箭头函数等`Promise`思路：generatorasync/awaitpromise 和 async/await 的区别箭头函数4. 了解 ajax 前后台数据交互原理，熟练使用原生 ajax 及 ajax 类库，如: axios；并掌握 json
2021-08-24 02:09:15
2217
原创 手写 map
Array.prototype.newMap = function(fn) { var newArr = []; for(var i = 0; i<this.length; i++){ newArr.push(fn(this[i],i,this)) } return newArr; } var arr = [3, 4, 5]; var newArr = arr.newMap(function(item, index, arr) { console
2021-08-24 01:20:45
137
原创 移动端 1px 像素问题
高清屏幕下 1px 对应更多的物理像素，所以 1 像素边框看起来比较粗，解决方法如下：边框使用伪类选择器，或者单独的元素实现。例如底部边框.box2::after { content: ''; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0; background: #000;}在高清屏幕下设置@media screen and (-webkit-min-device-pixel-ratio:
2021-08-15 02:44:48
116
原创 隐式类型转换
<script> // js中一共有6个false值:0,NaN,"",false,null,undefined // 强者(特殊的两个):null,undefined // 基本数据类型 VS 基本数据类型 // toNumber => Number(数据) console.log("1",true==1); //true //1 === 1 console.log(
2021-08-04 20:36:48
64
原创 字符串转对象互换面试题
<script> /* 已知一个url地址 http://www.baidu.com?user=laowang&pass=123456&sex=nan; 请把查询字符串的内容以对象的形式表示出来 得到：{ user:"laowang", pass:"123456",
2021-08-04 20:15:12
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人