- 博客(22)
- 收藏
- 关注
RSS订阅原创 Vue3 总结梳理
vue3.x 如何注册全局组件/方法（替代vue2.x的Vue.prototype） 参见 如果将 axios、echarts 等第三方组件， 进行全局注册，方便全局中使用。 Vue 2 中，一般可以定义在 Vue 原型上： // main.js import Vue from 'vue'; import App from './App'; import axios from 'axios'; Vue.prototype.$axios = axios //... 然后就可以在任何 Vue 实例中使用
2022-03-21 23:01:19
427
原创 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
3402
原创 ESLint常见报错之 Parsing error: Unexpected token
在使用 TS + Vue 时又遇到了该报错，以下链接为解决方式： // .eslintrc.js { "parserOptions": { "ecmaVersion": 2018 } } ESLint Parsing error: Unexpected token
2021-09-10 11:10:35
7068
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
317
原创 Uncaught ReferenceError: exports is not defined
Uncaught ReferenceError: exports is not defined vue 报错 ReferenceError: exports is not defined
2021-07-23 16:26:53
1855
原创 mock.js 使用【待补充 ...】
背景 在前后端分离分离开发的大环境下，在后端数据没完成数据输出或其他情况下，前端开发会有自己模拟数据的必要。 之前写的 demo 会写一个 json 格式的文件，放入自己编写的静态模拟数据，问题在于： 数据不够灵活 还需要手动切换 url 目前最为适用的方式应该是 mock.js 了： 基础 1. 什么是 mock.js ? mock.js 官网 mock.js 文档 2. mock.js 示例 mock案例-github地址 mockjs 示例 Mockjs Lite 3. 如何拦截ajax请求
2021-07-12 15:11:08
195
原创 前端项目快速部署到 Nginx 服务器 及 常见问题
知识点 什么是 Nginx? Nginx 是一个高性能的http服务器及反向代理服务器 Nginx 的特点？ 热部署；可以高并发连接；cpu、内存等资源消耗却非常低；运行非常稳定；处理响应请求很快等 应用场景？ http服务器。Nginx是一个http服务可以独立提供http服务。可以做网页静态服务器。（本文重点） 虚拟主机。可以实现在一台服务器虚拟出多个网站。例如个人网站使用的虚拟主机。 反向代理，负载均衡。当网站的访问量达到一定程度后，单台服务器不能满足用户的请求时，需要用多台服务器集群可以使用ng
2021-07-12 14:20:21
1807
原创 不要使用 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
1358
原创 @babel/preset-env 备份
文章 最近折腾 @babel/preset-env 的一些小心得 对 babel polyfill 的一些理解
2021-07-12 11:31:32
127
原创 npm install 失败啦？
背景 在项目目录下清除 node_modules 文件夹和 package-lock.json 文件后， npm i ，报错了： npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! Found: webpack@5.11.1 npm ERR! node_modules/webpack npm ERR! dev webpack@"4.41.5" from the ro
2021-07-12 11:22:26
3775
原创 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
8510
原创 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 1 issue 2 is
2021-07-06 18:23:09
888
原创 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
2088
原创 【nrm】 快捷管理 npm 源地址
前言： npm源地址查看、切换 查看镜像源npm get registry 切换官方源npm config set registry http://www.npmjs.org 切换淘宝源npm config set registry http://registry.npm.taobao.org npm 补充： 新增npm用户：npm addUser npm登录：npm login npm发布：npm publish npm卸载：npm unpublish [<@scope>/]&
2021-06-25 16:57:20
280
原创 解决移动端滑动或点击时报错：[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
932
原创 防抖节流demo
参考博客： 浅谈js防抖和节流 手写防抖函数 debounce 和节流函数 throttle 引言 监听浏览器滚动事件，打印 当前滚条到顶部的距离，但函数执行的频率太高！ 防抖和节流 来实现 性能优化 代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>防抖/节流=>来显示滚动条到顶端的距离</title> <style
2021-03-23 21:06:55
217
原创 【博客主页】你值得拥有的渐变色背景！
文章目录前言一、渐变背景实现方式：二、高清背景图实现方式：总结 前言 最近浏览个人博客，发现受简约风的影响，博客首页把一大堆信息给到浏览者已然趋少。 刚好很喜欢渐变风格的背景样式，此外，还有一个高清背景图的设置，一同分享给各位： 一、渐变背景 先上效果： 实现方式： <head> <meta charset="utf-8"> <title></title> <style type="text/css"> html,body {
2021-03-18 16:25:54
670
原创 字符串转换成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
15362
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
215
原创 Vue.js 自定义指令
# 简要说明 官方：除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册 **自定义指令**。 官方超链 菜鸟超链 参考博客 vue有了v-for,v-if等自带vue指令，但不能满足所有的开发需求，有时需要自定义指令。 添加一个自定义指令，有两种方式： 通过 Vue.directive() 函数注册一个全局的指令。 通过组件的 directives 属性，对该组件添加一个局部的指令。 注： 创建全局指令：需要传入指令名称以及一个包含指令钩子函数的对象，该对象的键
2021-03-09 21:43:17
172
原创 axios
这里写目录标题什么是 axios？axios特性axios的两种请求方式 get 和 post
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人