- 博客(28)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 国内Mac,nimi安装homebrew完整过程
在终端打开，输入命令即可（可能会出现以下提示，按提示装好git就好）这里选对应的序号，输入密码继续
357
原创 nvm安装教程
nvm 是一个用于管理多个 Node.js 版本的工具，可以轻松切换不同版本的 Node.js，适合开发者在不同项目中使用不同的 Node.js 版本。
2025-03-11 17:47:47
415
原创 vscode好用的前端插件
使用强大的 Git 功能（如编辑器内指责注释、悬停、CodeLens 等）增强您的工作流程 - 所有这些都可以在 VS Code 中完全自定义。:适用于 VS Code 的中文（简体）语言包。（百度的AI代码补全工具）
2025-03-05 17:16:28
345
原创 css的毛玻璃效果backdrop-filter: blur()
backdrop-filter： 该属性可以让你为一个元素后面区域添加图形效果（如模糊或颜色偏移）。它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明。css的新属性，毛玻璃效果很好看，区别于原来的透明度变化，更加有质感了，backdrop-filter: blur(2px);
2025-03-04 16:02:33
275
原创 给数组对象里面的值去除空格，得到一个新的值
假如要去除数组中每个对象的值中的空格，并生成一个新的数组，可以使用 map 方法来遍历数组中的每个对象，并对每个对象的值进行处理。如果属性值是字符串，使用 replace(/\s+/g, ‘’) 去除所有空格。创建一个新的对象 newObj，用于存储处理后的值。检查属性是否属于对象本身，而不是从原型链继承的。in 循环遍历对象的每个属性。使用 map 方法遍历数组中的每个对象。如果属性值不是字符串，保持原样。
2025-02-27 17:57:29
137
原创 程序员如何借助 DeepSeek 开启副业增收，挖掘财富密码
DeepSeek 为程序员提供了丰富的副业增收机会，关键在于结合自身兴趣和技术优势，选择适合自己的方向。无论是提升技能、开发应用、内容创作还是参与生态建设，都需要持续学习和实践。通过不断探索和创新，程序员可以借助 DeepSeek 实现技术变现，开启财富增长之路。希望这些拓展内容对你有所帮助！如果有更多具体问题，欢迎继续交流！
2025-02-26 17:30:08
611
原创 Vue 刷新当前组件的5种方式
forceUpdate 是 Vue 提供的一个方法，可以强制重新渲染组件。但这种方法不会重置组件的状态，只是触发重新渲染。通过改变一个 v-if 条件或者更新一个 key 值来强制 Vue 重新挂载组件，从而达到刷新的效果。的情况下刷新数据，可以使用 beforeRouteUpdate 守卫。如果当前组件是通过路由加载的，可以通过路由的 push 方法。这是最直接的方法，它会像用户点击浏览器的刷新按钮一样。
2025-02-25 18:35:27
737
原创 try catch 和if else的区别
try-catch 和 if-else 都是用于控制程序流程的结构，但它们在使用场景和目的上有所不同。：用于条件判断，根据条件的真假执行不同的代码块。它通常用于处理已知的、可预测的逻辑分支。：用于捕获和处理异常（错误），通常用于处理不可预测的运行时错误或异常情况。
2025-02-24 19:01:55
257
原创 在 Vue.js 中，点击打开一个新页面可以通过以下6种方式实现
如果需要通过 Vue Router 打开一个新页面（例如跳转到另一个路由），可以使用 router.resolve 生成完整的 URL，然后结合 window.open 打开。如果需要通过 Vue Router 打开一个新页面，可以直接使用 并设置 target=“_blank”。: 使用 Vue Router 的 router.resolve。标签，并设置 target=“_blank” 来打开新页面。: 使用 的 target=“_blank”如果需要嵌入页面而不是打开新标签页，可以使用。
2025-02-19 18:38:45
889
原创 多个对象合并的3种的简单方式，替换同key名的值
如果要用深拷贝的小伙伴可以用lodash第三方库（https://www.lodashjs.com/docs/lodash.merge）这方法会改变对象 object, 不会改变[sources]，sources里面的子对象也可以被拷贝到。若属性名相同，后面的属性会覆盖前面属性，对象和数组合并，数组会被转成对象，再被合并。两个或多个对象需要合并，并且有相同的key时，用后面对象的value值。这个方法是浅拷贝，则拷贝了对象的引用（也就是修改的话会影响到原对象）该方法不会改变对象a，不会改变对象b。
2024-04-24 18:43:25
722
原创 三种办法遍历对象数组，获取数组对象中所有的属性值（key,value）；四种方法查找对象数组里面的某个值
如果是要获取具体第几个属性的值，倒是可以用arr[i].name的方法来实现。查看数据里面是否含有这个布尔值(只要有一个满足就可以了)2、every；查看数组中是否有不满足条件的，和some有相反意思。若是全部的属性的值，并返回一个新的数组嘞，思路是加循环遍历。3、forEach 方法。map方法抽取成公共方法。
2023-07-24 18:45:36
13496
原创 js如何禁止Chrome浏览器自动翻译
这种方法只能阻止自动翻译，如果用户点右键去翻译，还是会被翻译到。在html文件中设置 lang=“zh-CN”这样页面就不会受翻译影响。
2023-07-13 17:37:22
2268
原创 vue 剪切或复制，如何获取剪切板的信息，图片，并展现？
1，在元素上绑定一个paste黏贴事件，在黏贴版找到类型为图片的item，用getAsFile()方法，变成file对象。2，如果要展示图片，用FileReader()从file对象中读取数据，直接拿base64地址展示；3，如果要将拿到的剪切板内容传给某个API存储或调用，借助FormData对象将数据传给你的api。
2023-02-13 16:17:10
2816
原创 新版本的mac ,启动mongodb 报错解决（以及mac环境下mongodb安装教程）
二，完整的安装教程如下），我这里先说报错原因我的电脑最近升级了新版本的macOS(版本12.4)，在安装mongodb时，按照菜鸟教程的方式安装教程，在启动 mongodb：时，会报以下错误：这是找不到我们建的/data/db路径，mac最新版本不予许编辑根目录解决方案是，在别的地方建文件夹，用来放mongodb的文件1，下载安装包，解压，下载地址：https://www.mongodb.com/download-center#community进入 /usr/local...
2022-06-17 16:17:49
2085
原创 js计算，与或非，按位与运算符
js计算，与或非，按位与运算符1，“与”运算（&）2，“非”运算（～）3，“或”运算（|）4，“异或”运算（^）5，按位“与赋值”（&=）附录：a&b二进制正负数的表示法有原码、反码、补码
2020-11-21 15:01:41
1228
原创 vue里面进行页面刷新的方法，路由刷新，单组件刷新
在使用vue开发是，会遇到要刷新页面的情况，1，里面进行路由刷新，使用router.go(0);2，组件刷新的方法，可以用v-if或是通过改变key值来实现
2020-09-08 16:09:47
2637
原创 vue-cli ,vue2项目的完整搭建，新建，配置，路由配置，API封装，到打包上线
发现当我重新开发一个项目的时候，偶尔会忘记某些步骤，所以做个整理便于以后查看！项目开始的时候当然是做技术选型，还有用什么框架啊，插件啊，都先设计好，这样在开发过程中也不会太曲折！项目搭建的过程，在本文中划分为6个部分安装node，安装全局vue，安装vue-cli检查安装是否成功因为个人习惯这里用vue2来举例，新建一个文件夹，进入到文件夹，命令行输入如下图所示：安装进入项目：启动项目：浏览器打开：这时候项目就新建完成啦～可以开始进行创作附加：vue项目目录讲解最常用的是esline配置
2020-08-05 17:26:26
8170
7
原创 常用的git命令整理，简洁明了，持续更新
常用的git命令整理强制覆盖本地代码&强制push代码整理了部分个人常在项目里面用到的命令，比查官方文档要简洁明了一些，之后有新的领悟也会更新到这里(o^^o)安装完成后的配置git config --global user.name “xxx” // 配置用户名git config --global user.email “xxx@xxx.com” // 设置邮箱–global 是全局配置的意思创建版本库...
2020-07-29 18:27:29
448
1
转载 vue-cli脚手架build目录下utils.js工具配置文件详解（转）
转载自 https://www.cnblogs.com/ye-hcj/p/7078047.html1、此配置文件是vue开发环境的wepack相关配置文件，主要用来处理css-loader和vue-style-loader2、关于注释当涉及到较复杂的解释我将通过标识的方式(如（1）)将解释写到单独的注释模块，请自行查看3、上代码// 引入nodejs路径模块var path = require('path')// 引入config目录下的index.js配置文件var config = r
2020-07-21 11:38:02
742
原创 自适应，响应式，一步到位
自适应和响应式还是有点区别的：什么是自适应？什么是响应式？如何做一个自适应效果的网页？效果图：一，在页面的头部加入metaviewport ： 表示的是显示窗口；width=device-width,initial-scale=1.0 ： 表示的是显示窗口的宽度等于设备的屏幕宽度，initial-scale=1.0，即初始的缩放比例为1.0；minimum-scale ： 表示的是允许缩放的最小比例maximum ： 表示的是允许缩放的最大比例user-scalable ： 表示是否允
2020-06-24 17:59:56
232
原创 rem的使用方式，适配移动端，页面自适应
我们平时的原生开发中常用的单位是px，比较少用rem；但你会发现，很多前端框架里面的单位会用em，或rem。当然我们更多是在需要做页面或端适配的时候来使用这个单位rem这个单位怎么理解呢？“font size of the root element” 。 相对于HTML的根元素的大小，目前，除了IE8及更早版本外，所有浏览器均已支持rem。通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应说到rem，自然要了解一下emem是相对长度单位。相对于当前对象
2020-06-16 23:33:36
495
原创 css去除行内元素（inline-block）的默认空隙的多种方法
行内元素（inline-block）是会有默认的元素空隙的，但是在很多情况我们需要元素无缝链接展示，默认的margin:0;padding:0;是不起作用的，本文列举了几种css的方法来对默认空隙进行修改，且兼容多种浏览器。方法一：去除元素之间的默认空格，包括换行 <div class="demo"> <span>什么什么</span><span>这是什么</span><span>不知道哦</span> &l
2020-06-11 18:39:40
1489
原创 解决iOS和安卓端的无法禁止双指缩放，双击缩放问题
方法一:在程序的入口页面的 <meta>标签 里面加maximum-scale=0, user-scalable=0maximun-scale：允许用户的最大缩放值，0.0-10.0之间；minimum-scale ： 最小缩放系数，0.0-10.0之间；user-scalable：是否允许用户进行缩放；这两个的默认属性为允许 yes 或 1，不允许则为 no 或 0；initial-scale： 设备宽度与 viewport大小之间的缩放比例，0.0-10.0之间<m
2020-06-09 21:40:25
1589
2
原创 #div点击穿透效果，阻止冒泡
多层div叠加，点击穿透到想要一层话不多说，直接看demo*在覆盖在目标点击的div 上面的盒子里加 “ pointer-events: none;” *<!DOCTYPE html><html><head><meta charset="utf-8"><title>div穿透效果</title></head><style> * { margin: 0; p
2020-06-08 22:17:44
1045
原创 字符串(string)，数组(array)，对象(object)，互相转化的方法
字符串(string)，数组(array)，对象(object)，互相转化的方法字符串转数组：方法：str.split(’,’)这里用的是“,”做为分割符，换成其他也是可以的，例如str.split(‘星’)var str1= '海王星,冥王星,地球,水星,金星,火星,土星,木星'console.log(str1.split(','))输出结果：字符串转对象：经常会有后台接口传过来的数据是一串字符，而前端需要的是一个对象；如下所示，我们需要把字符串转成对象，可以用JSON.pars
2020-06-04 17:02:14
10458
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人