- 博客(142)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Sass/Scss基础
是一个最初由 Hampton Catlin 设计并由 Natalie Weizenbaum 开发的层叠样式表语言。是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。Sass 是 CSS 扩展语言，可以帮助我们减少 CSS 重复的代码，节省开发时间。Sass 生成良好格式化的 CSS 代码，易于组织和维护。定义变量用@），Sass 变量可以存储的类型有。Sass 完全兼容所有版本的 CSS。Sass 扩展了 CSS3，增加了。一款css预处理语言，
2024-08-07 16:54:34
373
转载 面试官：HTTP1.0/1.1/2.0 的区别
HTTP1.0、HTTP1.1和HTTP2.0在性能和功能方面都有很大的区别。HTTP1.0通过短连接来实现请求和响应，HTTP1.1引入了长连接和更多的请求头和响应头来优化。而HTTP2.0则进一步提升了性能，通过多路复用、二进制分帧、首部压缩和服务器推送等特性来优化数据传输和性能表现。随着HTTP2.0的逐渐普及，网络通信将更加高效快速，为用户提供更好的上网体验。
2024-08-02 17:56:13
34
原创 DaoCloud-Dockfile文件&NGINX文件
安装依赖，打包，配置NGINX代理，最后把打完的包复制到服务器相应的文件夹下，构建镜像成功。
2024-08-01 16:46:09
263
原创 DaoCloud配置不同环境的流水线（Q）
就是流水线的第二步，在构建流水线的时候，可以选择模板（这里分3步）。方法一是直接一个文件配置（分两步）。不知道能在哪里自动获得，是否能关联上哪里配置的环境变量（应用部署时有无负载均衡里面可以配置环境变量来着）。这样子，就能构建不同环境的镜像了，发包的时候，注意选择想要的环境更新镜像就可以了，哈哈哈。在DaoCloud自动化部署时，不知道如何分别构建生产，测试环境镜像。上图是拉取不同的分支打包来区分不同的环境的。于指定传递给构建运行时的变量，可是创建的。这样两行代码来区分环境打包的，
2024-08-01 11:49:16
204
原创 常用方法- 获取url上某个参数值
window.location.href为：https://www.xxx.com?需求：重定向跳转过来时，需要拿到url上传过来的值，比如：token。
2024-07-29 18:39:07
111
原创 canvas画两个相交的圆（React）
一开始画，总会一个圆压住另一个圆，最后看到了paper.js，就可以了，好用，center是圆心，第一个值是X轴坐标，第二个值是Y轴坐标；radius是半径；fillColor是填充色。一看代码就能看懂啦~组件canvasBox.js。组件style.less。
2024-07-26 12:00:01
240
原创 编译报错 - Missing trailing comma comma-dangle or Missing semicolon semi
这种错误通常出现在使用代码格式检查工具（如ESLint）时，具体是在JSON或者JavaScript对象、数组的最后一个元素后面缺少了逗号（trailing comma）。在某些编码标准中，要求在对象的最后一个属性或数组的最后一个元素后面加上逗号，以便在添加新的属性或元素时保持代码的一致性。缺少分号，找到对应的地方加上就可以了。2.在ESLint的配置文件（例如。1.点到对应的地方加上逗号;
2024-04-24 16:07:39
994
原创 react学习（一）之初始化一个react项目
有很多搭载了其他js的创建，根据自己需要去创建即可。我用的cra创建，npm的时候报错了一堆不知道为啥。是一个用于构建用户界面（UI）的 JavaScript 库，用户界面由按钮、文本和图像等小单元内容构建而成。从 web 端网站到移动端应用，屏幕上的所有内容都可以被分解成组件，即，可由react构建。node版本要么是14，要么大于16.14，我是16.13，所以被提示了。运行起来，报错了，如下图，web-vitals没找着，那就install一下。好了，npm start 运行成功！
2024-04-22 16:29:46
564
1
原创 CSS-vmin&vmax单位
例如，如果视口宽度为 800px，高度为 1000px，那么 1vmax 等于 10px（1000px 的 1%）。例如，如果视口宽度为 800px，高度为 1000px，那么 1vmin 等于 8px（800px 的 1%）。vmin和vmax是相对于窗口视图来说的，与父级元素等无关，vmin 和 vmax 单位。
2024-04-22 13:56:59
408
原创 cnpm报错 -npm ERR!request to https://registry.npm. taobao. org/cnpm failed, ...
随着新的域名已经正式启用，老 http://npm.taobao.org 和 http://registry.npm.taobao.org 域名将于 2022 年 05 月 31 日零时起停止服务，而 npm.taobao.org 这个网站的证书已于 2024年01月22日过期了！现在的包管理工具很多，如 npm，cnpm，pnpm，yarn等等，都各有优缺点吧。在安装依赖的时候，发现pnpm和npm安装都报错，然后想着试试cnmp 安装，结果全局没装，我就去装呀，结果。，显而易见，证书过期了。
2024-02-29 13:05:42
4781
3
原创 ES6内置对象 - Map
接口本质就是调用迭代器对象的next方法，指针会依次指向内部成员。（迭代器之后再详细介绍。如下图及前文，可以看出.key(),.values(),.entries()等方法返回是。我尝试用number类型也是可以做键值的，但是不能。，可以使用 for of遍历。
2024-02-23 22:27:26
904
原创 ES6内置对象 - Set
es6提供的一种数据结构，类似数组，是一个集合，可以存储任何类型的元素且唯一、不重复，so,多用于元素去重。Set取数据不能用下标取，而是用遍历取。如上图，Set数据结构自带一些方法。
2024-02-22 19:53:32
613
原创 elementUI-MessageBox 弹框之$prompt
输入框的类型 默认text, 文档比较简洁没有列举其他的type，其实input的type有很多，比如file，date，比如这里我写的textarea也是OK的；2.inputValidator 输入框的校验函数。val)return '放弃原因必填'},之前写都没有记录，今天记录一下，文档上没有写的关于$prompt内容提交的校验。
2023-05-16 19:34:20
5234
2
原创 npm-npm i XX --save 和--save-dev
开发时所用到的依赖生产用不上的（eg. 打包用的相关依赖等）可以直接安装到devDependencies下面。)，直接看好了，哈哈~
2023-02-10 19:16:28
976
原创 js-笔记-数据类型判断
今天偶然看到一篇文章typeof 和 instanceof 的区别，文章末尾的console.log(Number instanceof Number);//false console.log(String instanceof String);//false 有点迷，当时想着Number和String为啥不instanceof 它们自己呢？？？就测试了一下Number是啥，结果他们本身是个Function！！好嘛，想了一下也是，它可以new，创建实例啥的Object是functio..
2022-04-20 23:29:43
297
原创 vue-笔记 - $router&$route
链接：vue router的$router和$route及router与 route的区别_JackieDYH的博客-CSDN博客_vue中router和route的区别$router全局，用于导航；$route局部，当前路由所含有的一系列信息。$router “路由实例”，是一个全局对象，其包含了路由的跳转方法，钩子函数等。$route是“路由信息对象”，是一个局部对象，其包含name、path、fullpath、params、query、hash、matched等路由信息。.
2022-04-20 22:29:56
404
原创 vue - 项目创建（vue2+vue3）
1.打开终端以管理员身份运行//全局安装脚手架npm i -g @vue/cli 然后怎么创建官网有写创建一个项目 | Vue CLI一、创建vue2项目因为现在直接安装的脚手架版本都是最新的，所以想创建vue2项目,还得拉取 2.x 模板 (旧版本)Vue CLI >= 3 和旧版使用了相同的vue命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的vue init功能，你可以全局安装一个桥接工具：npm install...
2022-04-20 02:29:55
1560
原创 vue : 无法加载文件 C:\Program File..
今天在执行 vue -V 命令时报错，如下：然后就查了一下是 Windows PowerShell 的问题，我的webstorm终端是Windows PowerShell下的，所以受它的执行策略限制，在具体解决方法有两种如下：第一种方法：把webstorm或者vscode的terminal设置成git bash（下图是ws:）打开Settings（设置）,在里面找到Tools(工具)，修改Shell path,如下图：如下：第二种方法：修改Windows PowerSh.
2022-04-19 23:35:04
1634
原创 Vue（ts） - ref & $refs 之el-input获取焦点
场景：如下图，目录页次号是由3个字段拼接而成，每个字段限制输入长度三个,就自动跳转下一个input框；方法一：#html: <yo-cell label="目录页次号:"> <!--目录编号--> <el-input v-model="formData.katCode" maxlength="3" @input="goNextInput('inputCG',formData.katCode)" size="mini"></e
2022-04-02 23:07:36
3276
原创 JavaScript简介-1
JavaScript(JS) 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 是一种基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。(原型编程是一种面向对象编程的风格。在这种风格中，我们不会显式地定义类，而会通过向其它类的实例（对象）中添加属性和方法来创建类，甚至偶尔使用空对象创建类。简单来说，这种风格是在不定义class的情况下创建一个object。)Brendan是JavaScript之父JavaS...
2022-03-02 19:13:23
904
转载 构建一个虚拟DOM并转换为真实DOM
关于真实DOM与虚拟DOM1.在学习虚拟DOM之前，让我们先来了解一下真实的DOM结构，这里不得不提的是关于浏览器渲染方面的知识。 当浏览器拿到一个HTML文件，首先会根据HTML文件构建出一个DOM树来，并行加载CSS文件，图片，JS脚本，值得注意的是DOM树的渲染和CSSOM渲染是并行执行的，而不是串行进行的。 （JS脚本需要在html尾部加载，或是写入window.onload方法里，让DOM加载完成后再去加载JS脚本，防止进程阻塞，JS脚本是同步加载的）。 在构建完DOM树和C.
2021-12-16 17:28:26
934
转载 蓝绿部署&滚动部署&金丝雀发布(灰度发布)&A/B测试
在一般情况下，升级服务器端应用，需要将应用源码或程序包上传到服务器，然后停止掉老版本服务，再启动新版本。但是这种简单的发布方式存在两个问题，一方面，在新版本升级过程中，服务是暂时中断的，另一方面，如果新版本有BUG，升级失败，回滚起来也非常麻烦，容易造成更长时间的服务不可用。为了解决这些（服务中断、失败回滚、……）问题，人们研究出了多种发布策略。部署1、蓝绿部署 – BlueGreenDeploymentIt’s basically a technique forreleasing your.
2021-12-07 17:05:58
362
转载 前端模块规范AMD/UMD/CommonJs
.babelrc文件中的：module设置为false，为什么会要设置成false？解释：使ES6模块语法转换到另一个模块类型(默认启用“commonjs”)。 设置为假则不变换模块。或者传入(“amd”、“umd”,“systemjs”、“commonjs”)。什么是模块？Javascript的组件生态在最近几年的发展很给力，我们的可选性更加广泛了。这本是一件好事，但是当多个第三方Javascript在一起混合使用的时候，我们可能会遇到一个很尴尬的问题，那就是不是所有的组件都能在一
2021-12-06 18:29:34
1861
原创 nvm安装 node版本报错npm命令不存在
因为项目需要用低版本的node，所以采用了nvm来切换node版本，想装v10.13.0版本的node，但是直接nvm install v10.13.0时，报以下错误（已经没有截图了），如下：Error while creating C:\Program Files (x86)\nvm\v14.exe - open C:\Program Files (x86)\nvm\v10.13.0\node64.exe: Access is denied. Could not download node.js v
2021-11-24 16:24:02
4734
原创 NVM-切换多个node版本
使用场景：同时做几个不同的项目，其中Angular（2.0&4.0）项目需要用老的node版本来支持，但新的vue项目需要用14以上的node版本，导致冲突。这时候就需要用nvm来管理node版本了。先去下载nvm并安装； // 查看当前所有的node版本 * nvm list // 安装指定的版本( eg. nvm install v10.13.0) * nvm install xxx //设置使用版本号 ( eg. nvm use 10.13.
2021-11-24 15:44:46
675
原创 input输入框获取焦点时，光标置于最右
需求是在修改客户名称时，获取焦点，需把光标置于最右，方便用户操作；<input v-model="customerName" @focus="nameFocus($event)" @blur="setClueName()"/> // 获取焦点，光标位置 nameFocus(e){ const editTask = e.srcElement; const length = editTask.value.length; editTask.focus();.
2021-11-03 13:54:20
2347
原创 接口响应的Response Header打印不出全部值问题
后端在每一次接口请求成功时都会更新token值，会在response header中返回。前端在HTTP请求拦截统一处理，每次都会更新vuex store里的用户信息。但是 在打印时发现，我的电脑打印OK，其他小伙伴的电脑不行！？经排查发现是浏览器跨域问题。我的谷歌浏览器跨域了，都能打印到全部值，小伙伴的只有Content-Type...跨域：没跨域：...
2021-10-13 17:23:02
1089
原创 关于Chrome浏览器主页被2345篡改
今天早上到公司，打开chrome发现直接跳转2345了，很气，直接覆盖了我之前设置的浏览器跨域，浏览器主页被2345劫持直接跳转了，不跨域了。我去重新设置了浏览器跨域，如下图，依旧没用！emmm，我想着，肯定是啥时候点到了什么，安装了某些流氓软件。好的，从源头解决问题。打开控制面板，找到 程序和功能，打开它找到流氓软件2345，直接卸载！！！完成之后重启浏览器，OK，跨域又有了~因为我没太想明白这个原理，就去百度了一下，劫持方式还不止一种。。。“为什么会被篡改？因为别人有推广提成啊.
2021-07-07 11:36:25
3910
原创 Angular2 - [innerHTML] && pipe(把字符串里的 /n 替换成 ＜br/＞)
/** * Created by Echo_hx on 2021/05. * 把字符串里的 /n 替换成 <br/> */import { Pipe, PipeTransform } from '@angular/core';@Pipe({name: 'hDataBr'})export class DataBrPipe implements PipeTransform { transform(value: any) { return value.repla...
2021-05-31 16:09:10
466
原创 forEach-关于跳出循环
forEach（1）不能使用 continue 和 break ！（for可以-continue过滤当前循环；break直接终止循环，跳出整个循环）（2）使用return，只能跳出当前循环，并不能跳出整个循环，更不会终止循环。（3）通过抛出异常的方式可以实现终止循环，跳出整个循环，如下示例：let arr = [{a:'1',b:'2',c:'3'},{a:'11',b:'22',c:'33'}];try { arr.forEach((val) => { i
2021-04-27 16:46:18
2514
原创 vue - v-if 注意点
目的：用v-if = ‘ isCheckPosition ’来控制一个切换岗位图标的显示与否；做法&结果：isCheckPosition的值是来自于上个页面的$route.query传值，是一个页面设置其类型为Boolean值，可是实际上，在开发环境的谷歌浏览器上，并没有根据其true or flase 来显示图标与否（在手机上的话没有测试，不过也无关紧要，反正有一个地方不对，就要去修正的）。解决方法：把Boolean值改成 == 判断，这种 v-if="isCheckPosition ==
2021-02-25 13:50:18
372
转载 四款优秀的源代码扫描工具简介
转载于：https://www.cnblogs.com/xiaominggong/archive/2019/05/06/10821005.html一、DMSCA-企业级静态源代码扫描分析服务平台端玛企业级静态源代码扫描分析服务平台（英文简称：DMSCA）是一个独特的源代码安全漏洞、质量缺陷和逻辑缺陷扫描分析服务平台。该平台可用于识别、跟踪和修复在源代码中的技术和逻辑上的缺陷，让软件开发团队及测试团队快速、准确定位源代码中的安全漏洞、质量和业务逻辑缺陷等问题，并依据提供的专业中肯的修复建议，快...
2020-12-18 16:56:06
10263
1
原创 JS疑惑-2（作用域）
与JS疑惑-1有些关联，但也有点迷。。。function func(){ var a =b =5;}func();typeof(a); // "undefined"typeof(b); //"number"待续。。。
2020-12-04 16:34:24
102
原创 JS疑惑-1（连续赋值）
蛮疑惑的，主要还是 a.x = a = {n: 2};连续赋值有点懵。a={n: 2};a.x = a; ? ? ?看到一篇JS基础-连续赋值的博客，看图大概能明白一些，但还是有点点不确定。先记录一下，多思考思考吧var a = {n: 1};var b = a;a.x = a = {n: 2};console.log(a.x) // undefinedconsole.log(b.x) // {n: 2}...
2020-12-04 15:23:37
101
转载 你知道的各种形状（CSS实现各种形状）
转载于：https://juejin.cn/post/6900785241233817608单纯通过CSS我们就可以实现页面的形状样式。CSS绘制的形状随着屏幕分辨率的提高不会出现变形失真的问题，值得推荐。三角形利用四边border不同以及颜色的transparent实现<div class="triangle"></div><style> .triangle{ width: 0; height: 0; b.
2020-11-30 18:15:18
879
转载 vue中 使用md5加密
安装npm install js-md5 --save组件内引入需要的组件内引用import md5 from 'js-md5';使用let psd = '123123'md5(psd) // 4297f44b13955235245b2497399d7a93全局引入在main.js中将md5注入到vue原型上import md5 from 'js-md5';Vue.prototype.$md5 = md5;使用：let psd = '12312
2020-09-03 11:41:41
4935
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人