- 博客(22)
- 收藏
- 关注
RSS订阅原创 Vue3 总结梳理
vue3.x 如何注册全局组件/方法（替代vue2.x的Vue.prototype）参见如果将 axios、echarts 等第三方组件， 进行全局注册，方便全局中使用。Vue 2 中，一般可以定义在 Vue 原型上：// main.jsimport Vue from 'vue';import App from './App';import axios from 'axios';Vue.prototype.$axios = axios//...然后就可以在任何 Vue 实例中使用
2022-03-21 23:01:19
371
原创 Vue3+vite 中使用 svg-icon
start在 Vue3+vite 项目中想要通过全局引入的方式，使用 svg-icon 时，发现不兼容 Vue2 的使用方法，故有了以下的探索：trouble当使用修改后的 svg-sprite-loader 时，可能会有报错，如下：ERROR: no such file or directory, open './src/icons/svgstar.svg'at ...提示打开文件失败，查看原因是 node.js 查找的文件的路径错误此时需要修改下~我的预期是：修改后的 svg-spr
2021-12-14 13:52:00
3275
原创 ESLint常见报错之 Parsing error: Unexpected token
在使用 TS + Vue 时又遇到了该报错，以下链接为解决方式：// .eslintrc.js{ "parserOptions": { "ecmaVersion": 2018 }}ESLint Parsing error: Unexpected token
2021-09-10 11:10:35
6923
1
原创 【ES6】Object.create(null) 和 Object.assign()
在初始化一个新的对象时，通常是以下方式：let obj1 = {}而标题中 Object.create(null) 的方式如下：let obj2 = Object.create(null);为什么用 {} 定义的空对象在控制台中打印的并不是想象中的“空对象”，而这俩种初始化对象方式的区别又在于？参考博客：详解Object.create(null)JavaScript 此间道理汝明了之？...
2021-09-03 10:27:17
272
原创 Uncaught ReferenceError: exports is not defined
Uncaught ReferenceError: exports is not definedvue 报错 ReferenceError: exports is not defined
2021-07-23 16:26:53
1777
原创 mock.js 使用【待补充 ...】
背景在前后端分离分离开发的大环境下，在后端数据没完成数据输出或其他情况下，前端开发会有自己模拟数据的必要。之前写的 demo 会写一个 json 格式的文件，放入自己编写的静态模拟数据，问题在于：数据不够灵活还需要手动切换 url目前最为适用的方式应该是 mock.js 了：基础1. 什么是 mock.js ?mock.js 官网mock.js 文档2. mock.js 示例mock案例-github地址mockjs 示例Mockjs Lite3. 如何拦截ajax请求
2021-07-12 15:11:08
149
原创 前端项目快速部署到 Nginx 服务器 及 常见问题
知识点什么是 Nginx?Nginx 是一个高性能的http服务器及反向代理服务器Nginx 的特点？热部署；可以高并发连接；cpu、内存等资源消耗却非常低；运行非常稳定；处理响应请求很快等应用场景？http服务器。Nginx是一个http服务可以独立提供http服务。可以做网页静态服务器。（本文重点）虚拟主机。可以实现在一台服务器虚拟出多个网站。例如个人网站使用的虚拟主机。反向代理，负载均衡。当网站的访问量达到一定程度后，单台服务器不能满足用户的请求时，需要用多台服务器集群可以使用ng
2021-07-12 14:20:21
1744
原创 不要使用 document.write ！
例子用 document.write 输出一个 script 标签:<script src="a.js"></script><script>document.write('<script src="http://www.something.com/b.js"><\/script>')</script><script src="c.js"></script>由于 b.js 是通过 JS 代码插入的，
2021-07-12 13:53:12
1258
原创 @babel/preset-env 备份
文章最近折腾 @babel/preset-env 的一些小心得对 babel polyfill 的一些理解
2021-07-12 11:31:32
87
原创 npm install 失败啦？
背景在项目目录下清除 node_modules 文件夹和 package-lock.json 文件后，npm i ，报错了：npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR! npm ERR! Found: [email protected] ERR! node_modules/webpacknpm ERR! dev webpack@"4.41.5" from the ro
2021-07-12 11:22:26
3672
原创 npm 依赖？不熟知的 optionalDependencies（可选依赖项）
前言背景项目对所有的开源组件依赖进行过统计，并将该版本号的依赖都统一提交至生产库（源地址：npm-prod）中；项目的开发源地址直连外网，有所有开源组件：npm-test；之前项目运行没问题问题最近一次操作（npm-prod下）：=> cd 到项目目录下=> npm i 初始化依赖，正常=> npm run dev 报错：the dependency was not found: * canvg in ./node_modules/jspdf/dist/jspd
2021-07-07 13:29:52
8275
原创 Vue 项目运行【报错】：module build failed: cannot read property ‘parsecomponent‘ of undefined ...
前言在 Vue 项目中，npm run dev 运行时，报错：module build failed: ...cannot read property 'parsecomponent' of undefined ...目前有效的解决方案是： 统一 vue 和 vue-template-compiler 的版本号：如在 package.json 中："vue-template-compiler": "2.6.11"，"vue": "2.6.11"参考issue 1issue 2is
2021-07-06 18:23:09
811
原创 package-lock.json 文件的 requires VS dependencies
在 package-lock.json 文件中，requires 和 dependencies 中的依赖到底有什么区别和联系呢？"core-js-compat": { "version": "3.12.1", "resolved": "https://......", "integrity": "sha1-LDAsRwhQX6cHKwrbUVbSb3gBoYs=", "dev": true, "requires": { "brow
2021-06-29 11:34:37
1975
原创 【nrm】 快捷管理 npm 源地址
前言：npm源地址查看、切换查看镜像源npm get registry切换官方源npm config set registry http://www.npmjs.org切换淘宝源npm config set registry http://registry.npm.taobao.orgnpm 补充：新增npm用户：npm addUsernpm登录：npm loginnpm发布：npm publishnpm卸载：npm unpublish [<@scope>/]&
2021-06-25 16:57:20
237
原创 解决移动端滑动或点击时报错：[Intervention] Unable to preventDefault inside passive event listener due to target be
参考文章在移动端的项目中，偶尔会遇到点击或者滑动时莫名报错，比如，在双击轮播图时，会有如下情况——报错：[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive.有道翻译：[干预]无法阻止被动事件侦听器内的默认值，因为目标被视为被动的。解决：在style全局样式添加 * {touch-action: pan-y;}* {
2021-05-14 10:16:08
882
原创 防抖节流demo
参考博客：浅谈js防抖和节流手写防抖函数 debounce 和节流函数 throttle引言监听浏览器滚动事件，打印 当前滚条到顶部的距离，但函数执行的频率太高！防抖和节流 来实现 性能优化代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>防抖/节流=>来显示滚动条到顶端的距离</title> <style
2021-03-23 21:06:55
171
原创 【博客主页】你值得拥有的渐变色背景！
文章目录前言一、渐变背景实现方式：二、高清背景图实现方式：总结前言最近浏览个人博客，发现受简约风的影响，博客首页把一大堆信息给到浏览者已然趋少。刚好很喜欢渐变风格的背景样式，此外，还有一个高清背景图的设置，一同分享给各位：一、渐变背景先上效果：实现方式：<head> <meta charset="utf-8"> <title></title> <style type="text/css"> html,body {
2021-03-18 16:25:54
560
原创 字符串转换成json对象的方式
使用ajax的开发项目过程中，经常需要将json格式的字符串返回到前端，前端解析成js对象（JSON ）。欲将以下字符串转为json对象格式：var str = '{name:"jack"}';1.eval方式解析恐怕这是最早的解析方式了var str = '{"name":"jack"}';var json = eval('(' + str + ')');console.log(json)记得别忘了str两旁的小括号2.new Function 形式，比较怪异var str =
2021-03-15 10:42:16
15218
9
原创 天气查询.demo
文章目录前言一、nodejs+express搭建中间层二、vue页面总结前言在 vue cli4 搭建的 vue 项目中，以 node.js 为中间层（解决 axios 请求出现的跨域问题），利用 axios 的 get请求第三方接口（需要key），实现输入地区查询天气——提示：以下是本篇文章正文内容，下面案例可供参考一、nodejs+express搭建中间层package.json 文件配置：{ "name": "server", "version": "1.0.0", "ma
2021-03-11 18:03:41
161
原创 Vue.js 自定义指令
# 简要说明官方：除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册 **自定义指令**。官方超链菜鸟超链参考博客vue有了v-for,v-if等自带vue指令，但不能满足所有的开发需求，有时需要自定义指令。添加一个自定义指令，有两种方式：通过 Vue.directive() 函数注册一个全局的指令。通过组件的 directives 属性，对该组件添加一个局部的指令。注：创建全局指令：需要传入指令名称以及一个包含指令钩子函数的对象，该对象的键
2021-03-09 21:43:17
132
原创 axios
这里写目录标题什么是 axios？axios特性axios的两种请求方式 get 和 post
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人