JavaScript
学习探索
qq_40745468
拿细耳人
展开
-
webpack打包
待更新。原创 2023-05-23 22:18:31 · 76 阅读 · 0 评论 -
删除工具包
只能对自己发布的包, 执行npm unpublish命令。再次发布的包名或版本, 和刚才发布的不能完全一致。运行npm unpublish命名。如果感觉名字不好想删除。如何撤销发布的工具包。原创 2023-02-09 15:05:36 · 40 阅读 · 0 评论 -
发布工具包
创建index.js(package.json记录入口文件名字统一), 然后把其他模块的方法统一导入并导出。也可以到任何一个地方, 用npm / yarn 下载刚才你发布的包名。把package.json的版本向前改(因为每个版本号只能用一次)把js文件放到本地包文件夹里, 在index.js统一导出。一个项目下来, 自己用原生js, 封装了些工具。新建文件夹, 并初始化包环境npm init。以后换电脑, 直接npm/yarn下载即可。重要: ==包名, 入口==把要发布的js文件拿过来。原创 2023-02-09 15:03:34 · 47 阅读 · 0 评论 -
滚动条位置
监测tabs切换后, 从nameToTop对象里拿到原本滚动位置设置。tabs标签绑定before-change事件和方法实现。明确数据结构, 在Home/index.vue定义变量。切换之前保存, 切换之后从数据结构取出对应值设置。路由对象/home, 上添加meta额外信息。首先明确数据结构, 频道id对应滚动条值。在全局后置钩子设置页面滚动条。tabs切换后, 把位置设置。给Home设置组件内守卫。tabs切换保存当前位置。优化_首页-滚动条位置。首页滚动条位置需要恢复。优化频道-滚动条位置。原创 2023-02-08 23:56:46 · 73 阅读 · 0 评论 -
自动聚焦问题
inserted只有第一次指令所在标签, 插入真实DOM执行。自动聚焦依赖自定义指令inserted执行。用户名修改弹窗多次点击。只有第一次自动聚焦问题。原创 2023-02-08 23:04:51 · 57 阅读 · 0 评论 -
文章详情-代码高亮
想要让代码高亮, 必须在后台发布文章时, 就要把代码分段用pre+code标签包裹。前端可以通过获取这些标签名/指定类名, 分别给予相应样式。基于 highlight.js 美化详情页的代码片段。在铺设文章详情标签使用v-highlight指令即可。下载此插件到项目中一定要带.js名字。文章详情页里代码片段高亮效果。在main.js 引入即可。遇到需求, 多百度解决方案。优化_文章详情-代码高亮。注册高亮代码-自定义指令。看文档尝试使用解决需求。原创 2023-02-08 22:57:17 · 109 阅读 · 0 评论 -
路由-全局守卫
/ vuex里有token(代表登录过, 但是一定要注意过期和主动退出要先清除vuex和本地的token, 让其跳转登录页)登录成功时, 不允许切换路径进入登录页面。重点多看看路由执行的过程和注意事项。路由守卫有很多种, 具体查阅文档。方法1: 全局前置守卫判断。方法2: 路由独享守卫。原创 2023-02-08 19:23:02 · 39 阅读 · 0 评论 -
vue头像的上传
JS监测A点击事件, 触发B标签标签事件。引接口, 传入表单对象, 更新页面。上传图片文件对象, 表单给后台。先实现前端点击获取文件对象效果。给用户看A标签, 点击A标签。点击头像出现文件选择器。原创 2023-02-08 00:19:37 · 165 阅读 · 0 评论 -
解决Vue报错:Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
resolve与reject是用户传的成功/失败的回调。出现这个问题是因为重复点击了相同的路由引起的:编程式导航。问题描述:重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但也不能坐视不管。方案二:在跳转时,判断是否跳转路由和当前路由是否一致,避免重复跳转产生问题。这是因为promise需要传递一个成功/失败的回调,才能处理这个异常。:给push方法传递相应的成功、失败回调函数,可以捕获当前的错误。push:是VueRouter类的一个实例。中,还是会有类似的错误出现。this:当前组件的实例。原创 2023-02-07 22:16:51 · 3336 阅读 · 0 评论 -
使用自定义指令fofo, 让输入框自动聚焦
使用自定义指令fofo, 让输入框自动聚焦。原创 2023-02-07 16:03:01 · 104 阅读 · 0 评论 -
文章_时间处理
在Home/ArticleList.vue中。在使用数据之前, 对数据里的值进行修改。下载dayjs到工程中。把时间转换成多久之前。原创 2023-02-02 21:24:36 · 45 阅读 · 0 评论 -
格式化时间
在项目入口文件 main.js 中导入并使用 dayjs,定义全局属性, 对应函数。把表格里的时间格式化成YYYY-MM-DD HH:mm:ss格式。安装格式化时间的第三方包 dayjs。原创 2023-01-29 14:17:00 · 49 阅读 · 0 评论 -
封面标签选择图片
先准备隐藏的input[type=file], 然后点击按钮, 用js的方式调用input标签的点击事件, 让文件选择窗口出现, 再给input标签绑定change事件通过事件对象拿到用户选择的图片文件。封面标签选择图片的思路是?原创 2023-01-28 23:32:31 · 83 阅读 · 0 评论 -
vue-选头像后, 预览实现-链接
【代码】vue--用户选择头像后, 做预览的实现方式。原创 2023-01-26 00:45:00 · 116 阅读 · 0 评论