小宋子-CSDN博客

原创 npm改变npm缓存路径和改变环境变量

在安装nodejs时，系统会自动安装在系统盘C，时间久了经常会遇到C盘爆满，有时候出现红色，此时才发现很多时候是因为npm 缓存保存在C盘导致的，下面就介绍下如何改变npm缓存路径。win11为例：此电脑-- 系统属性—高级系统设置—环境变量—新建用户变量—修改系统变量，完成，请对照下图一步步操作。以上设置完成之后，全局安装一个npm包测试下是否已经设置成功，例如下图文件夹中出现图中的文件夹表示已经设置成功了。2、打开cmd，执行两行代码。

2023-10-25 10:04:33 1842

原创 node-sass版本与nodejs版本不兼容解决方法

新换电脑，重新部署环境后，启动项目时遇到这样一个问题，node-sass总是报各种错误，有node-sass版本与nodejs版本不兼容的等，查了很多资料，也按照下面的版本兼容性来修改版本，反反复复还是不行。执行以下代码后，重新npm i 就好了。

2023-10-25 09:43:33 792

原创同一个元素hover和active同时设置背景时，点击的瞬间背景色缩短一块？

在项目中遇到这样的一个问题，当同一个元素hover和active同时设置背景时，点击的瞬间背景色缩短一块（颜色变化的瞬间会有个白色空隙），视觉上看着很不舒服。查了很多资料都不行，最后还是得巧用解决，以下代码亲测有效。

2023-09-27 16:23:41 144

原创 echarts刻度饼图

<head> <meta charset="utf-8"> <title>刻度饼图</title>  <script src="js/echarts501.min.js" type="text/javascript"></script> <script src="http://code.jquery.com/jquery-1.8.0.min.js">&l...

2022-01-20 14:39:26 764 1

原创 Vue中的数据代理

最近学习了下Vue中的数据代理，便于自己理解，在此记录下，希望对看此文章的你有帮助。什么是数据代理在理解数据代理之前要对 Object.defineProperty（）比较熟悉，因为Vue中很多底层的数据代理都是使用Object.defineProperty（）来实现的。数据代理：简单的说就是通过一个对象代理对另一个对象中属性的操作（读/写）<script> // 最简单的数据代理例子 let obj1 = {x:1}; let obj

2021-12-09 18:02:24 1218

原创 echarts圆形

上图是最终实现的效果，直接上代码，做记录<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>渐变柱状</title>  <script src="./js/echarts501.min.js" type="text/javascript"></script> &l.

2021-12-02 13:59:38 670

原创 echarts 柱形

上图是最终实现的效果，话不多说，直接上代码记录下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>渐变柱状</title>  <script src="./js/echarts4.60.min.js" type="text/javascript"></script>.

2021-12-02 13:54:24 415

原创 echarts 仪表盘

上图是实现的最终效果，最初看到手稿时，echarts没有任何思路，经过看echarts文档和网络上很多笔友的实例，才实现了最终效果，在此记录下，直接上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>仪表盘</title>  <script src="./js/echarts4.

2021-12-02 13:51:30 369

原创 Flex布局常用属性简介

flex弹性布局flex布局与传统布局的区别传统布局：传统布局，基于盒模型，依赖 display属性、position属性、float属性，它对于那些特殊布局非常不方便，比如垂直居中。兼容性好布局繁琐局限性，不能在移动端很好的布局flex弹性布局：Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。操作方便，布局极为简单，移动端应用很广泛PC端浏览器支持情况较差IE11或更低版本，不支持或仅部分

2021-11-24 09:30:00 280

原创网站常用的favicon.ico文件

在项目中，经常看到favicon.ico报错，一直不明白是啥个东西，如下图。（如果你访问的页面上没有这个的话，可以强制刷新下看看）偶然间看到了一篇文章，才明白是怎么回事，在此记录下：FAVICON.ICO 是网站图标文件，浏览网站时显示在地址栏前边的那个图标参考：添加链接描述关于Favicon，总是被命名为favicon.ico。默认存放在网站web根目录。当访问一个页面的时候，不管怎么样，浏览器都会请求/favicon.ico，例如第一张图，可以通过在页面的部分加入link元素来重新指定它

2021-11-18 11:38:26 3717

原创 vue使用vue-awesome-swiper

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2021-11-02 14:46:46 2366

原创使用vuecli简单搭建vue项目

一、首先你的电脑要满足环境。保证你的电脑上已经安装了node.js**, 没有安装的话，可以进行管网下载安装。**1、https://nodejs.org/en/2、安装完成以后，检测node是否安装成功，cmd — >node -v 来判断是否安装成功,看到版本号，说明已经安装成功了。3.node安装成功后，npm包管理器会自动安装，使用npm -v 查看npm是否安装成功4.全局安装vue-cli脚手架 npm install -g vue-cli二、npm包管理器和vue-

2020-07-10 11:42:34 75

原创无后端支持，前端无法实现邮件发送

html实现邮箱发送邮件_js发送邮件至指定邮箱功能有以下几种方法*方法一：利用a标签的href属性浏览器客户端安装有邮件客户端软件，比如 Foxmail,Outlook,YoMail之类的，客户端还需要手工配POP3和SMTP方法二：利用js中的location跟第一种方式一样需要浏览器客户端安装邮件客户端软件方法三：使用node中的nodeemail方法四：使用node中的emailjs第三种和第四种需要搭建基于nodejs的服务器并要求使用Node.js v6.0.0或更

2020-07-08 15:35:05 293

原创 [object object]怎么取值

在项目中经常会遇到从后台请求过来的数据在控制台打印出来是 [object object]，本来要显示的是JSON对象，此时需要做个简单的转换：var jsonData = JSON.stringify(data);// 转成JSON格式var result = $.parseJSON(jsonData);// 转成JSON对象...

2020-07-08 15:28:38 4774

原创 vue.js 使用v-for 循坏的多个table 如何去区分

在项目中遇到这样一个问题，同一个页面上有多个table，这多个table是使用v-for循环出来的，每个table中都有一个颜色变色器，修改每个table的颜色变色器，保存的时候发现修改后的颜色没有保存成功，经过测试发现修改每个table的颜色变色器时，不知道修改的是哪个table的数据，后来经过认真读取iview的文档才发现解决方法，在此记录下。最初是使用“颜色设置”一列使用render函数实现的如下代码//使用的iview组件中的table <div v-for="(item,in

2020-07-08 14:18:42 3068 1

原创 vue如何动态的绑定style样式

<span v-else class="nvwa-iconfont" :style="{'color':cNodeColor,'font-size': '14px'}" :class="row.flag === 1 ? 'icon-_Txiaoxitishi':'icon-_Tchenggongtishi'"> </span> // :style="{'color':row.cNodeColor,'font-size': '14px..

2020-07-08 12:06:10 8910

原创 vue.js 中 v-for 循环动态循环的div，并列一排，如果使最后一个div没有margin-right：10px

<div v-for="(node,index) in circlesTemp" class="bgColorJq" :class="(index + 1) % circlesTemp.length == 0 ?'noright':'margin-right-10'" :style="{'background-color':node.bgColor}"> </div> // 1、在vue中 class 与 :class 是不冲突的，// 2、(index +

2020-07-07 16:45:58 3106

原创 vue.js中如何实时获取某个div的offsetWidth的变化

在写vue的项目时，遇到这样一个问题，就是如果实时获取到一个div的offsetWidth的变化，查了很多资料使用element-resize-detector插件可以实现，偶然间看到一个知乎上的简单回答，便记录下，借鉴于：https://www.zhihu.com/question/346607121/answer/827773405 mounted() { const resizeObserver = new ResizeObserver(entries => {

2020-07-07 16:26:07 4214 2

原创 Visual Studio Code 初使用

Visual Studio Code下载简单介绍查找和替换扩展插件使用下载下载地址：https://code.visualstudio.com/ 【官网】*简单介绍打开新的窗口：CTRL+SHIFT+N查找和替换在整个项目中，我想查找有多哪些文件含有我想要的字符串并替换扩展插件使用刚安装好的Visual Studio Code用起来是很不方便的，所以可以通过安装扩展...

2019-11-12 17:10:02 407

songqiu821的博客