- 博客(31)
- 收藏
- 关注
RSS订阅原创 npm run serve报错提示js堆内存不足
在项目中node_modules/.bin文件夹下，修改webpack.cmd 、webpack-dev-server.cmd 、 vue-cli-service.cmd文件，去掉双引号, 修改。2、修改打开node_modules/.bin/webpack.cmd文件，在node命令后面加上–max-old-space-size=10240。报错：node --max-old-space-size=10240 不是内部或外部命令，也不是可运行的程序或批处理文件。（cmd中安装不成功，还是报内存不足的错）
2024-09-26 15:46:15
755
1
原创 vscode启用项目后，没有触发debugger
启动项目后在debugger时，一直不走断点，重启vscode和电脑，打开其他vscode项目，都不行。2.然后取消忽略列表的勾选即可。
2024-07-09 14:41:18
857
原创 yarn install 报错 证书过期 Certificate has expired
如果证书已经过期，那么使用该证书的网站或服务可能会受到安全威胁。有时候，"certificate has expired"错误是由系统根证书过期导致的。可以通过更新系统的根证书来解决该问题。请注意，禁用严格SSL验证或使用过期的证书可能会带来安全风险。在yarn的配置文件中指定该证书文件的路径。将/path/to/new/certificate.pem替换为你的新证书的路径。这将禁用yarn的严格SSL验证，允许使用过期的证书进行安装。这将更新yarn到最新版本，可能会修复证书过期的问题。
2024-01-25 18:17:24
15988
原创 解决.gitignore文件无效问题
有时候，我们修改.gitignore文件无效，如添加dist/，保存之后，修改dist文件夹内容发现还是会跟踪dist文件夹。： git比较的是当前工作区与上一次commit的版本，之前版本是跟踪了dist文件夹的。这里是一个.gitignore文件.DS_Storedist/
2024-01-04 16:14:44
670
原创 滚动条置顶常用方法
元素未滚动时，scrollTop的值为0，如果元素被垂直滚动了，scrollTop的值大于0，且表示元素上方不可见内容的像素宽度。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置。使用该方法的原理与使用锚点的原理类似，在页面最上方设置目标元素，当页面滚动时，目标元素被滚动到页面区域以外，点击回到顶部按钮，使目标元素重新回到原来位置，则达到预期效果。只要把当前页面的滚动长度作为参数，逆向滚动，则可以实现回到顶部的效果。
2023-08-25 17:34:57
1433
原创 vue实现文本对比
安装两个关键插件npm install diff-match-patch savenpm install codemirror@5.65.5 save网上有很多相关教程,但是版本已不匹配,最终找到这个版本codemirror@5.65.5组件中调用
2022-06-16 15:08:42
2911
原创 表格列宽width手动设置不生效,内联也没用
table{table-layout: fixed;}为表格设置表格布局算法,给table加上这,一步搞定①automatic：（默认值）列宽度由单元格内容设定；②fixed: 列宽由表格宽度和列宽度设定；③inherit：规定应该从父元素继承table-layout属性的值。...
2022-03-17 17:32:36
813
原创 不同页面的组件传值,多层嵌套组件传值
毫不相干的vue组件解决方法:window 事件分发A组件中let options = {} options.detail = {//detail为固定参数 xiangmbid: '', ... }const event=new CustomEvent("watchWebsocket", options);window.dispatchEvent(event);B组件中w.
2021-11-19 17:30:51
729
原创 vue中监听元素尺寸变化
data中widthPlay: 0, //元素宽 heightPlay: 0, //元素高 observer: nullmounted中监听let ResizeObserver = window.ResizeObserver || window.WebKitResizeObserver || window.MozResizeObserver; this.observer = new ResizeObserver(() => { let
2021-09-29 15:19:59
2036
原创 window10 vue指令禁止运行，在此系统上禁止运行脚本
创建Vue项目出错，提示vue : 无法加载文件C:\Users\xxx\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=1351701. 以管理员身份运行PowerShell2. 执行：get-ExecutionPolicy，回复Restricted，表示状态是禁止的3.执行：set-ExecutionPolicy RemoteSigned4.选择Y注意：一定
2021-02-01 10:19:43
326
原创 vue项目进行移动端Rem适配
一、使用 lib-flexible 动态设置 REM 基准值（html 标签的字体大小）1、安装# yarn add amfe-flexiblenpm i amfe-flexible2、然后在 main.js 中加载执行该模块import 'amfe-flexible'二、使用 postcss-pxtorem 将 px 转为 rem1、安装# yarn add -D postcss-pxtorem# -D 是 --save-dev 的简写npm install postcss-pxt
2020-10-15 19:17:01
312
原创 vue-cli创建vue项目进行选择配置
如果你还没有安装 VueCLI，请执行下面的命令全局安装或是升级：npm install --global @vue/cli在命令行中输入以下命令创建 Vue 项目：vue create my-project(项目名)Vue CLI v4.2.3? Please pick a preset: default (babel, eslint)> Manually select featuresdefault：默认勾选 babel、eslint，回车之后直接进入装包manua.
2020-10-15 19:04:02
10821
1
原创 声明式导航和编程式导航
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document<
2020-09-22 16:43:05
250
原创 js怎么删除两个数组中id相同的对象
var arr1 = [{ id: 1, name: 11 }, { id: 2, name: 22 }, { id: 3, name: 33 }, { id: 4, name: 4 }, { id: 5, .
2020-08-31 19:56:28
1819
原创 vue-router 报错：Navigation cancelled from“/...“ to “/...“ with a new navigation.
vue-router@3.0版本及以上回调形式已经改成promise api的形式了，返回的是一个promise，如果路由地址跳转相同, 且没有捕获到错误，控制台始终会出现如图所示的警告 （注：3.0以下版本则不会出现以下警告！！！，因路由回调问题…）*怎么解决呢?方案一：安装vue-router3.0以下版本：先卸载3.0以上版本然后再安装旧版本 npm install vue-router@2.8.0 -S方案二：针对于路由跳转相同的地址添加catch捕获一下异常：this.$router.
2020-08-24 19:20:05
30667
25
原创 使用miment插件处理时间戳(时间过滤器使用)
//首先通过npm i miment下载包// 在mian.js中引入包import miment from "miment" // 挂载时间格式过滤器Vue.filter('dateFormat', (t) => { miment(t).format('YYYY-MM-DD hh:mm:ss')})//在需要处理的数据处使用:value="time | dateFoemat"...
2020-08-24 11:30:51
398
原创 时间戳转换成时间格式 (y-m-d h:m:s )的函数封装
function timeStamp(t) { let date = new Date(t); let Y = date.getFullYear() ; let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1); let D = (date.getDate() < 10 ? '0' +
2020-08-24 10:10:24
682
原创 git merge分支或者 git pull的时候出现Please enter a commit message to explain why this merge is necessary.
Please enter a commit message to explain why this merge is necessary.请输入提交消息来解释为什么这种合并是必要的Please enter a commit message to explain why this merge is necessary.git 在pull或者合并分支的时候有时会遇到这个界面。可以不管直接下面3,4步，如果要输入解释的话就需要:1.按键盘字母 i 进入insert模式2.修改最上面那行黄色合并信息,可以
2020-08-03 17:09:25
489
原创 NodeJS的四种取参方法
获取请求很中的参数是每个web后台处理的必经之路，nodejs的 express框架 提供了四种方法来实现。req.bodyreq.queryreq.paramsreq.param()首先介绍第一个req.body官方文档解释：Contains key-value pairs of data submitted in the request body. By default, it is undefined,and is populated when you use body-parsing
2020-08-01 15:30:15
600
原创 防抖节流和重绘回流
防抖和节流**防抖：任务频繁触发的情况下，只有任务触发的间隔超过指定间隔的时候，任务才会执行。场景：有个输入框，输入之后会调用接口，获取联想词。但是，因为频繁调用接口不太好，所以我们在代码中使用防抖功能，只有在用户输入完毕的一段时间后，才会调用接口，出现联想词。节流：指定时间间隔内只会执行一次任务。场景:懒加载要监听计算滚动条的位置，使用节流按一定时间的频率获取。用户点击提交按钮，假设我们知道接口大致的返回时间的情况下，我们使用节流，只允许一定时间内点击一次。重绘与回流重绘(repai
2020-07-23 22:01:19
484
1
原创 对象方法中的闭包
var myName = ‘ifer’;var obj = {myName: ‘test’,getNameFunc: function() {var that = this;return function() {console.log(that.myName);console.log(this.myName);};}};obj.getNameFunc()();运行结果为:testiferobj的方法中将this赋值给that,对象中的方法,谁调用指向谁,所以此处的this指向o
2020-07-23 21:27:23
207
原创 css实现图片倒影
实际上还有很多CSS新属性并未包含进CSS3官方标准中。-webkit-box-reflect属性就是以谷歌浏览器为代表的Webkit渲染引擎独有的特征。-webkit-box-reflect的作用是让图片出现倒影。如果一个图片，我们想要给其增加倒影，做法如下：img{-webkit-box-reflect: below 10px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250,
2020-07-23 16:54:40
1966
原创 什么是图片的base64编码
图片的base64编码就是可以将一张图片数据编码成一串字符串，使用该字符串代替图像地址url。使用base64图片的优点在前端页面中常见的base64图片的引入方式有//在css中使用base64图片.header {background-image: url(data:image/png;base64,iVBORw0…);}//在html中使用base64图片<img src="data:image/gif;base64,base64,/9j/4AAQSkZJRgABAQEASABI
2020-07-20 11:07:28
14922
原创 父盒子塌陷问题解决办法
父盒子塌陷问题解决办法欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计...
2020-04-15 11:11:01
1715
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人