流浪のwolf

卷帝

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

统计

10 2022 档案

element 的 表单 搜索 和 重置按钮换行问题 ? inline
摘要:想要: 但是: 加上 阅读全文

posted @ 2022-10-30 22:01 朱龙旭的网络 阅读(15) 评论(0) 推荐(0) 编辑

自定义指令 v-imgerror 当图片的 src 资源 无效 就替换 默认的 src 显示图片
摘要:// 回顾自定义指令 // 作用 : 自定义一些对dom操作的快捷指令 // 前提:指令就是用来操作 dom (v-if /v-show/v-for ....) // 语法:Vue.directive(指令名字,{配置对象}) // 使用:<标签 v-指令名=“表达式/变量名” /> import 阅读全文

posted @ 2022-10-28 15:56 朱龙旭的网络 阅读(26) 评论(0) 推荐(0) 编辑

permission 文件 - 后台管理 element-admin 模板 作用-前置路由守卫
摘要:import router from "./router"; import { getToken } from "./utils/auth"; import NProgress from "nprogress"; // 引入一份进度条插件 import "nprogress/nprogress.cs 阅读全文

posted @ 2022-10-28 15:17 朱龙旭的网络 阅读(18) 评论(0) 推荐(0) 编辑

前端 vue.config.js 处理跨域问题 proxy 代理
摘要:问: 业务中的跨域问题是如何解决的? 这个的话我们公司⼤概分了俩种环境,⼀种是开发的时候,⼀种是上⽣产的时候,开发的时候因为要对 接的后端可能会⽐较多,他们配置不太⽅便,这个时候采取的是⽐较⽅便的前端代理的⽅案,和谁对接 的时候就把target设置为对⽅的接⼝ip 解决跨域问题 要是上⽣产的话 通常 阅读全文

posted @ 2022-10-28 15:14 朱龙旭的网络 阅读(60) 评论(0) 推荐(0) 编辑

手动检查 token 是否过期
摘要:1.在 存储 token 的时候说明登录了 此时 把时间戳记录一下 js-cookies - auth.js // 导入 js-cookie 用于操作 cookies import Cookies from "js-cookie"; const TokenKey = "hrsacc_admin_to 阅读全文

posted @ 2022-10-28 14:58 朱龙旭的网络 阅读(1481) 评论(0) 推荐(0) 编辑

Access to XMLHttpRequest at xxxx from origin xxx has been blocked by CORS policy: No 'Access-Control- Allow-Origin' header is present on the requested resource
摘要:错误:控制台报错 ; network 自动发起了请求: 解决办法: 找到 \node_modules\sockjs-client\dist\sockjs.js 文件 然后 crtl + g 快捷键跳转到 1603 行 ,把他 注释掉 即可 ;ps:不需要重新启动 ; 阅读全文

posted @ 2022-10-28 14:44 朱龙旭的网络 阅读(112) 评论(0) 推荐(0) 编辑

后台管理系统的setting.js
摘要:// 修改了此处要重新启动 module.exports = { // 网页的标题 title: "人力资源系统", /** * @type {boolean} true | false * @description Whether fix the header * 是否固定头部的导航 */ fix 阅读全文

posted @ 2022-10-27 14:58 朱龙旭的网络 阅读(24) 评论(0) 推荐(0) 编辑

sass和scss的区别
摘要:首先注意,这里的sass和我们的scss是什么关系 sass和scss其实是一样的css预处理语言,SCSS 是 Sass 3 引入新的语法,其后缀名是分别为 .sass和.scss两种。 SASS版本3.0之前的后缀名为.sass,而版本3.0之后的后缀名.scss。 两者是有不同的,继sass之 阅读全文

posted @ 2022-10-27 14:52 朱龙旭的网络 阅读(109) 评论(0) 推荐(0) 编辑

函数式组件的使用场景和特点
摘要:Vue提供了一种称为函数式组件的组件类型,用来定义那些没有响应数据,也不需要有任何生命周期的场景,它只接受一些props来显示组件 ; Vue提供了一种可以让组件变为无状态、无实例的函数化组件 ; 阅读全文

posted @ 2022-10-27 14:23 朱龙旭的网络 阅读(20) 评论(0) 推荐(0) 编辑

递归组件的特点
摘要:一、递归组件特点 (一)name属性值是必须拥有的(二)可以在自己组件中,调用自己,而不需要引用组件(三)必须要有结束判断,以免进入死循环 阅读全文

posted @ 2022-10-27 13:58 朱龙旭的网络 阅读(15) 评论(0) 推荐(0) 编辑

父组件和子组件的执行顺序
摘要:父组件created→父组件beforeMounted→子组件created→子组件beforeMounted→子组件mounted→父组件mounted; 阅读全文

posted @ 2022-10-27 13:56 朱龙旭的网络 阅读(21) 评论(0) 推荐(0) 编辑

is特性
摘要:is是特性在动态路由的时候使用 ,在挂载点 component 使用,用来判断哪个组件显示 ; 阅读全文

posted @ 2022-10-27 13:53 朱龙旭的网络 阅读(13) 评论(0) 推荐(0) 编辑

vuex 的modules 子模块总结
摘要: 阅读全文

posted @ 2022-10-27 09:03 朱龙旭的网络 阅读(16) 评论(0) 推荐(0) 编辑

后台管理系统的前置路由守卫
摘要:// 全局前置路由守卫 /** * 是否登录了 * 登录了 * 去的是否是登录页面 * **** 是的 则转到系统首页 都登录过了 还去登录干啥 * **** 不是去的登录页 放行去登录页 */ /** * 未登录 * 去的是否是白名单 ? 白名单就是未登录的情况下 你可以访问哪些界面 【登录页面 阅读全文

posted @ 2022-10-27 08:38 朱龙旭的网络 阅读(30) 评论(0) 推荐(0) 编辑

删除 设置 获取 cookies 的第三方包 js-cookies
摘要:// 第三方包 js-cookies 是一个操作cookies的包 import Cookies from 'js-cookie' // Cookies.set(key,value) 存值 // Cookies.get(key) 取值 // Cookies.remove(key) 删值 // 便于维 阅读全文

posted @ 2022-10-27 07:19 朱龙旭的网络 阅读(19) 评论(0) 推荐(0) 编辑

vue本地项目启动时遇到coreJs相关报错问题处理
摘要:启动项目的时候报错 : 是因为core.js这个包丢失,需要大家重新下载即可 ; yarn add core-js 阅读全文

posted @ 2022-10-24 15:13 朱龙旭的网络 阅读(66) 评论(0) 推荐(0) 编辑

vue 中 slot 的使用方式,以及作用域插槽的用法
摘要:分类:插槽又分为匿名插槽、具名插槽以及作用域插槽 ; 匿名插槽,我们又可以叫它单个插槽或者默认插槽 因为组件标签中间是不允许写内容的,但是可以插入 插槽 ;template 标签 ; 插槽的使用方法 : 使用组件 定义组件 使用场景:vue提供组件插槽能力, 允许开发者在封装组件时,把不确定的部分定 阅读全文

posted @ 2022-10-22 09:01 朱龙旭的网络 阅读(219) 评论(0) 推荐(0) 编辑

打包项目的时候出错 Multiple assets emit different content to the same filename index.html
摘要:上一次的打包的时候 内存已存在 index.html 了所以冲突了 ; 解决办法 :关机重启 ; 或者改变当前的index.html 文件名称 ; 阅读全文

posted @ 2022-10-21 10:04 朱龙旭的网络 阅读(119) 评论(0) 推荐(0) 编辑

yarn 和 npm 不能混合使用
摘要:当有 yarn.lock 的时候说明项目使用的yarn 创建的 则后面的都要使用 yarn 操作,比如下载 包 等 ; 当项目没有 yarn.lock 而是 package.json.lock 说明项目使用 npm 创建的 ,则后面清一色使用 npm i 等 阅读全文

posted @ 2022-10-21 09:54 朱龙旭的网络 阅读(62) 评论(0) 推荐(0) 编辑

路由守卫有哪些 ?
摘要:路由守卫共有 7 个 ; 全局路由守卫 3 个 : beforeEach 全局前置守卫 ;所有的路由跳转都要经过beforeEach ,参数 to 去的路由信息 ,from 来自的路由信息 next 是否放行 ; afterEach 后置守卫 beforeResolve 解析守卫 组件守卫 befo 阅读全文

posted @ 2022-10-21 07:22 朱龙旭的网络 阅读(135) 评论(0) 推荐(0) 编辑

如何解决token过期问题 ?
摘要:首先 token 过期会导致请求不到数据 , 就不能准确渲染页面 ,此时的错误配置项的token是过期的,只要更新了token 拿着原先的配置项重新请求数据即可 ;但是如果更新token的时候请求错误,可能是refresh_token也过期了,直接去登录页面重新登录 ; 具体操作:先封装好一个更新t 阅读全文

posted @ 2022-10-20 22:08 朱龙旭的网络 阅读(946) 评论(0) 推荐(0) 编辑

搜索功能实现 - 搜索历史组件的封装 - 编辑状态和完成状态下不同的操作
摘要:<template> <div class="search-history"> <div class="search-history"> <van-cell title="搜索历史"> <template v-if="isEdit && searchHistories.length"> <!-- v 阅读全文

posted @ 2022-10-20 21:33 朱龙旭的网络 阅读(28) 评论(0) 推荐(0) 编辑

: 搜索功能实现 - 搜索结果组件的封装 - 上拉加载
摘要:传值 keywords <template> <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" > <van-cell v-for="(item, index) in list" 阅读全文

posted @ 2022-10-20 20:13 朱龙旭的网络 阅读(19) 评论(0) 推荐(0) 编辑

搜索功能实现 - 搜索建议组件的封装 - 防抖 - 关键词高亮
摘要:// 父组件传 1 个值 关键词 // 子组件 的 emit自定义的search事件会委托父组件改变 keywords 的值 然后更新 props 的keywords 然会触发 watch 的 handler 函数 然后请求建议数据 <template> <div> <!-- 显示搜索建议 --> 阅读全文

posted @ 2022-10-20 20:11 朱龙旭的网络 阅读(29) 评论(0) 推荐(0) 编辑

搜索历史和搜索建议、搜索结果的逻辑展示组件
摘要:搜索逻辑的判断展示思路 * 1. 如果 keywords 是空,就显示搜索历史 * 2. 如果 input 聚焦,并且搜索关键词 keywords 不为空,就显示搜索建议 * 3. 点击搜索按钮或者在input框聚焦状态下按下 enter 触发 input 的时候展示搜索结果 <form actio 阅读全文

posted @ 2022-10-20 20:05 朱龙旭的网络 阅读(189) 评论(0) 推荐(0) 编辑

什么是 h5项目
摘要:首先 h5项目不是 html5 的意思,在者 h5 不是微信网页 ; h5 是移动网页的统称 ; 阅读全文

posted @ 2022-10-20 18:45 朱龙旭的网络 阅读(118) 评论(0) 推荐(0) 编辑

vue.config.js 常用的属性
摘要:// vue.config.js 文件是脚手架的配置文件 const { defineConfig } = require("@vue/cli-service"); module.exports = defineConfig({ transpileDependencies: true, lintOn 阅读全文

posted @ 2022-10-20 18:09 朱龙旭的网络 阅读(51) 评论(0) 推荐(0) 编辑

搭建项目解构层
摘要:1. vue create 项目名称 整理目录 2. 工具层 utils 封装本地存储 storage.js 存值 取值 删值 封装请求实例 request.js 创建实例 - 配置基准地址 baseURL 请求拦截器 - 统一携带 token 响应拦截器 - 处理 token 过期 未登录 异常错 阅读全文

posted @ 2022-10-20 17:14 朱龙旭的网络 阅读(12) 评论(0) 推荐(0) 编辑

DOMException: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': 'function (header, parser) { header = normalizeHeader(header);
摘要:场景:token过期,然后更新了token 重新发起请求获取数据 ; 代码:使用上一次的错误请求配置报错 return request(error.config) ; 解决 : return request({ ...error.config, headers: {}, }); // 添加响应拦截器 阅读全文

posted @ 2022-10-20 17:06 朱龙旭的网络 阅读(1221) 评论(0) 推荐(0) 编辑

路由页面跳转优化
摘要:1. 添加全局前置路由守卫 import store from "@/store"; import Vue from "vue"; import VueRouter from "vue-router"; Vue.use(VueRouter); const routes = [ { path: "/" 阅读全文

posted @ 2022-10-20 14:23 朱龙旭的网络 阅读(27) 评论(0) 推荐(0) 编辑

input 的hidden 属性
摘要:hidden 会隐藏input 标签内容显示,不占位置 ; <input type="file" name="" id="" ref="imgFile" @change="changeFile" style="width: 100%" /> 使用了hidden 书框框隐藏了 阅读全文

posted @ 2022-10-20 10:12 朱龙旭的网络 阅读(637) 评论(0) 推荐(0) 编辑

query和params的区别
摘要:2者都是编程式路由跳转用来存放传递数据的位置,query使用path引入,数据显示在地址栏上,params使用name引入,传递的数据在页面看不见 ; 阅读全文

posted @ 2022-10-20 07:12 朱龙旭的网络 阅读(29) 评论(0) 推荐(0) 编辑

怎么理解vue的单向数据流
摘要:单向数据流是父组件传给子组件的数据,子组件没有权利修改,只能委托父组件修改,然后子组件更新 阅读全文

posted @ 2022-10-20 07:06 朱龙旭的网络 阅读(24) 评论(0) 推荐(0) 编辑

call apply bind 的区别
摘要:相同点:动态修改当前函数内部环境对象 this 指向 ; 异同点: 执行方式的不同 call apply 改变后立即执行,是同步代码 bind 是异步代码,改变后不会立即执行,会返回一个函数 ,比如改变定时器内部的this指向 传参不同 call 和 bind 逐个传入 apply 以数组的方式传入 阅读全文

posted @ 2022-10-20 07:02 朱龙旭的网络 阅读(21) 评论(0) 推荐(0) 编辑

怎么封装axios
摘要:首先,单独创建一个request的js文件,导入axios 然后,创建 axios 实例 request = axios.create 可以写基本地址,超时时间等; 后面可以添加拦截器,可以在请求拦截器统一添加token,规定返回数据的格式 最后默认导出request实例; 阅读全文

posted @ 2022-10-20 06:46 朱龙旭的网络 阅读(22) 评论(0) 推荐(0) 编辑

URL.createObjectURL 的使用方法
摘要:使用场景:点击图片预览图片的时候,用于生成一个临时的预览地址 ,会存放在本地电脑的内存中 ; imgFile 是?? 使用 input type = file 选择的图片 ; const imgFile = this.$refs.imgFile.files[0]; // 接口需要的参数 file类型 阅读全文

posted @ 2022-10-18 19:48 朱龙旭的网络 阅读(1788) 评论(0) 推荐(0) 编辑

修改用户设置 - 修改生日
摘要:点击生日表格的时候,popoup 显示 ,popup 包裹一个修改生日的组件 ; ps:父组件传值 当前的 日期 birthday -currentDate ; 在onfirm 方法里面更新数据 ,然后更新视图 ; <template> <van-datetime-picker v-model="c 阅读全文

posted @ 2022-10-18 16:35 朱龙旭的网络 阅读(67) 评论(0) 推荐(0) 编辑

使用第三方包处理时间
摘要:console.log(this.currentDate); // Sat Dec 22 2007 00:00:00 GMT+0800 (中国标准时间) const str = dayjs(this.currentDate).format("YYYY-MM-DD"); console.log(str 阅读全文

posted @ 2022-10-18 16:32 朱龙旭的网络 阅读(7) 评论(0) 推荐(0) 编辑

组件传参v-model语法糖只能写一次的解决办法
摘要:v-model 的使用 解决只能使用一次v-model的问题:使用 sync 修饰符 阅读全文

posted @ 2022-10-18 15:33 朱龙旭的网络 阅读(32) 评论(0) 推荐(0) 编辑

什么是前端
摘要:前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。 阅读全文

posted @ 2022-10-18 14:36 朱龙旭的网络 阅读(115) 评论(0) 推荐(0) 编辑

修改用户资料上次的操作遗留
摘要:组件没有销毁,点击取消的时候把UpdateName组件销毁即可:即加上 v-if 即可 ; 阅读全文

posted @ 2022-10-18 11:34 朱龙旭的网络 阅读(14) 评论(0) 推荐(0) 编辑

修改用户资料的样式弹层
摘要:<template> <div class="update-name"> <!-- 导航栏 --> <van-nav-bar title="设置昵称" left-text="取消" right-text="完成" @click-left="$emit('close')" /> <!-- /导航栏 - 阅读全文

posted @ 2022-10-18 11:28 朱龙旭的网络 阅读(17) 评论(0) 推荐(0) 编辑

修改用户资料样式
摘要:1 <template> 2 <div class="user-profile"> 3 <!-- 导航栏 --> 4 <van-nav-bar 5 class="page-nav-bar" 6 title="个人信息" 7 left-arrow 8 @click-left="$router.back 阅读全文

posted @ 2022-10-18 11:16 朱龙旭的网络 阅读(15) 评论(0) 推荐(0) 编辑

本地图片上传服务器返回在线地址接口 - file - input -修改头像-带预览功能- 然后使用cropperjs 进行裁剪
摘要:说明:上传的图片是 file 类型 ,核心就是获取图片文件(file类型的) ; 实现一:使用 vant2 的图片加载组件 ,选择文件后会触发afterRead方法 ,参数 file 就是文件列表filelist ,file.file 就是图片文件 ; async afterRead(file) { 阅读全文

posted @ 2022-10-18 10:31 朱龙旭的网络 阅读(298) 评论(0) 推荐(0) 编辑

vant2 自动检查表单验证 -validate
摘要:ref 给 <van-form @submit="onSubmit" ref="form"> 标签 ; // 检验手机号是否合格 await this.$refs.form.validate("mobile"); data里面定义的规则 rules对象 ; rules: { mobile: [ // 阅读全文

posted @ 2022-10-18 09:18 朱龙旭的网络 阅读(146) 评论(0) 推荐(0) 编辑

vue 组件中使用 scoped 有的样式不会生效 解决办法
摘要:造成原因:组件的嵌套导致 ; 解决: 阅读全文

posted @ 2022-10-18 09:06 朱龙旭的网络 阅读(27) 评论(0) 推荐(0) 编辑

vuex 基本代码规范 js 文件
摘要:import Vue from "vue"; import Vuex from "vuex"; import { setItem, getItem } from "@/utils/storage"; Vue.use(Vuex); export default new Vuex.Store({ sta 阅读全文

posted @ 2022-10-18 08:56 朱龙旭的网络 阅读(17) 评论(0) 推荐(0) 编辑

什么人惹不起 ?
摘要:第一:从山里出来的不能惹,说不定是个高人。 第二:姓叶的人也不能惹,说不定是豪门富少。 第三:农民最好不要惹,有可能是个神医。 第四:保安更不能惹,有可能是个兵王杀手之王。 第五:老师也不能惹,可能是低调的各种牛逼人物。 第六:千万别惹学生,可能是重生的流弊人物或者是奇遇的异能者,修仙者。 第七:最 阅读全文

posted @ 2022-10-17 20:28 朱龙旭的网络 阅读(70) 评论(1) 推荐(1) 编辑

vue 的生命周期
摘要:生命周期有 4 个阶段 :创建阶段 挂载阶段 更新阶段 销毁阶段,每个阶段 2 个钩子函数 ; 创建阶段 beforecreate 创建一个空的vue实列对象,此时data和methods的数据没有初始化,都是undefined ; created data 和 methods 的数据已经初始化,常 阅读全文

posted @ 2022-10-17 20:17 朱龙旭的网络 阅读(16) 评论(0) 推荐(0) 编辑

Vue 组件如何进行传值的?
摘要:1 父子传值 在子组件标签设置属性,在子组件内使用 props 接收属性值 ; 2. 子父传值 在子组件中使用 emit 自定义事件,在子组件标签注册自定义事件 ,接收参数 ; 3. vuex 状态管理工具 任何组件都可以获取状态,比如state 的数据,或者触发行为,比如mutation的方法 ; 阅读全文

posted @ 2022-10-17 19:55 朱龙旭的网络 阅读(23) 评论(0) 推荐(0) 编辑

vuex是什么
摘要:Vuex是vue框架中状态管理工具 ; 状态管理就是全局的状态工具,如何组件都可以获取状态(state)或者触发行为(mutations) ; 好处:存储 token,单页应用中,组件之间的数据状态。可以做状态管理、采用localstorage保存信息、数据一直存储在用户的客户端中 ; 使用场景:( 阅读全文

posted @ 2022-10-17 19:22 朱龙旭的网络 阅读(26) 评论(0) 推荐(0) 编辑

vue 的响应式原理
摘要:首先,遍历data的数据,通过 Obejct.defineProperty 定义数据,给数据加上 geter 和 setter 函数,获取数据触发 getter函数, 修改数据时触发 setter函数,在 setter 函数更新视图 dom ,从而实现数据的响应式 ; 阅读全文

posted @ 2022-10-17 19:10 朱龙旭的网络 阅读(19) 评论(0) 推荐(0) 编辑

查看回复评论的时候,评论不变化
摘要:eg :打开回复 再打开: 但是显示的还是上一个评论回复的内容,因为复用组件的时候,第一个回复的组件没有销毁 , 解决方法,加上 v-if 判断,隐藏popup的时候 v-if 会自动销毁和创建 ; 阅读全文

posted @ 2022-10-17 17:31 朱龙旭的网络 阅读(23) 评论(0) 推荐(0) 编辑

使用 ref 获取另外组件的数据
摘要: 阅读全文

posted @ 2022-10-17 11:50 朱龙旭的网络 阅读(15) 评论(0) 推荐(0) 编辑

复用对评论和对文章回复的弹层 popup- vant2
摘要:基本样式: ps:当message 即输入的内容的长度为 0 的时候,按钮禁止使用 ; <template> <div class="comment-post"> <van-field class="post-field" v-model="message" rows="2" autosize ty 阅读全文

posted @ 2022-10-17 11:07 朱龙旭的网络 阅读(127) 评论(0) 推荐(0) 编辑

评论内容组件
摘要:基本样式 : <template> <van-cell class="comment-item"> <van-image slot="icon" class="avatar" round fit="cover" src="https://img.yzcdn.cn/vant/cat.jpeg" /> 阅读全文

posted @ 2022-10-17 10:37 朱龙旭的网络 阅读(42) 评论(0) 推荐(0) 编辑

封装 axios 拦截器
摘要:import axios from "axios"; // 自定义一个 request 实例 const request = axios.create({ baseURL: "https://some-domain.com/api/", timeout: 1000, headers: { "X-Cu 阅读全文

posted @ 2022-10-16 21:11 朱龙旭的网络 阅读(16) 评论(0) 推荐(0) 编辑

路由导航有哪几种?怎么跳转传参
摘要:1. 声明式导航 目标: 可用全局组件router-link来替代a标签 ; 总结: 链接导航, 用router-link配合to, 实现点击切换路由 ; 特点: vue-router提供了一个全局组件 router-link router-link实质上最终会渲染成a链接 to属性等价于提供 hr 阅读全文

posted @ 2022-10-16 19:22 朱龙旭的网络 阅读(58) 评论(0) 推荐(0) 编辑

v-if 为什么不能和 v-for 一起使用 ?
摘要:当 Vue 处理指令时,v-for 比 v-if 具有更高的优先级,通过v-if 移动到容器元素,不会再重复遍历列表中的每个值。取而代之的是,我们只检查它一次,且不会在 v-if 为否的时候运算 v-for v-if不能和v-for一起使用的原因是v-for的优先级比v-if高,一起使用会造成性能浪 阅读全文

posted @ 2022-10-16 19:07 朱龙旭的网络 阅读(575) 评论(0) 推荐(0) 编辑

vue 的常用指令以及作用 ·
摘要:1、 v-model 多用于表单元素实现双向数据绑定(同 angular 中的 ng-model) 2、 v-for 格式: v-for="字段名 in(of) 数组 json" 循环数组或 json(同 angular 中的ng-repeat),需要注意从 Vue2 开始取消了$index 3、 阅读全文

posted @ 2022-10-16 19:04 朱龙旭的网络 阅读(53) 评论(0) 推荐(0) 编辑

forEach filter some map every 的区别
摘要:forEach 遍历数组,不会改变原数组,没有返回值 ; filter 过滤数组 相同点:都不改变原数组,都是数组的实例方法 ; 阅读全文

posted @ 2022-10-16 18:57 朱龙旭的网络 阅读(15) 评论(0) 推荐(0) 编辑

js的宏任务和微任务有哪些,是怎么执行的 ?
摘要:事件循环有宏任务和微任务; 宏任务所处的队列就是宏任务队列,队列可以有多个,第一个队列只有一个任务就是执行主线程的js代码,剩余队列任务有setTimeout setInterval ;微任务所处的队列就是微任务队列,只能有一个队列,有process.nextTick() promise.then( 阅读全文

posted @ 2022-10-16 18:53 朱龙旭的网络 阅读(184) 评论(0) 推荐(0) 编辑

文章的评论 和 评论的恢复组件
摘要:封装请求接口 : get 提交的query数据放在params里面(或者放在url?后面) /** * 文章评论 * 功能1: 获取文章的评论 * 》 type a 评论类型,a-对文章(article)的评论,c-对评论(comment)的回复 * > source 文章 id 源id,文章id或 阅读全文

posted @ 2022-10-16 18:47 朱龙旭的网络 阅读(57) 评论(0) 推荐(0) 编辑

markdown.css 设置文章的样式
摘要:返回的详情文章内容是标签加内容文字,使用 markdown,css 渲染样式 : .markdown-body .octicon { display: inline-block; fill: currentColor; vertical-align: text-bottom; } .markdown 阅读全文

posted @ 2022-10-16 15:39 朱龙旭的网络 阅读(329) 评论(0) 推荐(0) 编辑

点赞,取消点赞组件
摘要:<template> <div class="collect-container"> <van-loading v-if="isLoading" type="spinner" color="#1989fa"></van-loading> <van-icon v-else :color="attitu 阅读全文

posted @ 2022-10-16 15:33 朱龙旭的网络 阅读(17) 评论(0) 推荐(0) 编辑

收藏,取消收藏文章组件
摘要:组件 :collectArticle <template> <div class="collect-container"> <van-loading v-if="isLoading" type="spinner" color="#1989fa"></van-loading> <van-icon v- 阅读全文

posted @ 2022-10-16 15:17 朱龙旭的网络 阅读(17) 评论(0) 推荐(0) 编辑

数组去重方法
摘要:1. 使用 es6 set 方法 [...new Set(arr)] let arr = [1,2,3,4,3,2,3,4,6,7,6]; let unique = (arr)=> [...new Set(arr)]; unique(arr);//[1, 2, 3, 4, 6, 7] 2. inde 阅读全文

posted @ 2022-10-16 14:14 朱龙旭的网络 阅读(19) 评论(0) 推荐(0) 编辑

ES5 和 ES6 的区别,说几个 ES6 的新增方法
摘要:ECMAscript5.,即ES5 ,表示 ECMAscript的第五次修订-2009 ; ECMAscript6.,即ES6 ,表示 ECMAscript的第六次修订-2015 ; ES6 是对于 ES5的一次改进 ,更加简洁,提高了开发效率 ; 1. 新增声明命令 let const 在 ES6 阅读全文

posted @ 2022-10-16 12:09 朱龙旭的网络 阅读(165) 评论(0) 推荐(0) 编辑

v-model 语法糖-在父子组件传值 的简写形式
摘要:props的变量名字 必须是 value ,this.$emit('input',数据值) 的自定义事件必须是 input ; v-model 是 vue 中进行数据双向绑定的指令,在内部实际上是通过语法糖来完成数据的双向绑定,v-model 绑定的形式有两种,一种是绑定在普通表单元素上,一种是绑定 阅读全文

posted @ 2022-10-16 11:49 朱龙旭的网络 阅读(91) 评论(0) 推荐(0) 编辑

关于自定义事件父子组件传值问题 $event
摘要:1.$event 是 vue 提供的特殊变量,用来表示原生的事件参数对象 event 1.1在原生事件中,$event是事件对象 可以点出来属性 2.在原生事件中,$event是事件对象,在自定义事件中,$event是传递过来的数据(参数) 2.1在自定义事件中,$event是传递过来的数据 $ev 阅读全文

posted @ 2022-10-16 11:12 朱龙旭的网络 阅读(27) 评论(0) 推荐(0) 编辑

关注作者 ,取消关注作者逻辑
摘要:使用场景:登录,一直点击登录按钮,发送了很多的请求 ; 抢购 ; 关注,取消关注行为 ; 操作多次,必须要等待请求结果后在执行下一次 解决办法:节流 ; 设置变量 isLoading 控制发送请求的次数 ,这一次的请求结果没有返回就不会发送下一次的请求 ; html : <van-button v- 阅读全文

posted @ 2022-10-16 10:10 朱龙旭的网络 阅读(53) 评论(0) 推荐(0) 编辑

解决 -Code 安装似乎损坏。请重新安装
摘要:问题: 1. 安装插件 fix VSCode Checksums 2. ctrl+shift+P打开命令面板 3. 输入 Fix Checksums: Apply 4. 重新启动VSCode 阅读全文

posted @ 2022-10-15 16:20 朱龙旭的网络 阅读(81) 评论(0) 推荐(0) 编辑

amfe-flexible 包设置rem的基本值 vue 移动端适配方案
摘要:下载 安装 :npm i -S amfe-flexible gw:GitHub - amfe/lib-flexible: 可伸缩布局方案 下载 2 个第三方包即可实现移动端适配 amfe-flexible是配置可伸缩布局方案,主要是将1rem设为viewWidth/10。 postcss-pxtor 阅读全文

posted @ 2022-10-14 21:26 朱龙旭的网络 阅读(524) 评论(0) 推荐(0) 编辑

我的开发思路总结
摘要:1. 每个组件的样式使用less scoped 虽然可以隔绝每隔组件样式之间的影响,但是增加了优先级的复杂度 ; 阅读全文

posted @ 2022-10-14 20:05 朱龙旭的网络 阅读(27) 评论(0) 推荐(0) 编辑

预览项目中所有文章中图片
摘要:注意:不要在赋值之后(列表渲染)读取操作节点,因为异步的数据获取需要时间,节点来不及渲染到页面就去读取,是读取不到的 - 朱龙旭看世界 - 博客园 (cnblogs.com) 阅读全文

posted @ 2022-10-14 17:27 朱龙旭的网络 阅读(17) 评论(0) 推荐(0) 编辑

不同的页面传值方法
摘要:vuex 阅读全文

posted @ 2022-10-14 15:00 朱龙旭的网络 阅读(8) 评论(0) 推荐(0) 编辑

数组 findIndex 方法去重
摘要:思路:先使用 findIndex 找到重复元素的下标,然后使用 splice 方法删除 ; 阅读全文

posted @ 2022-10-14 14:14 朱龙旭的网络 阅读(20) 评论(0) 推荐(0) 编辑

VM Ware 安装mac OS xxx 系统
摘要:1. unlock 文件破解Vm Ware 默认不能安装苹果系统 :https://drive.google.com/file/d/1_AUeYh5JYltqjnuztQh-5UTomAIVBcLZ/view?usp=sharing 运行 win-install.cmd 文件 ; 2. 编辑VMX文 阅读全文

posted @ 2022-10-14 09:11 朱龙旭的网络 阅读(29) 评论(0) 推荐(0) 编辑

vant2 List 组件 下拉加载 onLoad
摘要:ps:loading finished onLoad 两个变量一个函数 ; async onLoad() { console.log("onload"); // 异步更新数据 // setTimeout 仅做示例,真实场景中一般为 ajax 请求 // 加载状态结束 this.page += 1; 阅读全文

posted @ 2022-10-13 19:30 朱龙旭的网络 阅读(36) 评论(0) 推荐(0) 编辑

回车搜索和点击建议搜索复用一个函数
摘要:标签里面的事件(子组件传参emit) 优先级大于methods的事件方法 ; ps:取消奥按钮:@cancel="$router.go(-1)" 子组件传参: @click="$emit('search', item)" 回车请求数据 : @search="onSearch(keywords)" ; 阅读全文

posted @ 2022-10-13 17:24 朱龙旭的网络 阅读(25) 评论(0) 推荐(0) 编辑

watch 监视搜索关键词的变化不断发送请求返回建议
摘要:watch: { keywords: { // yarn add lodash 下载lodash包 // import { debounce } from "lodash"; 引入防抖的函数 // 每隔700ms执行一次handler函数(在keywords变化的情况下,频繁触发的事件) handl 阅读全文

posted @ 2022-10-13 16:54 朱龙旭的网络 阅读(17) 评论(0) 推荐(0) 编辑

搜索显示建议内容时显示具体搜索内容高亮
摘要:<span v-html="hightLight(item)"></span> 思路:匹配出搜索的关键词然后替换为高亮的标签 ; hightLight(str) { // 搜索高亮 const reg = new RegExp(this.keywords, "gi"); console.log(re 阅读全文

posted @ 2022-10-13 15:57 朱龙旭的网络 阅读(13) 评论(0) 推荐(0) 编辑

搜索历史、建议、结果的显示逻辑
摘要:<template> <div id="searchVue"> <form action="/"> <van-search v-model="keywords" show-action background="#4694fa" placeholder="请输入搜索关键词" @search="onSe 阅读全文

posted @ 2022-10-13 11:52 朱龙旭的网络 阅读(36) 评论(0) 推荐(0) 编辑

封装setItem 和 getItem 本地存储
摘要:store.js 文件 按需导出setItem 和 getItem 函数 ;在utils文件里面 ; export const setItem = (key, value) => { // 复杂数据需要序列化 if (typeof value "object") { localStorage.set 阅读全文

posted @ 2022-10-11 15:40 朱龙旭的网络 阅读(62) 评论(0) 推荐(0) 编辑

yarn serve 不能开启vue项目 the project seem to require yarn but isnot install
摘要:error: answer: 删除 yarn.lock 或者使用 npm run serve 替换 ; ps: yarn.lock 是锁定第三方包版本的文件; 阅读全文

posted @ 2022-10-11 11:09 朱龙旭的网络 阅读(28) 评论(0) 推荐(0) 编辑

vant 2 的 toast
摘要:因为toast使用的场景比较频繁,所以在 注册使用 Toast 的时候,直接在Vue实列的原型上添加了toast方便我们使用 ; 格式:this.$toast.fail() this.$toast.success() ; 阅读全文

posted @ 2022-10-11 11:00 朱龙旭的网络 阅读(39) 评论(0) 推荐(0) 编辑

统一携带 token
摘要:tokne 可以使用 vuex 和 本地存储处理 ; 一些接口需要携带token为了避免代码的重复性,可以在请求拦截器统一加入token ,每次请求都会携带token参数,不需要token参数的接口也不会受到影响,因为服务器只会监测自己所需要的参数 ; // 添加请求拦截器 request.inte 阅读全文

posted @ 2022-10-11 10:58 朱龙旭的网络 阅读(209) 评论(0) 推荐(0) 编辑

我的频道 推荐频道 和全部频道之间的关系
摘要:推荐频道 = 全部频道 - 我的频道 ; 实现的页面: 计算出推荐频道 :筛选全部频道每一项 ,和我的频道的每一项比较,如果有相同的数据,说明不是推荐数据,要筛选掉,some是只要有一个为真就返回true然后取反false 就实现了筛选; computed: { recommendChannels( 阅读全文

posted @ 2022-10-11 10:48 朱龙旭的网络 阅读(356) 评论(0) 推荐(0) 编辑

yarn serve 开启项目服务失败 assets emit different content to the same filename
摘要:error: answer: 删除public的文件,重新 yarn serve ; 阅读全文

posted @ 2022-10-11 09:01 朱龙旭的网络 阅读(21) 评论(0) 推荐(0) 编辑

使用 vuex 和 本地存储实现永久性token存在 并且在请求拦截统一添加headers token 避免重复代码
摘要:在 vuex 仓库中设置state的token值:从本地中取值: 登录的时候调用唯一可以修改state数据的mutations方法设置token ; export default new Vuex.Store({ state: { // 分类 // allCate: [], user: getIte 阅读全文

posted @ 2022-10-11 08:53 朱龙旭的网络 阅读(54) 评论(0) 推荐(0) 编辑

vant2 的layout 布局位置错位
摘要:设置 type='flex' 阅读全文

posted @ 2022-10-10 12:03 朱龙旭的网络 阅读(25) 评论(0) 推荐(0) 编辑

过滤器 多少时间之前发布 dayjs relative'TrelativeTime
摘要:import dayjs from "dayjs"; import relativveTime from "dayjs/plugin/relativeTime"; import "dayjs/locale/zh-cn"; dayjs.locale("zh-cn"); dayjs.extend(rel 阅读全文

posted @ 2022-10-10 12:01 朱龙旭的网络 阅读(26) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示