![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
绘绘~
别看我的简介!
展开
-
npm install 报错:PhantomJS not found on PATH
【代码】npm install 报错:PhantomJS not found on PATH。原创 2024-07-12 13:39:13 · 495 阅读 · 0 评论 -
找不到模块“./App.vue”或其相应的类型声明。ts(2307)
这是一个vue3 + ts的项目,运行没问题,但就是这个报红感觉很不爽。原创 2024-01-30 22:40:29 · 516 阅读 · 1 评论 -
JS || nodeJs实现下载zip压缩包
axios用于发起请求根据url拿到zip包jszip用于解压zip文件path用于路径配置fs用于文件写入到指定路径。原创 2023-02-11 17:14:41 · 2200 阅读 · 0 评论 -
Windows下更改yarn的安装位置,减小C盘占用
绷不住了,yarn的C盘占用太高了,我这C盘感觉以后会受不了,太大了~~(捂脸~~nnd,撸他,更改yarn的位置开始!原创 2023-01-17 14:33:49 · 1072 阅读 · 0 评论 -
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree
该命令并没有真的解决冲突,而是忽略了冲突,以过时的方式执行下载操作。大概理解为就是依赖包安装发生了冲突。尝试把项目跑起来,报错如图,原创 2023-01-14 19:24:44 · 327 阅读 · 0 评论 -
React移动端端局域网手机访问测试
其实这个好多移动端项目都通过这么访问测试也没问题的。原创 2023-01-10 12:38:21 · 573 阅读 · 0 评论 -
React实现移动端锚点跳转组件附带吸顶效果
React实现移动端锚点跳转组件附带吸顶效果原创 2023-01-04 19:43:41 · 464 阅读 · 0 评论 -
拿到一个新项目,浅谈阅读代码心得
入职第一天,算是我的mentor吧,给到我两个项目源码,也可以说一个项目,因为其中一个项目算是另一个项目的一部分。然后第一步就是将项目跑起来咯。由于项目要用到内部接口,mentor帮我安装内部vpn,然后一个项目跑起来了,另一个项目没跑起来,遂换yarn安装,一番操作,success!好,一上午就这么过去了,(捂脸由于整个项目源码是比较多的,大致一看可以了解到项目栈是react由于我们接下来的任务是完成项目子页面的移动端适配部分,所以mentor就让我优先阅读这部分代码。原创 2022-12-27 17:12:30 · 983 阅读 · 0 评论 -
flex实现三点骰子
* 设置三点间隔距离相等 *//* 设置主轴方向为纵向 */原创 2022-10-01 00:52:21 · 587 阅读 · 0 评论 -
vue3项目中引用element plus
本文是在由**@vue/cli 5.0.4**脚手架创建的vue3项目中引用的。我们根据官网可知,引入方式多种多样,不同情况引入方式也是略显不同。由于是**@vue/cli 5.0.4。vue.config.js配置**然后重新启动项目即可成功。原创 2022-09-06 00:33:05 · 331 阅读 · 0 评论 -
项目初始化css文件---normalize.css
【代码】项目初始化css文件---normalize.css。原创 2022-09-04 17:19:34 · 150 阅读 · 0 评论 -
同步和异步
同步行为对应内存中顺序执行的处理器指令。每条指令都会严格按照它们出现的顺序来执行,而每条指令执行后也能立即获得存储在系统本地(如寄存器或系统内存)的信息。这样的执行流程容易分析程序在执行到代码任意位置时的状态(比如变量的值)。原创 2022-08-23 18:00:16 · 204 阅读 · 0 评论 -
Promise的基本使用
Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。解决回调地狱问题。...原创 2022-08-15 21:18:41 · 179 阅读 · 0 评论 -
前端模块化导入导出
个人感觉第二种导出方式更加方便 ,需要注意的是,不推荐两种方式同时使用。然而,在实际项目中,用到的模块化导入导出方式并没有如此多。根据那啥二八法则,举例展示两种导出方式。在this的指向问题上,还是需要注意的。事实上,前端模块化的方式有四种。......原创 2022-08-06 21:16:09 · 557 阅读 · 0 评论 -
Error Cannot find module ‘worker_threads‘解决
Error: Cannot find module 'worker_threads’解决初次尝试vite创建vue项目,运行npm run dev报错这是node版本问题,要求版本12以上PS D:\qian_duan-learn\vue3-learn\vue3demo02> node -vv10.13.0PS D:\qian_duan-learn\vue3-learn\vue3demo02> 升级node版本即可npm install -g n (mac记得加sudo)n l原创 2022-05-18 18:00:45 · 2988 阅读 · 0 评论 -
JS跨域方案JSONP与CORS的各自优缺点以及应用场景?
JS跨域方案JSONP与CORS的各自优缺点以及应用场景?首先明确:JSONP与CORS的使用目的相同,并且都需要服务端和客户端同时支持,虽然功能上讲CORS更为强大,但是需要根据应用场景选择使用哪一个。介绍JSONP(json with padding 填充式json),利用了使用src引用静态资源时不受跨域限制的机制。主要在客户端搞一个回调做一些数据接收与操作的处理,并把这个回调函数名告知服务端,而服务端需要做的是按照javascript的语法把数据放到约定好的回调函数之中即可。jQuery很早转载 2022-05-14 17:55:33 · 237 阅读 · 0 评论 -
node下运行js文件实时更新文件变化
node下运行js文件自动更新js文件|nodemon当我们写一个js文件在node环境中运行时,每次修改该js文件都需要关闭文件,然后重新运行该文件,比较麻烦,所以一个npm包 — nodemon即用来解决该问题,帮助我们修改js文件时能同步更新文件内容在服务中,提高开发效率npm install -g nodemon运行js文件方法nodemon "相对路径下js文件"例如仅个人学习经验,欢迎指正讨论!...原创 2022-05-14 13:46:03 · 816 阅读 · 0 评论 -
@tap与@click的区别
@tap与@click的区别tap和click都是点击事件。不过移动端有太多复杂的功能是click监听不到的,例如,触摸、按住和轻滑。这时候就要用tap方法了。另外,click事件是点击放开之后才触发的,所以时间上会有延迟,大概200-300ms,可是我们在移动端的话就比较追求速度,所以就不能出现说有延迟的情况。所以用tap来代替click事件的话,对于针对移动设备的产品都适合。而且,tap还有一个特点就是事件穿透,就是你执行完绑定的tap事件之后呢,如果下面如果绑定了其他事件或者是本身就存在点击事件原创 2022-05-06 01:21:09 · 7174 阅读 · 0 评论 -
小程序图标icon换行问题|text标签与i标签
小程序图标换行问题|text标签与i标签初学uni-app,完了,初学就踩到坑了。同样的样式设置,H5端和微信小程序端出现了不一样的显示,如图-图片分割---------------------------------------------------------------------------------------------------------------------------------------------可以发现,微信小程序端出现了换行情况,而H5端则没有,经过排错,我原创 2022-05-02 21:36:18 · 1633 阅读 · 0 评论 -
在项目中使用uni-app组件
在项目中使用uni-app组件本演示在HbuiderX软件中进行以实例带入场景作为参考吧,我想使用uni-app的自定义导航栏,首先,我需要下载插件复制npm安装代码,然后对应新建项目目录终端粘贴安装如图,产生了这样的目录然后,在uni-ui->lib文件夹中找到我要的自定义导航栏组件复制该文件夹到项目根目录下的commponents文件夹下面(如果没有该文件夹,新建一个)之后在vue文件中引用效果展示刚开始可能会因为缺少某些插件而报错,但是软件会自动安装对应插件并原创 2022-05-02 17:03:24 · 788 阅读 · 0 评论 -
Vue中axios的封装和使用
Vue中axios的封装和使用首先,安装axios模块属于 运行 时依赖哦打开项目目录npm install axios@0.18.0 --save或者如上图所示,在 package.json文件 dependencies 对象中加上"axios": "^0.18.0"然后 npm install之后新建network目录,目录下新建request.jsimport axios from 'axios'export function request(config) { //原创 2022-04-19 18:28:53 · 793 阅读 · 0 评论 -
标签thead与th的区别
标签thead与th的区别如图所示,thead 和 tbody标签在tr外层,具有更好的语义化,而th在 tr 之内,与td同级,起到文字加粗的效果原创 2022-04-18 01:49:01 · 3292 阅读 · 0 评论 -
href与src的区别
href与src的区别href 即 hypertext reference (超文本引用),常用到的标签有link,a;在浏览器渲染时候,会并行下载href所指向的资源,用来建立当前元素与文档之间的链接。src即 source (资源引入)的缩写,常用到的标签有script,用来替换当前标签的内容;当浏览器加载到 src 时,会停止浏览器渲染,直到加载完其中资源,是页面内容必不可少的一部分,这也是 js 文件引入放在后面的原因。...原创 2022-04-18 01:36:13 · 190 阅读 · 0 评论 -
五大浏览器|四大内核|基础知识
五大浏览器|四大内核|基础知识五大常用浏览器:IE/Edge(微软自带)Firefox(火狐)Chrome(谷歌)Opera(欧朋)Safari(苹果默认)四大内核:TridentGeckoWebkitBlink(Webkit的一个分支)浏览器IE/EdgeFirefoxChromeOperaSafari内核TridentGeckoWebkit(以前) ->Blink(现在)Presto(最初)->Webkit(后来)->原创 2022-04-18 00:43:00 · 246 阅读 · 0 评论 -
vue2 v-for遍历绑定key以提升性能
vue v-for遍历绑定key以提升性能如图所示,banners是一个列表,key应该绑定的值是唯一的原创 2022-03-17 17:23:36 · 182 阅读 · 0 评论 -
利用桥接工具使用vue-cli2创建项目
使用命令npm install -g @vue/cli-init进行桥接然后vue init webpack 项目名创建项目原创 2022-03-14 16:18:40 · 805 阅读 · 0 评论 -
js学习笔记
js学习文章目录js学习ECMAScriptjs三种书写位置JS输入输出语句变量数据类型简单数据类型:检测数据类型数据类型转换数字型转换成字符串型转为数字型转换为布尔型运算符流程控制顺序流程控制分支流程控制循环流程控制js命名规范数组**数组创建方式**数组长度函数**arguments的使用**函数的两种声明方式作用域作用域链预解析对象创建对象的三种方式遍历对象内置对象简单数据类型和复杂数据类型DOMjs主要有三部分组成:ECMAscript, dom, bomECMAScriptjs三种书写位置原创 2021-11-07 14:10:43 · 70 阅读 · 0 评论 -
WebStorm上vue模板设置
WebStorm上vue模板设置为了方便我们编写代码,我们有必要将经常写到的代码设置成模板,以加快代码编写效率以设置vue模板为例示范:方框中是我们需要设置的模板先选中这段代码复制然后打开文件设置之后点+号选择动态模板之后设置缩写和模板文本注意勾选格式化和定义就好啦以此为例 vue + tab就可以直接出现预设代码啦...原创 2021-11-01 11:30:42 · 1238 阅读 · 0 评论 -
flex练习小游戏
flex练习小游戏分享一个可以练习flex布局的小游戏本游戏总共有24关,可以帮助你在游戏中练习flex布局Settings 按钮可以切换为中文或者其他语言呦这是小游戏地址加油,冲冲冲!原创 2021-10-27 09:48:46 · 885 阅读 · 0 评论