心刻-CSDN博客

原创导入使用javascript-obfuscator加密后的文件，报错Cannot find module “.“

导入javascript-obfuscator加密混淆后的文件报错找不到模块

2022-12-07 17:17:25 4033 1

原创 input输入框超出部分用省略号表示以及判断内容是否有超出（PC端）

input输入框超出部分用省略号表示，判断input内容是否有超出需要显示提示文本，input内容省略时按住鼠标左键不放移动会跟随移动

2022-07-30 10:10:46 4814 1

原创与同事协作一起维护发布同一个npm包，报错You do not have permission to publish

问题在公司中与同事一起共同维护发布一个npm包（不同的npm账号共同维护同一个npm包），当我npm publish下一个版本的时候，出现报错，内容如下npm ERR! code E403npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/npm包名 - You do not have permission to publish "npm包名". Are you logged in as the correct user? npm

2022-04-03 10:04:29 1457

原创 Win10下完全卸载node并安装nvm-windows

背景新旧项目需要使用到不同的 node 版本进行开发， Mac 下可以使用 nvm 工具管理 node ，如果需要管理 Windows 下的 node，推荐使用 nvm-windows 或 nvmw；不过，nvm-windows 并不是 nvm 的简单移植，他们也没有任何关系。前置工作在安装 nvm-windows 之前，如果原本电脑中已经安装过了 node，需要先卸载并删除干净，否则 nvm-windows 可能会不能正常使用。下载 nvm-windowsnvm-windows下载地址：http

2022-03-30 18:09:09 7964 1

原创 nuxtjs引入阿里图标iconfont，外部在线链接地址的方式引入

Font class 的方式复制图标链接地址打开nuxt.config.js文件，在里面link的位置添加外部css链接地址 { rel: "stylesheet", href: "https://at.alicdn.com/t/xxx.css" }如下：在页面中使用图标// iconfont是图标项目的默认Font Family; icon-xxx是图标的名称<i class="iconfont icon-xxx"></i>Symbol 的方式

2022-02-17 11:57:47 1678

原创 nuxtjs在vue组件中引入单独js文件内的vue不是同一个，vue.prototype.$Spin是undefined

nuxtjs引入的 js 文件中，想要在axios拦截器中使用iview的spin组件做出提示，但是这里通过`import Vue from "vue";`引入vue对象，使用iview内置全局`$Spin`方法，报错`Vue.prototype.$Spin`是undefined。若在上面的vue组件中使用`this.$Spin`却是正常的。

2022-02-16 14:15:22 1337

原创 vue项目中，用iframe嵌套其他页面在IE浏览器打开空白而在谷歌打开正常的问题

vue项目使用iframe在ie中显示空白

2022-01-18 15:44:46 2663

原创在项目目录中创建了另外一个项目，git没有跟踪新创建的项目

问题在原来的项目目录中用脚手架搭建了另外一个项目（即原项目文件夹中存放另一个项目文件夹），但是git没有跟踪到新创建的项目文件夹内容，使用git status命令查看也是当前工作区是干净的。原因用脚手架创建的新的项目中，存在 .git 文件夹了，所以在原来的项目目录中 git 跟踪不到解决删除新创建项目文件夹中的 .git 文件，通常这个文件是隐藏的。...

2022-01-14 18:53:00 728

原创 draggable 为 false 时，在鼠标选中内容之后，还是可以拖动的，触发ondrop事件

问题设置draggable 为 false 时，在鼠标选中内容之后，还是可以拖动的，并触发ondrop事件以下是菜鸟教程中的例子(点击打开)，遇到的问题就是改写中的这个样子将draggable 设置为false，ondragstart事件处理函数中，存入的值不依赖ondragstart事件对象event中的某个值时，用鼠标选中内容之后进行拖动（谷歌浏览器），依然是可以触发ondrop事件进行处理的。如果是在vue等项目中，不需要依赖event的情况时，就会导致出现bug。解决如果是不需依赖eve

2022-01-12 21:26:31 4274

原创 Vue2中watch监听props属性无效不触发，而computed可以监听到

问题父组件通过props传递数据对象中的某个属性值给子组件，子组件中watch监听传来的props的变化执行某些内容。父组件中循环调用自己嵌套了多层。出现即使修改了传值，watch也没有监听到，而computed可以监听到的情况。我遇到的问题大概就是以上的情景，实际项目中更为复杂，难以描述得非常清楚。解决使用immediate选项。原本这个选项是用于要立即以当前值触发监听处理回调的，但是遇到上面这种情况开启这个之后就神奇的解决了。例如，监听的是传入的checked属性// children.vu

2022-01-12 21:02:27 13994 4

原创 vite搭建vue3的项目中，ReferenceError: Buffer is not defined

问题：下载文件，后端返回buffer，前端下载；浏览器报ReferenceError: Buffer is not defined原因：在页面中使用了Buffer，但是浏览器中JS没有Buffer对象，它是存在Node中。解决：将Buffer对象改用ArrayBuffer对象，ArrayBuffer对象是 ES6 才写入标准的。浏览器原生提供ArrayBuffer()构造函数，用来生成实例。它接受一个整数作为参数，表示这段二进制数据占用多少个字节。接口返回结果：改写后的下载方法：func

2021-12-20 11:06:46 23309 2

原创 vite的import.meta.globEager引入内容为空，导入不了，没有报错

情况：使用import.meta.globEager导入，得到的内容是空的，控制台也没有报错。解决：检查路径是否写正确，特别是写相对路径时，搞清楚是相对哪里。如果路径中并没有那个文件，引入内容就会是空的，控制台也不会报错。所以检查检查路径。...

2021-12-09 17:01:28 4705

原创 VitePress初始运行报错Package subpath ‘./dist/vue.runtime.esm-bundler.js‘ is not defined by “exports“ in..

VitePress（0.20.0）按照VitePress文档初始化项目后，运行docs:dev脚本报错，错误如下Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath ‘./dist/vue.runtime.esm-bundler.js’ is not defined by “exports” in F:\work\workPlace\temporary\test\node_modules\vue\package.json原因Node版本太低，我

2021-11-03 10:52:56 7380

原创 koa基础学习--get请求和post请求

项目搭建初始化项目：npm init -y安装koa：npm install koa --save，默认就是安装koa2新建index.js文件，并引入koa，进行实例化const Koa = require('koa');const app = new Koa();app.use(async (ctx)=>{ // ctx是koa自带的对象，包含request和response ctx.body = 'Hello World';})// 设置监听端口app.listen

2021-10-02 15:34:40 2524 1

原创 webpack3适用的依赖版本记录

虽然现在已经出到webpack5，但是公司里面的项目老旧，用的依然是webpack3，学习了一遍webpack3的使用，由于现在的依赖包版本的更新了很多，在webpack3上使用会各种出错，所以记录下适用的版本。学习资料：Webpack3.X版成神之路webpack学习记录webpack快速入门——实战技巧学完后的项目文件：https://gitee.com/ayaan/webpack3-exercisepackage.json{ "name": "webpack3", "ve

2021-09-30 17:55:55 548

原创 webpack引入uglifyjs-webpack-plugin后报错 ERROR in entry.js from UglifyJs

在学习webpack3的时候，引入uglifyjs-webpack-plugin插件，然后运行报错原因是：运行了 webpack-dev-server 启动了开发服务器，而不是运行 webpack 打包命令。开发环境中是基本不会对js进行压缩的，在开发预览时我们需要明确的报错行数和错误信息，所以完全没有必要压缩JavasScript代码。而生产环境中才会压缩JS代码，用于加快程序的工作效率。devServer用于开发环境，而压缩JS用于生产环境，在开发环境中作生产环境的事情所以Webpack设置了冲突

2021-09-29 11:24:05 796

原创 antd中表单输入自定义校验明明输入了内容还是提示为空请输入

情况说明：今天接手一位同事写的代码来修改，项目用的vue+ant。在修改密码功能上，发现在新密码输入框校验中，我明明输入了内容（没有符合自定义校验规则的内容），但还是校验提示请输入新密码。但是我按照密码校验规则输入内容，就可以正常通过。想了想好像是在提示语上出现了问题，对比了官网的例子和代码发现，这里即写了自定义校验，又写了message。原因：自定义校验中写了message，就会优先用message的校验失败提示语，而忽略自定义校验中返回的callback(new Error('校验失败提示语'))

2021-04-20 17:01:36 5029 1

原创 JavaScript对调两个变量的方法

方法1 临时变量法var a = 3, b = 5, c = b;b = a;a = c;方法2 加减法var a = 3, b = 5;a = a + b;b = a - b;a = a - b;方法3 数组法var a = 3, b = 5;a = [a,b];b = a[0];a = a[1];方法4 对象法var a = 3, b = 5;a = { a:b, b:a };b = a.b;a = a.a;方法5 数组运算法var a = 3,

2021-04-14 08:45:27 181

原创 emmet语法学习笔记

以下都是在支持emmet的环境下（如vscode）输入emmet结构形式后按Tab键生成html代码生成html模板结构（!）形式：输入 !（英文感叹号），然后按Tab键或按回车结果：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

2021-04-10 22:29:03 147

原创 CSS中间自适应的三栏布局

方式1：流体布局html代码 <div class="left"></div> <div class="right"></div> <div class="main"></div>css代码.left { float: left; width: 200px; height: 400px; background: skyblue;}.right { float: right;

2021-04-08 10:45:51 135

原创小程序中使用npm包

1.初始化 package.jsonnpm init执行后询问的初始化信息可以一直回车使用默认的就行，或者直接使用npm init -y命令2.勾选允许使用npm3.下载npm包npm install 包名例如 pubsub-js包，可以实现页面与页面之间的通信。它是通过自定义事件（订阅与发布）的方式进行的。引入包：import PubSub from 'pubsub-js'，订阅方：PubSub.subscribe(事件名，事件回调)，发布方：PubSub.publish(事件名，提供

2021-03-16 16:12:59 450

原创多出的内容隐藏用省略号显示

CSS样式 width:420px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;

2021-03-05 17:06:25 387

原创 Less颜色混合函数（14）

颜色混合函数multiply()函数作用：分别将两种颜色的红绿蓝（RGB）三种值做乘法运算，然后再除以255，输出结果是更深的颜色。例子：Less中编写div{ background:#ff6600; background:#000000; background:multiply(#ff6600,#000000);}编译结果div{ background:#ff6600; background:#000000; background:#000000;}...

2021-02-02 09:45:12 700

原创 Less颜色值运算函数（13）

颜色值运算函数注意事项：颜色值运算的时候要保证单位是相同的，计算时候百分比会通过绝对值来处理，参数必须在限定的范围内，不能超过界限（比如饱和度值最大是100%，那么计算时候最大值就不能超过100%）。返回值会自动转换成十六进制的颜色值saturate()函数作用：增加一定数值的颜色饱和度例子：Less中编写div{ background:hsl(90,80%,50%); background:saturate(hsl(90,80%,50%),20%);}编译后的结果div{ bac

2021-01-30 14:36:12 2673 1

原创 Less颜色值定义函数和颜色值通道提取函数（12）

颜色值定义函数rgb()函数作用：通过十进制红色、绿色、蓝色三种值（RGB）创建不透明的颜色对象。rgba()函数作用：通过十进制红色、绿色、蓝色以及alpha四种值（RGBA）创建带alpha透明的颜色对象。argb()函数作用：创建格式为#AARRGGBB的十六进制（hex representation）颜色hsl()函数作用：通过色相（hue）、饱和度（saturation）、亮度（lightness）三种值（hsl）创建不透明的颜色对象。hsla()函数作用：通过色相（hue）、

2021-01-29 09:14:32 1433

原创 Less数学函数和类型函数（11）

数学函数ceil()函数作用：向上取整例子：Less中编写div{ width:ceil(2.5px);}编译结果div{ width:3px;}floor()函数作用：向下取整例子：Less中编写div{ width:floor(2.5px);}编译结果div{ width:2px;}percentage()函数作用：将浮点数转换为百分比例子：Less中编写div{ width:percentage(2.5px); width:percen

2021-01-25 19:37:06 726

原创 Less字符串函数和长度相关函数（10）

字符串函数escape()函数作用：将输入字符串中的uri特殊字符进行编码处理不转义编码：, / ? @ & + ' ~ ! $转义编码：# ^ ( ) { } | : > < ; [ ] =例子：Less中编写div{ d:escape('123=abc');}编译结果div{ d:123%3Dabc;}e()函数作用：Css转义，用~“值”符合代替。（作用其实就是原样输入内容，避免编译）常见在calc属性中，避免less提前编译了结果例子Le

2021-01-25 17:05:56 390

原创 Less函数（9）

函数（functions）介绍：Less提供了许多用于转换颜色，处理字符串和进行算术运算的函数，这些函数使用起来非常简单。实例1：最常见的 rgb() 函数，将 rgb 模式的值转换为16进制的值less写法：.bgcolor{ background:rgb(0,133,0);}编译结果：.bgcolor{ background:#008500;}实例2：提取蓝色值的 blue() 函数less写法：.bgcolor{ background:blue(#ffffff);

2020-12-20 23:46:25 3523 1

原创 Less条件表达式和循环（8）

条件表达式带条件的混合比较运算符：< >= = =< < true例子：less编写/* when 是关键字； lightness 是函数库里面的一个函数，作用是取得颜色值中的亮度，返回一个百分比的值 */.mixin(@a) when (lightness(@a) >= 50%) { /* 255/2=127.5≈128 */ background-color:black;}.mixin(@a) when (lightness(@a) < 50%) {

2020-12-20 23:08:15 940 1

原创 Less引入和关键字（7）

引入（important）引入一个或多个 .less 文件，然后引入的这个文件中的所有变量都可以在当前的less项目中使用。例子：main.less文件@wp:960px;style.less文件@import "main";.content{ width:@wp;}编译结果.content{ width:960px;}注意：引用 .css 文件会被原样输出到编译的文件中，所以在写less里面不能混合css文件中的样式例子：index.css文件.color{ co

2020-12-20 12:07:59 498 1

原创 Less命名空间和作用域（6）

命名空间什么是命名空间？将一些需要的混合组合在一起，可以通过嵌套多层id或者class来实现。例子：less编写#bgcolor(){ background:#ffffff; .a{ color:#888888; &:hover{ color:#ff6600; } .b{ background:#ff0000; } }}.bgcolor1{ background:#fdfee0; // 相当于把.a里面的内容copy到这里 #bgcolor&

2020-12-20 01:05:10 428 1

原创 Less运算（5）

运算（operations）说明：任何数值，颜色和变量都可以进行运算。数值型运算Less会为你自动推断数值的单位，所以不必每个值都加上单位注意：运算符与值之间必须以空格分开，涉及优先级时以（）进行优先级运算实例：Less写法,wp{ width:450px + 450;}编译结果：,wp{ width:900px;}颜色值运算Less在运算时，先将颜色值转换成 rgb 模式，然后运算完再转换为16进制的颜色值并且返回注意：既然是转成 rgb 模式， rgb 的取值范围是

2020-12-19 23:30:55 214 1

原创 Less嵌套规则（4）

嵌套规则嵌套规则它模仿了HTML的结构，让我们的css代码更加简洁明了清晰实例：传统CSS写法#header{ color:black;}#header .navigation{ font-size:12px;}#header .logo{ width:300px;}less中的写法#header{ color:black; .navigation{ font-size:12px; } .logo{ width:300px; }}父元素选择器&

2020-12-19 22:42:36 228 1

原创 Less混合（3）

混合（mixins）什么是混合混合就是一种将一系列属性从一个规则集引入（“混合”）到另一个规则集的方式。普通混合例子：less编写.bordered{ border-top:dotted 1px black; border-bottom: solid 2px black;}.post a { color:red; .bordered;}编译结果.bordered{ border-top:dotted 1px black; border-bottom: solid 2px

2020-12-19 11:00:16 511 1

原创 Less变量（2）

变量（variables）1.普通的变量由于变量只能定义一次，中途值是不变的，所以实际上他们就是“常量”定义方式： @变量名: 值;例子：less中写法@blue: #5B83AD;#header { color: @blue;}编译结果：#header{ color: #5B83AD;}2.作为选择器和属性名的变量使用方式：@{变量名}例子：less中写法@mySelector: width;.@{mySelector}{ @{mySelector}: 9

2020-12-13 22:27:38 935

原创 Less初始（1）

什么是LessLess是一个Css预编译器，意思指的是它可以扩展Css语言，添加功能如允许变量（variables），混合（mixins），函数（functions）和许多其他的技术，让你的Css更具有维护性，主题性，扩展性。Less官方网站英文：http://lesscss.cn/中文：https://less.bootcss.com/传统Css写法与Less写法css写法与less写法简单对比（下面两段代码实现的效果是一样的）style.css文件 .content ul { l

2020-12-13 10:37:25 192

原创 vue3的 Composition (合成) api，setup的用法

引入Vue2的组件中，数据是写在data里面，方法写在methods里。这样子在小型的组件中是很清晰的，但是当在大型组件中，数据跟方法就会多起来，而数据与其相关联的方法就会被其他数据和方法分隔的很远，往往很难被看出它们之间的关联。因此，Vue3中就有了合成api来解决这个问题，帮助我们将有关联的数据与方法囊括起来。用法在vue3组件中的 setup 选项使用 Composition APIsetup 是一个函数，它会在创建组件之前执行 props ，也就是说，setup 执行时尚未创建组件实例，因此

2020-11-26 21:41:39 2612

感知器神经网络.doc

空空如也