- 博客(22)
- 收藏
- 关注
原创 vue引用tinymce时,报错UncaughtSyntaxError:Unexpected token
这是由于tinymce没有正确解析所致,在安装tinymce后,将node_modules目录下的tinymce内容复制到static文件夹下,然后在引用tinymce地方根据报错位置引用配置项文件,如果是plugins.js报错,将tinymce.init中plugins对应的文件引用上。如果引用文件配置完成后,没有报错,但是不显示内容,查看一下是不是样式没有正确引用进来,如果是,在js中引用对应的样式文件。
2024-08-20 18:38:10
218
原创 解决better Comments插件在.vue文件中不显示对应颜色
安装better Comments插件后,发现同样的书写方式,在.js文件中会显示不同颜色的注释,在.vue文件中却没有生效,表现如图。保存并重启编辑器就好啦!
2024-08-19 14:18:57
177
原创 下载文件重命名时a.download不生效
如果当前页面地址和预下载的文件所处服务器不在同一域名下时,由于跨域访问限制,download配置会不生效,我们可以使用blob方式将文件转为同源文件,进行配置名称并下载。
2024-08-16 17:36:48
155
原创 async/await报错SyntaxError: await is a reserved word
await需要在async函数中使用,并且在同一作用域上。
2024-08-16 16:02:03
146
原创 vue启动项目时报错Module build failed:TypeError:Can not read property “range“ of null
通过git拉取的项目,npm run dev启动时报错TypeError:Can not read property "range" of null,主要是因为eslint包的问题,可以将babel-eslint包换成7.2.3版本,npm install babel-eslint@7.2.3,然后删除node_modules文件夹,重新install,再运行,就好了。或者将.eslintrc.js文件中的内容注释掉再运行。
2024-08-15 09:29:57
141
原创 vue修改node-modules文件并应用到后续打包中,不用重复修改
在vue中使用一些第三方插件时,可能会有部分bug或者希望定制化修改源码,如果只在node-modules中进行修改,下次进行打包或者同步到其他地方的代码并不生效,还要进行再次修改,这时候可以用到patch-package进行依赖补丁。然后进行手动修改node-modules下的文件,修改后执行npx patch-package package-name(package-name为你修改的组件包的名字,不是文件名称);错误,切换npm的版本,本人使用16以上的版本是成功了的,12的就会出现报错如下图。
2024-08-14 13:25:35
166
原创 git相关命令操作
git reset --hard HEAD^ // 重置到cherry-pick/commit之前的状态(做出的修改都会消失)git cherry-pick 分支名(commit ID) // 将其他分支指定提交应用到当前分支,并创建一个新的提交。git checkout -b 新分支名 // 创建一个新的本地分支并切换到该分支上。git merge 分支名 // 合并指定分支到当前分支。git stash list // 暂存记录。
2024-08-13 15:15:16
233
原创 git忽略文件提交
当忽略文件不生效时,先命令行清除本地缓存 git rm -r --cached,然后将本地代码重新加入git add,并让.gitignore文件生效 git commit -m 'update .gitignore'1.在仓库目录下创建.gitignore文件,用编辑器打开输入node_nodules,之后git push的时候就会忽略。方法一:直接在仓库根目录执行 echo 'node_modules'>>.gitignore。以node_modules文件夹为例。
2024-08-12 18:24:17
214
原创 js获取元素尺寸及位置信息(getBoundingClientRect)
js的getBoundingClientRect用来返回元素的大小及相对于浏览器窗口的位置信息。一般可用来计算元素尺寸、滚动事件时判断元素是否滚动到特定位置等……buttom: 元素底部距离窗口顶部的距离。right: 元素右侧距离窗口左侧的距离。left: 元素左侧距离窗口左侧的距离。top: 元素顶部距离窗口顶部的距离。x: 元素左上角相对于窗口的横坐标。y: 元素左上角相对于窗口的纵坐标。height: 元素的高度。width: 元素的宽度。
2024-08-12 15:18:18
156
原创 vue3页面跳转传值时获取不到params值
路由跳转时,将this.$router.push({path: '/index',params: {}})改为this.$router.push({name: 'index',params: {}}),即用name进行跳转时,就可以获取到params传递的参数了。控制台警告Path "/index" was passed with params but they will be ignored. Use a named route alongside params instead.
2024-08-12 14:11:39
482
原创 解决Chrome不支持ajax获取本地file的问题
一般在写前端页面数据时,在与后台对接之前,会使用本地json数据渲染。在控制台上输入chrome.exe路径,后加“ --allow-file-access-from-files”(注意空格),这时就会启动Chrome浏览器,然后再该页面上打开要获取数据的页面,就可以了。右键点击桌面上Chrome快捷方式,选择“属性”,在“目标”输入框中“chrome.exe”后增加“ --allow-file-access-from-files”(注意--前有个空格),然后确定。重启浏览器,一般来说就可以了。
2024-08-12 14:08:52
130
原创 js关于日期的操作
var weekEndDate = formatDate(new Date(year, month - 1, date+ ( 7 - day))) //本周周日日期。var weekBeginDate = formatDate(new Date(year, month - 1, date - day + 1)) //本周周一日期。var allWeek = Math.ceil((allDates + (firstDay - 1)) / 7) //当月一共有多少周。
2024-08-11 19:06:36
146
原创 sublime无法正常安装packagecontrol的解决办法
下载手动安装时的package control安装包,解压后将channel_v3.json文件放在某盘根目录(方便后续操作)下,点击编辑器preference -> package setting -> settings user进入,在文件中添加如下标注出的代码(channels中的值为channel_v3.json文件目录),保存,重启编辑器即可(多个配置内容时,需要用逗号隔开)。如果控制台安装和手动安装都无法正常使用package工具,并提示如图错误,
2024-08-11 18:59:29
146
原创 mysql安装与启动
在8.0版本中,mysql -skip-grant-tables可能无效,使用mysqld --console --skip-grant-tables --shared-memory进行该步操作。打开我的电脑-属性-高级系统设置-环境变量,在系统变量中找到PATH变量,在其值后追加mysql文件夹下bin文件夹路径(例D:\mysql-8.0.15-winx64\bin),然后确定。然后输入mysqld --initialize-insecure --user=mysql回车。回车就可以看到数据库啦!
2024-08-11 18:51:44
193
原创 颜色值十六进制转为rgb
有时候在颜色表示上可能需要数值转化,十六进制向rgb转化时,rgb中的数值是十进制,所以根本上的问题就是十六进制向十进制转化。这时候我们就注意到一个函数parseInt(),他不仅可以做数值取整,还可以进行其它进制向十进制转化。如果被处理数值是以‘0x’开头,那么parseInt()会默认为其后数值是十六进制。如果被处理数值是以‘0’开头,那么parseInt()会默认为其后数值是八进制。这时候我们就可以对十六进制颜色值进行转化了。
2024-08-10 22:56:59
237
原创 英文字母(大写)转阿拉伯数字
这时候我们就可以用到charCodeAt()方法,其作用就是传入一个字符返回对应的Unicode值。A、B、C、D...是从65开始计算的,所以将获得的数值-64就好了。而对于排序大于Z的序号要怎么拿到数值呢?将序号切成一个一个的,一级一级计算对应的数值然后相加就好啦。如果想要计算小写字母所代表的的数字,先将字符串toUpperCase(),然后再获取数值就好啦!
2024-08-10 22:53:35
120
原创 阿拉伯数字转英文字母(大写)
我们可以利用到一个方法是“String.fromCharCode()”,传入一个Unicode值,返回对应的字符串。而A、B、C、D...是从65开始算起,这时候我们就可以根据我们传入的数字获得对应的字母了。String.fromCharCode(64 + 1) // A为字母排序中第一个,所以得到的值是A。而对于大于26的排序值要怎么对应字母呢?我们可以通过除以26然后取余,拿到的值再拼接就好啦。想要拿到小写英文字母,直接在拿到的值上toLowerCase()就可以啦!
2024-08-10 22:50:15
180
原创 区分patch、put、post
而patch是对数据部分修改,例如一条数据中有username、userage、useraddress等字段,利用patch提交username字段,就是对该数据中username进行修改,其他字段值不变。例如向后台创建一条叫做test的数据,使用post的时候,如果数据库中没有该条数据,就会创建一条新的,如果有,就会创建另一条新的,执行多少次就有多少条数据。但使用put方法时,如果数据库中没有该条数据,就创建一条新的,如果已存在,就将原本的数据替换掉,数据个数还是一个。
2024-08-10 22:39:08
114
原创 在伪元素上添加点击事件
在页面上我们无法通过jQuery获取到元素中的伪元素进行事件绑定,所以我们利用pointer-events属性屏蔽元素操作事件,将事件绑定到伪元素上。console.log(this) //该事件实际绑定元素是after伪元素。
2024-08-10 22:36:16
153
原创 js判断数据类型
一般在js判断数据类型时,主要有以下几种方法:typeof、instanceof、constructor、prototype、$.type/jQuery.type。对于instanceof,一般是在我们已知数据类型时进行判断,但一定要注意类型名的大小写。而$.type则是比较万能的方法了,可以判断布尔、error、正则等等。a.prototype = new b() //a继承b。使用prototype时同样要注意大小写的问题。接下来我们来比较下各种方法的异同。
2024-08-10 22:29:19
329
原创 vue项目的按需加载
而对于vue模块引用来说,我们没必要在一开始就将所有模块js都引入进来,所以我们要将‘src/router/index.js’中引入模块的代码进行修改。使用 vue-cli构建的项目,在默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,而这个文件一般会比较大,可能几兆甚至几十兆,结果导致页面加载时间过长,对于用户来说这是一个极不友好的体验,所以有些时候我们就需要用到‘按需加载’。这样就可以将一个大的js文件拆分为一个个小的文件,根据用户触发事件进行按需加载了。
2024-08-10 22:22:29
110
原创 vue项目打包后出现图片引用路径错误的问题
根据‘build/webpack.base.conf.js’与‘config/index.js’对应关系,可知大于10000B的图片被打包到了‘static/img’目录,所以引用路径就变成了‘static/img/+文件名’。修改‘config/index.js’下assetsPublicPath的‘/’为‘./’,在‘build/utils.js’中ExtractTextPlugin.extract下添加‘publicPath: '../../'’
2024-08-10 22:18:52
241
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人