![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
重返学习
文章平均质量分 90
方朝端
这个作者很懒,什么都没留下…
展开
-
20230728----重返学习-新电脑环境
把D盘合并到C盘,以后文件基本上都装C盘,防止软件有问题。安装公司内网通信工具,如。安装git图形化管理工具。原创 2023-09-10 23:36:37 · 166 阅读 · 0 评论 -
20230728----重返学习-跨域-模块化-webpack初步
day-122-one-hundred-and-twenty-two-20230728-跨域-模块化-webpack初步跨域跨域为什么要跨域?浏览器为了安全,不能让我们的html文件可以随意引用别的服务器中的文件,只允许我们的html或js文件中,请求我们自己服务器。这个就是浏览器的同源策略。因为我们的网页是一个html文件,这个html是在一个域名里的。而这个html会引用各种文件,如图片、js文件、css文件,这些文件,有时候并不在一个服务器里。所以我们就需要去到其它服务器中查找这些原创 2023-07-29 00:18:37 · 1117 阅读 · 0 评论 -
20230726----重返学习-vue3项目实战-知乎日报第3天-TS-简历
vue3项目实战。原创 2023-07-27 02:19:26 · 448 阅读 · 0 评论 -
20230725----重返学习-vue3项目实战-知乎日报第2天
一般有业务的组件之类的方法和状态中,可以使用自定义hooks。一般通用逻辑中,也用的自定义hooks。src/useAutoImport.js 定义自定义hooksimport * as vue from 'vue' //直接导入vue中全部的api,方便后面使用vue中的东西可以不用再导入。import {// 二次处理一些事情,直接拿到想要的结果。防止重复进行操作。原创 2023-07-25 22:29:58 · 313 阅读 · 0 评论 -
20230724----重返学习-vue3知乎日报项目实战
pinia 和 vuex4 的区别@vue/cli和vite的区别@vue/cliwebpackvite脚手架ESModule模块vite脚手架IE低版本浏览器vitewebpackvitelessvite不是用webpackwebpackrollup打包快rollup的生态webpackVue3 和 Vue2 的区别Vue3DOM-diff算法Vue21.3~2倍diff算法Vue2数据劫持不兼容IE浏览器vue2响应式原理vue3响应式原理使用Proxy基于Proxyget/set劫持has。原创 2023-07-25 03:23:13 · 573 阅读 · 0 评论 -
20230722----重返学习-vue3项目实战-收尾
md5特点?不是加密算法,摘要算法。内容不同摘要的结果不同如果内容发生一点变化就会发生翻天覆地的变化 , 雪崩效应生成长度一致相同的内容生成的结果一直不可逆。原创 2023-07-23 04:13:42 · 91 阅读 · 0 评论 -
20230721----重返学习-vue3实战项目初步
而我们项目中,有一些配置相关的代码是在node环境下跑的,一般我们需要让这些在node环境下跑的代码后缀写成cjs,以便区分项目中的代码是跑在ESModule还是node。src/installVant.js 配置一些不能直接按需导入的全局属性及全局方法,以插件的形式来写,让相关功能的代码更统一在一起。.eslintrc.cjs 配置让项目环境支持node的CommonJS规范及浏览器的ES6Module规范。把css文件中的px单位转成rem,具体转换比例看postcss.config.cjs。原创 2023-07-21 23:57:59 · 104 阅读 · 0 评论 -
20230720----重返学习-小程序页面的初步完成
设置自定义分享按钮< button type = " info " open-type = " share " > 分享小程序 </ button >< button type = " info " open-type = " share " > 分享小程序 </ button >< button type = " info " open-type = " share " > 分享小程序 </ button >原创 2023-07-21 03:01:45 · 246 阅读 · 0 评论 -
20230718----重返学习-微信小程序初步
立即注册微信小程序前往注册首页小程序发布流程小程序开发与管理开发设置开发开发管理开发设置小程序。原创 2023-07-19 03:29:31 · 134 阅读 · 0 评论 -
20230717----重返学习-常见面试题-todoList-封装服务相关的组件-vue3生态-vue-router-pinia
day-114-one-hundred-and-fourteen-20230717-常见面试题-todoList-封装服务相关的组件-vue3生态-vue-router-pinia常见面试题vue2模版编译vue3模版编译对于一些导入的模块,可以在npm 官网、 github官网找到模块查看原理。v-if与v-forvue2模板编译网站vue3模板编译网站查看一些第三方插件,可以通过npm或github来进行查找。v-if 和 v-for的优先级问题vue2 肯定是v-f原创 2023-07-18 03:26:36 · 276 阅读 · 0 评论 -
20230715----重返学习-vue3新API-Vue3和Vue2对比-vue3语法-Vue3编码
提供⾃定义渲染器,可以在⾮DOM环境中使⽤Vue的运⾏时。虚拟dom的优点?平时我们一般并不需要使用这个api,只是为了扩展渲染能力才会使用,如用vue写微信小程序之类的需求。这个api主要就是可以自定义渲染方式。说明:vue2中没createRenderer的写法。vue3中有createRenderer自定义浏览器的写法。v-bind绑定样式CSS变量在css中使⽤v-bind绑定样式具有scoped属性的style标签中新加的选择器在scoped中自定义深度选择、插槽、原创 2023-07-16 03:06:30 · 2276 阅读 · 0 评论 -
20230714----重返学习-DOM-diff算法-构建工具-包管理工具-Vite基本使用-Vue3新特性
day-112-one-hundred-and-twelve-20230714-DOM-diff算法-构建工具-包管理工具-Vite基本使用-Vue3新特性DOM-diff算法vue2中diff算法同级比对,跨级比对性能差。而且采用的方式是递归比对,更差一点。根节点只能有一个,比对的时候会从根节点进行比对,先判断两个根节点是否是同一个节点。如果不是同一个节点则直接将老节点删除掉,换成新节点。根据标签名、key。isSameVnode()这个方法来判断是否是相同的同一个节点。如果两个节原创 2023-07-15 03:03:34 · 331 阅读 · 0 评论 -
20230712----重返学习-权限校验
登录时拿到用户所有的权限标识列表并保存到vuex中。在自定义指令的inserted阶段中,用用户调用该全局自定义指令时传入的权限标识比对用户所有权限标识列表,如果不存在,就移除该DOM。在需要使用权限标识的标签上,使用该全局自定义指令,并传入一个对应这个标签的权限标识。登录时拿到用户所有的权限标识列表并保存到vuex中。在自定义指令的inserted阶段中,用用户调用该全局自定义指令时传入的权限标识比对用户所有权限标识列表,如果不存在,就移除该DOM。原创 2023-07-13 00:37:32 · 147 阅读 · 0 评论 -
20230711----重返学习-组件缓存-图片上传-富文编辑器-鉴权处理
/图片上传 /* // https://iot.fastbee.cn/prod-api/iot/tool/uploadAuthorization 需要传递Token请求主体file:文件对象返回值:code: 200msg: "操作成功"/* 暴露API */ const API = {<script>data() {return {},methods: {//限制大小;this.$message.warning("上传的图片不能超过1000kb");原创 2023-07-11 20:48:31 · 982 阅读 · 0 评论 -
20230710----重返学习-物模型增删改查-欢迎页图表展示-图表展示
如果是一个弹框,在同一个组件中,可以给弹框中存储一个公共状态对象,之后通过那个对象中的数据来修改。如果是另一个路由页面,那么将使用如问号传参或params传参或路径传参这类路由传参将当前项的id传递到另一个路由地址中,而另一个路由地址再通过id查询到当前表单的信息。原创 2023-07-10 23:56:22 · 624 阅读 · 0 评论 -
20230708----重返学习-通用物模型基础样式
fang/f20230708/ManageSystem/src/layout/HeaderLayout.vue 做数据强制更新。fang/f20230708/ManageSystem/src/api/iot.js 仅本地做缓存。原创 2023-07-08 23:59:16 · 141 阅读 · 0 评论 -
20230707----重返学习-物美管理系统-登录流程-页面路由跳转-面包屑导航-访问历史列表
【代码】20230707----重返学习-物美管理系统-登录流程-页面路由跳转-面包屑导航-访问历史列表。原创 2023-07-07 23:59:41 · 296 阅读 · 0 评论 -
20230706----重返学习-vue路由导航守卫相关-物美后台管理系统
vue全家桶:vue@2 + vuex@3 + vue-vue-router@3。从零开始,基于Vue2全家桶+ElementUI构建一个管理系统类项目。“axios” 发送ajax请求。也可以使用fetch。“xlsx” 处理Excel表格的上传、下载、解析等。“vuex-persist” vuex的持久化存储。开发依赖:--------------Word/PDF 解析的插件。设置页面的title。原创 2023-07-05 22:52:44 · 296 阅读 · 0 评论 -
20230704----重返学习-SPA单页面应用-vue-router-路由的配置
day-105-one-hundred-and-five-20230704–SPA单页面应用-vue-router-路由的配置vue-router常见面试题面试题:说说你对 SPA 单页面的理解,它的优缺点分别是什么?面试题:介绍一下路由的两种实现模式:hash模式 和 history模式面试题:说一下路由跳转的方案及传参方式有哪些?面试题:介绍一下 vue-router 中的导航守卫函数面试题:介绍一下你对vue-router的理解?代码正常但找不到html页面的问题报错信息:C原创 2023-07-05 00:02:10 · 124 阅读 · 0 评论 -
20230703----重返学习-组件封装-Vue.extend()语法-创建一个使用函数来调用的组件-组件和插件的问题-vuex-Vue.mixin()
组件调用:template中标签语法。使用函数的方式去调用。原创 2023-07-03 23:55:50 · 301 阅读 · 0 评论 -
20230701----重返学习-Vue的单向数据流-todoList项目-组件封装-jsx语法
fang/f20230701/day0701/src/main.js或fang/f20230701/day0701/src/global.js,因为global.js是在入口文件main.js直接引入的,和在入口文件执行代码差不多。fang/f20230701/day0701/src/main.js或fang/f20230701/day0701/src/global.js,因为global.js是在入口文件main.js直接引入的,和在入口文件执行代码差不多。在需要用到该按钮的地方直接使用。原创 2023-07-02 00:09:03 · 346 阅读 · 0 评论 -
20230630----重返学习-QQ音乐-从零开始构建一个Vue2的项目-常见面试题-Vue组件间通信
如果不想传递东西只想操作实例:在父组件中,可以基于ref($children)获取子组件的实例,这样就可以很方便地去操作子组件实例上的数据和方法了,然后想做什么就做什么。如果需要传递的是一些值/方法:基于属性即可。在代码编译的时候,可以把我们写的px单位的值,按照指定的rem和px和换算比例,自动转换为rem的值!Vue2进阶/VueQQMusic/src/assets/images/loading.gif。Vue2进阶/VueQQMusic/src/assets/images/music.svg。原创 2023-06-30 23:52:03 · 193 阅读 · 0 评论 -
20230628----重返学习-自定义指令的玩法和作用-对象新增属性不能响应的问题-Vue组件中的data属性-Vue生命周
面试题:自定义指令的玩法和作用在我之前的项目中,有些需求我是基于创建自定义指令完成的。我觉得这也算是一种封装技巧,把一些要实现的功能,封装成为自定义指令,以后基于v-xxx进行调用,用起来也很方便!比如我之前封装过:v-power 实现权限的校验。在自定义指令内部,获取登录者具备的权限标识,根据传递进来的需要判断的标识,验证当前登录者是否具备相应的权限,从而控制元素的渲染和销毁。v-debounce/throttle 实现函数的防抖和节流。原创 2023-06-29 00:03:37 · 267 阅读 · 0 评论 -
20230627----重返学习-全局处理vue-Vue.use()-element-ui说明-vue2中原型链-如何设置样式
创建,用于设置全局相关的配置。在中,在导入之前先导入。原创 2023-06-28 00:28:41 · 361 阅读 · 0 评论 -
20230626----重返学习-Vue的学习路线-常用的vue指令-v-model-vue常见面试题
template>jsx语法OptionsAPI样式私有化方案类组件函数组件UI组件库二次封装vuexvue-router上拉刷新下拉加载超长列表登录权限管理模型。原创 2023-06-26 23:56:51 · 337 阅读 · 0 评论 -
20230624----重返学习-vue-响应式处理思路-仿源码
Vue是渐进式框架Vue2全家桶Vue3全家桶。原创 2023-06-24 23:58:54 · 312 阅读 · 0 评论 -
20230623----重返学习-vue-cli脚手架
安装和使用可选择当前配置项文件目录jsconfig.json文件:不仅给webpack看,而且对vscode编辑器也有用!babel.config.js 这个是babel的配置文件,用于处理js与vue语法的!vue.config.js 这个是vue的配置项。@vue/cli 脚手架,为了美化项目的目录结构,把配置好的webpack规则都隐藏到了 node_modules 中,基于 vue-cli-service 进行管理!如果想查看配置好的规则?原创 2023-06-23 23:53:16 · 723 阅读 · 0 评论 -
20230621----重返学习-仿QQ音乐播放器-静态页面的免费部署-vue2
audio标签标签的属性各浏览器对不用音频格式的支持是不一样的可以在audio标签用内部使用source来指定可以使用的音频源。</audio标签对应的DOM元素对象的常见属性</</let;/*currentTime:存储了当前播放的时间「单位秒」duration:存储了总的时间ended:true/false 是否播放完毕paused:true/false 当前是否为暂停的volume:0~1 控制音量的 1最大音量 0静音play方法:控制音频播放pause方法:控制播放暂停。原创 2023-06-21 23:56:23 · 1495 阅读 · 0 评论 -
20230620----重返学习-移动端事件处理-响应式
day-095-ninety-five-20230620-移动端事件处理-响应式移动端事件处理移动端的事件处理移动端事件处理PC端主要以:鼠标事件、键盘事件、资源加载事件、动画事件等事件为主。其中click在PC端是点击事件!移动端主要以:手指事件(单手指和多手指)、资源加载事件、动画事件等为主。其中,click在移动端是单击事件。移动端事件问题移动端事件的各个问题:问题1:click事件在移动端存在300ms的延迟。原因:click事件在移动端是单击原创 2023-06-20 23:58:41 · 2653 阅读 · 0 评论 -
20230619----重返学习-图片缩略图幻灯片-插件封装的步骤-NativeApp与WebApp
day-094-ninety-four-20230619-图片缩略图幻灯片-插件封装的步骤-NativeApp与WebApp图片缩略图幻灯片总体思路整理思路。所有的结构都包在一个盒子中。盒子里有两层内容:盒子宽高由前端根据设计稿来定。盒子宽高应具体到px,以便内部使用百分比进行布局。一层是封面,用于展示播放时长和视频主图。一层是进度图,用于展示进度条对应的视频缩略图。根据用户鼠标在盒子中横向距离与盒子宽度的比例,控制进度图的进度,之后进度图控制精灵图中显示的区域。精灵图是一张原创 2023-06-19 23:47:56 · 845 阅读 · 1 评论 -
20230616----重返学习-前端性能优化方案-辅助知识
第一部分:加快打包速度和降低打包后文件的体积第二部分:提高页面第一次渲染的速度减少HTTP请求的次数和大小前端骨架屏技术开启静态资源文件的CDN部署基于 Connection:keep-alive 保持TCP通道的长链接,防止每一次请求都要进行三握四挥,加快资源的获取减少对Cookie的使用,因为每一次向服务器发送请求,都会把本地的cookie自动传递给服务器资源要分服务器进行部署,在增加了DNS解析次数的基础上,使用DNS预解析,来加快域名解析速度!针对于图片方面的处理。原创 2023-06-16 23:58:47 · 547 阅读 · 0 评论 -
20230614----重返学习-HTTP网络-辅助知识-前端性能优化
从输入URL地址到看到页面,中间都经历了啥第一步:URL地址解析。httphttpsHTTPSSLftp上传内容下载内容0~65535第二步:缓存检查Expireshttp/1.0http/1.1Expires具备在效期的缓存信息html页面强缓存webpack编译唯一hash值代码修改每次打包不同的文件html页面最新的文件强缓存服务器资源最新资源本地缓存协商缓存协商缓存强缓存强缓存协商缓存协商缓存的机制HTTP/1.0ETagHTTP/1.1ETag第三步:DNS解析DNS解析递归查询。原创 2023-06-14 23:59:37 · 1128 阅读 · 0 评论 -
20230613----重返学习-HTTP网络-毕设总结
毕设是非常重要的,如果毕设都完不成,也不需要去面试了,直接重听就好了!只有完成毕设,和写完简历,并且我审核过了,才能毕业「我给你看简历之前,先看毕设」不限技术框架「Vue2、Vue3、React 皆可」,但是建议:你想用啥技术作为主栈去找工作,那么就先以啥技术框架去做毕设!!一个人 / 两个人:自愿结组「三个人结组的,需要我审核」毕设需要是一个完整的项目「包含前后端的各种通信问题」如果自己可以写后台,自己写也可以,如果不会后端,则找开源的后端!!知乎日报「只许一个人开发」原创 2023-06-13 23:42:20 · 276 阅读 · 0 评论 -
20230612----重返学习-函数式编程-数据类型检测-网络层优化
函数式编程 && 命令式编程函数式编程:把具体的操作过程“封装”到一个函数中,我们无需关注内部是如何处理的(How),只需要关注处理的结果(What)即可;命令式编程:具体如何去处理,是由自己实现及掌控的,关注How的过程!操作灵活,可以自主把控处理的每一个步骤。对于一些复杂的处理逻辑,还是要使用命令式编程,自己去管控操作的步骤。处理性能一般比函数式编程式要好。总结:处理的数据量“较多”的情况下,使用命令式编程来提高性能!操作逻辑较为复杂,需要自己灵活把控处理步骤的情况下,也使用命令式编程!原创 2023-06-12 23:57:43 · 376 阅读 · 0 评论 -
20230610----重返学习-问题思考-redux持久化存储-react淘系方案-iterator迭代器-generator生成器-串行发起请求的三种方案-redux中间件-redux-saga
执行Symbol.iterator方法,会获取到一个iterator对象,iterator对象中具备next()方法。基于for-of迭代一个数据结构的时候,首先调用数据结构的Symbol.iterator方法。原因:普通不具备迭代器规范,也就是不具备 Symbol.iterator 这个方法。生成器函数的作用:可以基于yield和迭代器规范,控制函数体中的代码一步步的去执行。iterator迭代器:为各种不同的数据结构,提供统一的遍历/迭代。返回的是一个具备value/done的对象。原创 2023-06-11 00:03:15 · 134 阅读 · 4 评论 -
20230609----重返学习-react项目的细节
手动输入/login地址push()Element/personalreplacereplace/personalreplacereplace。原创 2023-06-09 23:59:11 · 432 阅读 · 0 评论 -
20230607----重返学习-react项目-知乎日报
对于某些需求下,从A组件跳转到B组件,是不能把A销毁的!我们可以把A隐藏(或者说把A的真实DOM/虚拟DOM缓存起来(可以从页面中移除)),然后在渲染B组件;原创 2023-06-07 23:53:40 · 364 阅读 · 0 评论 -
20230606----重返学习-react项目
React阶段/知乎日报/zhihu/src/store/reducers/baseReducer.js。React阶段/知乎日报/zhihu/src/store/actions/baseAction.js。React阶段/知乎日报/zhihu/src/store/reducers/index.js。React阶段/知乎日报/zhihu/src/store/actions/index.js。React阶段/知乎日报/zhihu/src/store/action-types.js。配置redux架子。原创 2023-06-06 23:59:28 · 430 阅读 · 0 评论 -
20230605----重返学习-路由懒加载后让受控组件得到props-react路由6-知乎日报
可以发现有受控组件的概念了。原创 2023-06-05 23:54:32 · 310 阅读 · 0 评论 -
20230603----重返学习-react路由导航-路由传参-react-router-dom的V6版本
编码式导航:基于JavaScript实现路由的跳转。编码式导航:基于JavaScript实现路由的跳转。实际上是基于props中history对象中的相关方法实现路由跳转的。在react-router-dom的V5版本中:如果是受控组件,则路由内容,会给每个组件传递三个属性:history 提供了路由跳转的方式。跳转路由新增历史记录跳转路由当前的历史记录历史记录中指定位置location:记录当前路由的信息。match:记录当前路由匹配的规则与匹配记录。如果是非受控组件,默认不会传递这三个属性。原创 2023-06-04 00:54:07 · 526 阅读 · 0 评论