- 博客(25)
- 收藏
- 关注
RSS订阅原创 SonarQube-检测Vue项目代码
通过SonarQube我们可以检测出项目中重复代码， 潜在bug， 代码规范，安全性漏洞等问题， 并通过SonarQube web UI展示出来。启动成功后，浏览器进入 http://localhost:9000/ ，初始登录名和密码都为admin，登录成功后可自行修改。例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。首先双击安装目录下的StartSonar.bat，运行并登录sonar（http://localhost:9000/）
2023-07-14 18:04:18
987
1原创 ES6 1、变量的解构赋值
ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。...
2022-07-26 13:54:17
77
原创 十分钟理解Vuex的概念及作用
1.Vuex是做什么的?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window)，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。状态管理到底是什么?状态管理模式、集中式存储管理这些名词听起来就非常高大上，让人捉摸不透。 其实，你可以
2021-11-25 15:45:22
1520
原创 Vuex五大核心概念详细篇，以及代码演示
完全理解Vuex五大核心概念，并学会使用.Vuex核心概念一、State单一状态树提供一个响应式数据，存贮公共数据的地方这个和我们在应用开发中比较类似︰二、Getter 从基本数据(state)派生的数据，相当于state的计算属性组件：getters：三、Mutation状态更新1)更改state方法；2)定义mutation的方式:3)通过mutation提交更新4)mutation在提交时如何传传递参数，以及传递多个参数?4.1)传一个参数的写法（官网例子）：4.2)对象风格的提交方式,传多个参数.
2021-11-25 15:30:40
539
原创 vue/cli--4.5.13创建项目以及配置
vue/cli--4.5.13创建项目以及配置目录一、下载vue/cli二、创建项目三、按照项目需求选择相应配置四、选择版本五、选择css预处理六、选择编码规则，代码风格、格式校验七、选择语法检查方式八、配置文件存放九、是否保存配置记忆十、构建完成十一、项目运行目录一、下载vue/cli安装vue-cli：npm install -g @vue/clinpm链接：https://www.npmjs.com/package/@vue/cli二、创建项目进入到相应文件夹,进入终端输入vue
2021-10-04 15:47:22
471
原创 利用webpack进行最简单的打包
利用webpack进行最简单的打包前提：在本地安装好webpack，建立相应目录结构一、建立好两个工具类.js文件，以及index.jsindex.js//CommonJSconst { sum } = require("./mathTools")console.log(sum(5, 9));//ES6import { firstName, lastName, year } from './profile.js';console.log(firstName, lastName, y
2021-09-25 20:37:26
111
原创 十分钟掌握正则表达式！5_分组匹配_非捕获形分组：前瞻、负前瞻、后顾、负后顾.
javascript正则表达式1、非捕获__型分组2.1、前瞻__型分组：2.2、负前瞻__型分组：2.3、后顾__型分组：2.4、负后顾__型分组：3、应用实例（1）1、非捕获__型分组// A(?:B) //有时候，我们只是想分个组，而没有捕获的需求var str1='abc123'var reg1=/(?:\w+?)|(?:\d+?)/gconsole.log(reg1.test(str1));console.log(str1.match(reg1));console.log(Re
2021-08-12 17:22:35
202
原创 十分钟掌握正则表达式！4_分组匹配_捕获形分组
javascript正则表达式1、分组1.1、候选:一个分组中，可以有多个候选表达式，用|分隔：1.2、捕获与引用:1.2.1 与replace配合：1.2.2 给replace传迭代函数，有时能优雅地解决一些问题。2、分组有四种类型：2.1、捕获型 - ()2.1.1、 反向引用_(基于分组)2.1.2、 匹配页面元素2.1.3 嵌套分组的捕获3、其他类型分组1、分组var str4 = "qwertyu"var str5 = "qwerbb"console.log(str4.match(/[
2021-08-12 17:19:07
222
原创 十分钟掌握正则表达式！3_贪婪模式&惰性模式
javascript正则表达式1、贪婪模式(——在匹配成功的前提下，尽可能多的去匹配)——* + {n,}2、惰性模式,量词加? (——在匹配成功的前提下，尽可能少的去匹配)——*? ?? {m,n}? {n}?3、二者比较1、贪婪模式(——在匹配成功的前提下，尽可能多的去匹配)——* + {n,}首先比对整个字符串是否匹配，如果匹配不成功则去掉字符串最后一个字符再继续进行匹配，以此类推直到匹配成功或不剩字符才停止。var strT = '0a123b avcba123';var pattern
2021-08-12 17:15:53
98
原创 十分钟掌握正则表达式！2_正则规则_元字符_量词
文章目录正则规则_元字符_量词详解1、元字符——表示一些特定的字符2、量词——表示指定字符串出现的次数3、()——组匹配4、[]——区间匹配5、|——选择匹配6、^ $——脱字符正则规则_元字符_量词详解1、元字符——表示一些特定的字符. 查找单个字符，除了换行\n\w 查找单词字符。\W 查找非单词字符。\d 查找数字。\D 查找非数字字符。\s 查找空白字符。\S 查找非空白字符。\b 匹配单词边界。\B 匹配非单词边界。
2021-08-12 17:10:32
244
原创 十分钟掌握正则表达式！1_初识正则表达式
什么是正则表达式？正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式。可用于所有文本搜索和文本替换的操作。语法：var expression = / pattern / flags ;/*参数：1. 模式（pattern）部分可以是任何简单或复杂的正则表达式，可以包含字符类、限定符、分组、向前查找以及反向引用。2. 每个正则表达式都可带有一或多个标志（flags），用以标明正则表达式的
2021-08-12 17:06:58
301
原创 原生js模拟实现京东轮播图
模拟实现京东轮播图实现原理：1. 官网发现我们到京东官网去查看首页的轮播图时，可以发现，它其实是通过改变图片的opacity(透明度)和z-index(层级)，再加上过渡效果来实现闪烁效果的。2. opacity和z-index当我们点击左箭头或者右箭头的时候，就去改变当前图片的opacity和z-index为0，上一张或者下一张图片的opacity和z-index为1，并且给以过度效果，就可以实现闪烁轮播的效果。3.定位对于装有img的父元素，我们应该给其设置相对定位-position:
2021-08-11 22:55:00
2368
原创 js数组字符串练习题(6)
一、扩展:实现一个4位数的验证码↓//任意区间的随机数,左右都是闭区间function getRandom(n, m) { if (n > m) { let temp; temp = n; n = m; m = temp; } return parseInt(Math.random() * (m - n + 1) + n)}console.log(getRandom(1,9));//1.1、输出数组形式
2021-08-11 20:50:48
434
原创 js练习题 (5)
1、判定2000-2500年中是闰年的年，输出闰年的条件是：(1).能被4整除，但同时不能被100整除的年份都是闰年(2).能被400整除的年份是闰年其它情况都不是闰年document.write('闰年有： ')for(var i=2000;i<2500;i++){ if ((i%4 == 0 && i%100 !=0)||i%400==0) { document.write( '---'+i+' ') } }2、 水仙花数
2021-08-11 20:48:45
114
原创 js练习题 (4)
一、自定义max或者min方法来遍历数组，用找到的最值和每个值进行比较//方法1：var arr = [5, -10,,100,1255,99999, 22, 60, 0, 2, 3];var max=0, min=0;function lookupMax(num1, num2) { if (num1 > num2) { return num1; } else if (num2 > num1) { return num2; } el
2021-08-11 20:46:58
55
原创 js练习题(3)
1.序列：1，2，3，5，8，13…。找出第20个数是多少?得出前20个数之和是多少？function adds() { var arr = [], sum = 3; for (let i = 2; i < 20; i++) { arr[0] = 1, arr[1] = 2; arr[i] = arr[i - 1] + arr[i - 2]; sum += arr[i] } document.write("数组：" +
2021-08-11 20:45:36
556
原创 js练习题 (2)
DAY 2☆☆☆判断三角形根据三角形的三条边长(长、中、短三条边)，来判断三角形类型。提示：(1) 一个三角形的边应该都为正数(2) 一个三角形的边都应该满足三角形条件：两边之和大于第三边钝角三角形：任意两边的平方和小于第三边的平方，如：aa+bb<c*cvar triangle = prompt("输入三条边长，以空格相隔开。")var lenarr = triangle.split(" ");function istriangle(a, b, c) { a = pars
2021-08-11 20:35:47
95
原创 js练习题 (1)
斜体样式1.js 精度：console.log(0.1+0.2);//0.30000000000000004console.log(0.1+0.7);//0.7999999999999999console.log(0.2+0.4);//0.6000000000000001// 解决方案console.log((0.2*10+0.4*10)/10);//0.62.null 和 undefined有什么区别1、定义（1）undefined：是所有没有赋值变量的默认值，自动赋值（2）null：
2021-08-11 20:23:45
323
原创 移动端适配
移动端适配一、移动端适配是什么？二、基本概念1.移动端设备视口2. 什么是rem?三、解决方案1. 调整视口2.编写媒体查询文件3. 完整项目1- html结构2- css样式文件3- 简单的js行为效果展示pc端：移动端：总结一、移动端适配是什么？移动端Web页面，就是我们进场遇见的H5页面、手机页面、webview页面等；因为手机设备屏幕尺寸大小不同，做移动端的Web页面，需要考虑各种尺寸设备上的兼容性问题。针对这个问题而提出来的各种解决方案被称为移动端适配；二、基本概念1.移动端设备视口
2021-08-11 18:41:23
140
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人