![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 85
木森林哥哥
学习是一种信仰!
展开
-
使用require.context实现前端工程自动化
使用require.context实现前端工程自动化。原创 2022-10-10 01:17:24 · 79 阅读 · 0 评论 -
PC项目笔记
整体引入 lodash:import _ from 'lodash'按需引入 lodash 中的 throttle:import throttle from 'lodash/throttle'事件控制 2、3 级分类的显示和隐藏:原来的是使用 css 去做的,改为一个类:首先把原来的 hover 去掉,改为一个类。在 item 身上动态的强制绑定 class,[item_on: 布尔值],布尔值为 true,那么当前的这个 item 的类就生效。移入哪一个 item,就让当前这个 it..原创 2021-09-09 10:22:56 · 142 阅读 · 0 评论 -
ES6快速上手
目录ECMAScript概述JS历史ECMAScriptECMAScript版本文档地址关键字扩展(重要)let和块级作用域函数作用域块级作用域let关键字let关键字特点const关键字块级作用域的函数声明变量解构赋值(重要)什么是变量的解构赋值数组的解构赋值对象的解构赋值解构赋值的应用字符串的扩展模版字符串(重要)字符串新增的方法数组扩展扩展运算符什么是扩展运算符其他应用数组的新方法Array对象的新方法Array.from(实用)Array.ofArray原型上的新方法copyWithin(了解)fi原创 2021-09-09 08:05:46 · 311 阅读 · 0 评论 -
Vue3快速上手(tianyu)
前端网站分享Vue3快速上手1.Vue3简介2.Vue3带来了什么自己添加的内容:1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用 vue-cli 创建2.使用 vite 创建二、常用 Composition API1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2.x的响应式Vue3.0的响应式5.reactive对比ref6.setup的两个注意点7.计算属性与监视1.computed函数2.watch转载 2021-09-08 22:52:15 · 143 阅读 · 0 评论 -
Vue2知识点(tianyu)
前端网站分享笔记脚手架文件结构关于不同版本的Vuevue.config.js配置文件ref属性props配置项mixin(混入)插件scoped样式总结TodoList案例webStorage组件的自定义事件全局事件总线(GlobalEventBus)消息订阅与发布(pubsub)nextTickVue封装的过度与动画vue脚手架配置代理方法一方法二插槽Vuex1.概念2.何时使用?3.搭建vuex环境4.基本使用5.getters的使用6.四个map方法的使用7.模块化+命名空间路由1.基本使用2.几个注转载 2021-09-08 22:50:36 · 195 阅读 · 0 评论 -
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 · 1088 阅读 · 4 评论 -
小程序功能实现
小程序功能实现小程序搜索框实现实现带搜索记录的搜索框小程序优化小程序微信支付流程以前收藏的小程序面试题小程序购物车功能实现微信小程序轮播图实现小程序搜索框实现判断是否为空,如果为空则提示用户,输入内容不能为空。发送请求判断是否为有效关键词,如果搜索的内容中没有商品,则版心内容提示用户,未搜到合适的商品。小程序实现搜索框功能实现带搜索记录的搜索框关键API: wx.getStorageSync('searchData') || [], //调用API从本地缓存中获取数据博客原创 2021-08-24 21:22:23 · 333 阅读 · 0 评论 -
面试被问到的问题
history 模式怎么配置。vue-router 跳转页面并刷新为什么会闪屏?功能:在 vue-router 中,在当前页面中点击当前页面的路由,页面是不会进行刷新的,如何做到点击当前页面并进行刷新呢?解决方法:this.$router.go(0);location.reload()上两种方法都会出现商品的现象,影响用户体验,如果做到页面刷新不闪屏呢?终极解决方案:在 App.vue,声明 reload 方法,控制 router-view 的显示或隐藏,从而控制页面的再次加载..原创 2021-08-24 21:20:37 · 248 阅读 · 0 评论 -
场景题汇总
axios 拦截器使用场景:**请求拦截器:**在每一个请求路径中都需要添加“http:localhost:8080/”,我们可以在设置axios 的默认请求路径。**请求拦截器:**在访问需要认证身份的后端接口时需要在请求头中添加 token,我们可以在 axios 的前置拦截去统一处理。**响应拦截器:**如果登录失败,我们是需要弹窗显示错误的,比如验证码错误,用户名或密码不正确等。不仅仅是这个登录接口,所有的接口调用都会有这个情况,所以我们可以做个 axios 的后置拦截,对返回的结果进行..原创 2021-08-24 21:13:42 · 212 阅读 · 0 评论 -
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 · 408 阅读 · 0 评论 -
个人技能点(郎)
个人技能点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 · 767 阅读 · 0 评论 -
vue 常用知识总结
el只能在vue实例中使用。...原创 2021-04-19 18:16:57 · 1149 阅读 · 1 评论 -
VS Code 常用的快捷键(个人手打总结)
Ctrl + S: 保存选中内容,按TAB键可以缩进代码。!(英文感叹号)+TAB: 快速形成代码框架标签快捷键:比如写<h1></h1>,我们可以写一个h1然后按TAB键就会出来<h1></h1>。Ctrl + /: 注释Ctrl +双击内容可以选中标签里的单词。Ctrl + D:快速删除一行。Ctrl + L:选中当前行。Ctrl + Home(F11键):快速到页首。Ctrl + End(F12键):快速到页尾。Ctrl + F:.原创 2020-12-20 21:26:49 · 18709 阅读 · 5 评论 -
JS 知识积累笔记
前后端对接问题:接口跨域队列是什么?:队列是先进先出(插队除外)。先进去的代码先执行。[ ] + push + shift = 数组。我们可以认为JS的数组是队列的一种实现。栈:先进后出。像罐子里放东西,先放的东西会压在罐子底下,要拿的时候,最后才能拿出来。栈的实现 = [ ] + push + popJS链表:一个节点连着一个节点,只要不是连着两个或多个节点。proto 就等于next,是下一个节点的意思。树:一个节点后面有两个或两个以上的节点。树:一个节点后面有两原创 2021-01-03 16:14:21 · 381 阅读 · 0 评论 -
HTML、CSS基础知识笔记
构造函数在es6之前是没有“类”的概念的。格式化VS CODE 文档:shift + alt +fcss hover 如果给a元素,那么只有在a里面的才能被选取,如果给外面的元素像div,ul li 这样就是在元素外部也能被选取。行内元素不支持直接设置宽、高。不换行,溢出的字以省略号表示:width:多少px自己决定;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;注:ellipsis : 当对象内文本溢出原创 2020-11-26 01:43:55 · 997 阅读 · 0 评论 -
前端 HTML/CSS 基础知识汇总
前端 HTML/CSS(一)前端 HTML/CSS(二)前端 HTML/CSS(三)前端 HTML/CSS(四)前端 HTML/CSS(五)前端 HTML/CSS(六)前端 HTML/CSS(七)前端 HTML/CSS(八)前端 HTML/CSS(九)前端 HTML/CSS(十)前端 HTML/CSS(十一)前端 HTML/CSS(十二)前端 HTML/CSS(十三)前端 HTML/CSS(十四)前端 HTML/CSS(..原创 2021-01-07 13:00:43 · 279 阅读 · 0 评论 -
2333前端高频面试题汇总
1. 谈一谈null和undefined2. window.onload事件触发条件3. 谈一谈window对象4. 解析 offsetWidth、clientWidth5. 谈一谈重绘重排6. 描述 W3C 事件流7. 谈一谈事件委托原创 2021-02-02 19:02:33 · 464 阅读 · 0 评论 -
JavaScript/JS 基本功
目录Boolean类型undefined类型null类型获得类型类型转换强制类型转换在JavaScript中不管是用单引号声明或双引号声明的字符串都可以解释转义字符。\r,回车。表示打印头归位。\n,换行。纸张移动一行。Boolean类型Boolean类型用来做开关、条件的处理。只有两个值,true 和 false,而且严格区分大小写。真:true 1 on假:false 0 offvar bool1 = true;//布尔值var bool2 = false;console.lo原创 2021-01-28 01:08:15 · 212 阅读 · 0 评论