进阶
LLLLLLLLLLLLL刘
Every line of code should appear to be written by a single person, no matter the number of contributors.
不管有多少人参与同一个项目,一定要确保每一行代码都像是同一个人编写的
展开
-
使用NVM切换node版本
.一、nvm是一个node的版本管理工具,可以简单操作node版本的切换、安装、查看。等等,与npm不同的是,npm是依赖包的管理工具。说明问题是node和npm的版本问题,node版本过低,需要升级。安装完成修改找到nvm文件位置,点开setting。1.windows包下载地址:点击进入我的。可根据需要下载node版本。原创 2023-03-14 08:45:16 · 357 阅读 · 1 评论 -
windows下nginx的安装及使用
windows下nginx的安装及使用原创 2023-02-22 14:43:29 · 466 阅读 · 0 评论 -
uniapp 跨域处理
当使用uniapp 开发会跨域时报错假设baseUrl设置成本地ip或者域名时,没有设置头部参数,不会报跨域原创 2022-06-21 11:59:08 · 1201 阅读 · 0 评论 -
JavaScript工具常用
1.通过Object.protype.hasOwnProperty.call 完成深拷贝动作/** * @Author Object.protype.hasOwnProperty.call * @Date * @Title 深度拷贝对象**/export function extendData(scoreObj, obj) { for (let i in scoreObj) { if (Object.prototype.hasOwnProperty.call(obj,原创 2021-11-20 15:45:38 · 739 阅读 · 0 评论 -
ES6正确使用
一、关于取值的吐槽const obj = { a:1, b:2, c:3, d:4, e:5,}笨拙使用const a = obj.a;const b = obj.b;const c = obj.c;const d = obj.d;const e = obj.e;const f = obj.a + obj.d;const g = obj.c + obj.e;改进const {a,b,c,d,e} = obj;const f = a + d原创 2021-11-16 10:02:35 · 835 阅读 · 0 评论 -
vue 组件开发
组件通信父子子父兄弟祖代后代 (一般用于组件库开发原创 2021-09-13 15:09:48 · 112 阅读 · 0 评论 -
前端知识点
css实现单行文本溢出显示 …overflow: hidden;text-overflow:ellipsis;white-space: nowrap;实现多行文本溢出显示…display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;让图文不可复制-webkit-user-select: none; -ms-user-select: none;-moz-user-s原创 2021-03-22 10:32:06 · 105 阅读 · 0 评论 -
Vue 组件传参知识点
**Vue 组件传参知识点**很多时候用$emit携带参数传出事件,并且又需要在父组件中使用自定义参数时,这时我们就无法接受到子组件传出的参数了。找到了两种方法可以同时添加自定义参数的方法。方法一子组件传出单个参数时:子组件传参this.$emit('test',this.param)父组件接收@test='test($event,userDefined)'方法二子组件传出多个参数时:子组件传参this.$emit('test',this.param1,this.param2原创 2021-01-21 09:15:40 · 131 阅读 · 0 评论 -
vue2升级vue3
一.vue cli2升级vue cli3因为安装包的不同,所以需要先删除vue-cli安装vue-cli3.0。1.先升级npm的版本npm install -g npm2.再卸载之前的vue cli 2.9.6npm uninstall -g @vue/cli若是mac可能会报错,没有权限删除,使用sudo npm uninstall vue-cli -g 删除3.下载最新的vue cli版本npm install -g @vue/cli二.vue3,0版本创建项目1、vue原创 2020-12-18 18:30:12 · 1919 阅读 · 1 评论 -
Git 常用命令
仓库#在当前目录新建一个Git代码库$ git init#新建一个目录,将其初始化为Git代码库$ git init [project-name]#下载一个项目和它的整个代码历史$ git clone [url]配置#显示当前的Git配置$ git config --list#编辑Git配置文件$ git config -e [--global]#设置提交代码时的用户信息$ git config [--global] user.name "[name]"$ git co原创 2020-12-03 11:48:04 · 113 阅读 · 0 评论 -
vuex的五个属性和基本用法
VueX 是一个专门为 Vue.js 应用设计的状态管理构架,统一管理和维护各个vue组件的可变化状态(你可以理解成 vue 组件里的某些 data )。Vuex有五个核心概念:state, getters, mutations, actions, modules。1. state:vuex的基本数据,用来存储变量2. geeter:从基本数据(state)派生的数据,相当于state的计算属性3. mutation:提交更新数据的方法,必须是同步的(如果需要异步使用action)。每个 m原创 2020-11-21 09:49:26 · 1997 阅读 · 0 评论 -
sass、less的对比与区别
什么是Sass和Less?sass和less都属于CSS预处理器。css预处理定义了一种新的语言,其基本思想是,用一种专门的编程语言,为css增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行CSS的编码工作。通俗地说就是“用一种专门的编程语言,进行Web页面样式设计,再通过编译器转化为正常的CSS文件,以供项目使用”。为什么使用CSS预处理器? CSS只是一个标记语言,不是编程语言,因此不可以自定义变量,不可以引用等等。css有具体以下几个缺点: 语法不够原创 2020-10-09 16:28:05 · 12087 阅读 · 1 评论 -
http-CORS策略
Access to XMLHttpRequest at 'https://XXXXX.com/api/center/notify' from origin 'http://localhost:9090' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in原创 2020-09-24 17:17:01 · 363 阅读 · 0 评论 -
vue文件导出类型详解及处理方式
responseType值的类型可为如下值数据类型‘’DOMString(默认类型)arraybufferarraybuffer对象blobBlob对象documentDocument对象JSONjavaScripe object,parsed from a JSON string returned by the servertextDOMStringaxios请求下载导出一个文件,请求成功时返回的是一个流形式的文件,需要设置respon原创 2020-08-31 10:30:53 · 1558 阅读 · 0 评论 -
JS的十大经典算法
冒泡排序(Bubble Sort)冒泡排序须知:作为最简单的排序算法之一,冒泡排序给我的感觉就像Abandon在单词书里出现的感觉一样,每次都在第一页第一位,所以最熟悉。。。冒泡排序还有一种优化算法,就是立一个flag,当在一趟序列遍历中元素没有发生交换,则证明该序列已经有序。但这种改进对于提升性能来说并没有什么太大作用。。。什么时候最快(Best Cases):当输入的数据已经是正序时(都已经是正序了,我还要你冒泡排序有何用啊。。。。)什么时候最慢(Worst Cases):当输入的数据是反序转载 2020-08-25 11:25:39 · 238 阅读 · 0 评论 -
JS随机颜色
var getRandomColor = function() { return '#' + (function(color) { return (color += '0123456789abcdef' [Math.floor(Math.random() * 16)]) && (color.length == 6) ? color : arguments.callee(color); })('');}随机生成6个原创 2020-07-11 09:09:03 · 1816 阅读 · 0 评论 -
you do not have permission to pull from the repository解决方法
使用git进行项目的版本管理,换了台电脑,配置了账号和邮箱后,pull一个私有项目的时候,发现一个问题:原因分析:这是由于没有设置Gitee的SSH公钥。在未设置SSH公钥的情况下,可以使用git clone Gitee上的项目,但是不能git push项目到Gitee上,如果想push项目到Gitee,那么必须配置SSH公钥。生成公钥和配置公钥的办法,可以参考Gitee帮助里面的文章,里面做了详细的介绍https://gitee.com/help/articles/4191 。比你在百度里面不知所措转载 2020-06-11 13:52:18 · 569 阅读 · 0 评论 -
JavaScript中对象转数组方法
**1、Array.from(object)**用于数组的浅拷贝。就是将一个类数组对象或者可遍历对象转换成一个真正的数组。object中必须有length属性,返回的数组长度取决于length长度, key 值必须是数值let obj = { 0: '1', 1: '2', 2: '3', 'length': 3} let arr = Array.from(obj)console.log(arr);//[1,2,3]**2、Object.keys(原创 2020-06-03 16:24:14 · 937 阅读 · 0 评论 -
JS数组的交集、差集、并集、补集(多种实现方式)
方法一:最普遍的做法使用 ES5 语法来实现虽然会麻烦些,但兼容性最好,不用考虑浏览器 JavaScript 版本。也不用引入其他第三方库。1,直接使用 filter、concat 来计算var a = [1,2,3,4,5]var b = [2,4,6,8,10]//交集var c = a.filter(function(v){ return b.indexOf(v) > -1...原创 2020-03-03 17:50:35 · 912 阅读 · 0 评论 -
yarn与npm
安装yarn下载msi包https://yarnpkg.com/lang/zh-hans/docs/install/#windows-stable命令行执行运行命令来测试 Yarn 是否安装:yarn --versionyarn命令安装npm、yarn安装步骤npmyarnnpm installyarnnpm install react --save...原创 2019-12-12 17:47:53 · 250 阅读 · 0 评论 -
vue 多级嵌套组件中属性传递的快捷方式
组件之间多层传递属性是一个比较常见的业务场景。如:A --> B --> C --> DA组件包含B组件,B组件又包含C组件,C组件包含D组件。现在,状态维护在A组件中,通过props的方式层层传递到D组件,而D组件接收这个数据,并在内部修改这个数据后,再告之A组件。<C v-bind="$attrs" v-on="$listeners"></C>...转载 2019-11-23 11:45:34 · 897 阅读 · 0 评论 -
Vue各类组件之间传值的实现方式
1、父组件向子组件传值首先在父组件定义好数据,接着将子组件导入到父组件中。父组件只要在调用子组件的地方使用v-bind指令定义一个属性,并传值在该属性中即可,此时父组件的使命完成,请看下面关键代码:<div class="parentOne"> <children-item :content="item" v-for="item in list" ...转载 2019-11-23 11:25:25 · 595 阅读 · 0 评论 -
js常用工具类库
1、关于时间格式化的方法(1)时间格式处理方法/** * 格式化时间 * @param date 日期 * @param format 需要转出的格式 * @returns {*} */function dateTimeFormatter (date, format) { if (!date || date === '') { return '' } if ...转载 2019-11-19 15:26:46 · 440 阅读 · 0 评论 -
JavaScript 复杂判断的更优雅写法
前提我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断,但这样会有个问题,随着逻辑复杂度的增加,代码中的if/else/switch会变得越来越臃肿,越来越看不懂,那么如何更优雅的写判断逻辑,本文带你试一下。举个例子先看一段代码/** * 按钮点击事件 * @param {number} status 活动状态:1 开团进行中 ...转载 2019-11-14 18:28:23 · 111 阅读 · 0 评论 -
常见es6算法
1、js 统计一个字符串出现频率最高的字母/数字let str = 'asdfghjklaqwertyuiopiaia';const strChar = str => { let string = [...str], maxValue = '', obj = {}, max = 0; string.forEach(value...原创 2019-11-06 18:02:11 · 628 阅读 · 0 评论 -
vue 获取实时时间
html显示<span class="fixed-h time">{{currentTime}}</span>变量定义data() { return { timer: "", //定义一个定时器的变量 currentTime: '' // 获取当前时间 }; },获取时间 created() { let _t...原创 2019-10-30 18:09:59 · 928 阅读 · 0 评论 -
真机cover-image不显示问题
关于真机cover-image不显示问题当未设置cover-image标签高度和宽度导致测试环境域名,需打开调试器即可访问后端api显示路径当使用downloadFile微信API时,线上版必须配置downloadFile域名,否则无法正常显示路径说明:图标路径,支持临时路径、网络地址(1.6.0起支持)、云文件ID(2.2.3起支持)。暂不支持base64格式。那么我们分析...原创 2019-10-28 11:09:10 · 3502 阅读 · 0 评论 -
javascript截取字符串方法实例
JS截取字符串可使用 substring()或者slice()函数:substring()定义:substring(start,end)表示从start到end之间的字符串,包括start位置的字符但是不包括end位置的字符。功能:字符串截取,比如想从"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6)示例var src="images/...原创 2019-10-26 12:48:11 · 185 阅读 · 0 评论 -
new Date()获取当前时间,年月日、时分秒
const d = new Date();d.getFullYear(); //获取当前年d.getMonth() + 1 ;//获取当前月 默认0-11d.getDay(); //获取当前日d.getHours()//获取当前小时d.getMinutes())//获取当前分d.getSeconds()//获取当前秒d.getMilliseconds()...原创 2019-10-16 11:08:27 · 37414 阅读 · 0 评论 -
JavaScript学习
js常用定义方式var,let,const;ES5 专用定义变量例如:var a = 10;// var a;//不会报错console.log('var定义a:' + a);//可以输出a=10function events(){var a = 20;console.log('var定义a:' + a);//可以输出a=20}events();console.log('函数...原创 2019-07-16 16:10:03 · 159 阅读 · 0 评论 -
vue中ref的作用
vue中的ref其实功能很强大,下面介绍一下如何使用。基本用法,本页面获取dom元素<template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div...转载 2019-07-12 11:12:55 · 205 阅读 · 0 评论 -
js数据存储方式
session、cookie、sessionStorage、localStorage等区别?session会在一定的时间内存储在服务器端,用来保存用户的对象信息,session不能区分路径,同一个用户在访问一个网站期间,所有的session在任何一个地方都可以访问到;cookie、sessionStorage、localStorage的相同点是都存储在客户端不同点分别表现在存储大小有效时间...原创 2019-07-18 14:23:40 · 1751 阅读 · 0 评论 -
小程序学习
小程序navigator标签设置回退属性值delta = 1当 open-type 为 ‘navigateBack’ 时有效,表示回退的层数open-type属性navigate属性值对应 wx.navigateTo 或 wx.navigateToMiniProgram 的功能redirect属性值对应 wx.redirectTo 的功能switchTab属...原创 2019-07-18 11:20:20 · 207 阅读 · 0 评论 -
Vue.js语法糖整理
el:element 需要获取的元素,一定是HTML中的根容器元素data:用于数据的存储methods:用于存储各种方法数据绑定字面量只加载一次{{* msg}}data里面可以进行简单的运算;methods:{ getHome(){ return "早上好" }}--------------------------------------------------HTM...转载 2019-07-15 14:40:56 · 169 阅读 · 0 评论 -
jquery滚动条操作
在开发项目时,常常需要展示大量数据。如果全部显示出来,数据相对少时,看不出来什么不同,如果数据很多时,一次请求全部显示,这就相当可怕了。面对这种问题,PC里使用了分页效果,将数据分成一页页,换页时请求当前页数据,而屏幕较小的移动端,分页就不怎么好看了,常用的方法是滚动到底部时继续加载数据滚动加载其实也是一种分页,只是不使用页码而已。(一)、滚动事件的效果和原理效果: 滚动到当前页的底部时...原创 2019-07-05 17:59:04 · 3849 阅读 · 0 评论 -
ES5与ES6以及部分数组变异函数
ES6实现方式let arr1 = [1, 1, 2, 3, 6, 9, 5, 5, 4]let arr2 = [1, 2, 5, 4, 9, 7, 7, 8, 8]function uniqueArr(arr1,arr2) { //合并两个数组 arr1.push(...arr2)//或者arr1 = [...arr1,...arr2] //去重 let a...原创 2019-07-08 09:27:33 · 236 阅读 · 0 评论 -
vue 2.6 插槽更新 v-slot 用法总结
插槽我的理解就是父页面在组件标签内插入任意内容,子组件内插糟slot控制摆放位置(匿名插槽,具名插槽)插槽分类插槽一共就三大类1.匿名插槽(也叫默认插槽): 没有命名,有且只有一个2.具名插槽: 相对匿名插槽组件slot标签带name命名的3.作用域插槽: 子组件内数据可以被父页面拿到(解决了数据只能从父页面传递给子组件)匿名插槽(也叫默认插槽default)用法:我的理解,匿...转载 2019-08-13 15:08:32 · 1064 阅读 · 0 评论 -
git基本命令使用大全
建立远程连接 关联远程仓库查看分支的合并情况。原创 2019-08-09 13:42:38 · 235 阅读 · 1 评论 -
前端插件程序包无效问题
程序包无效:“CRX_HEADER_INVALID”,解决方法如下:解压你刚刚更改后缀名为 .rar的谷歌插件压缩包 (选择解压到你插件名的文件夹中)在右上角有个开发者模式,点击启用,然后在点击 “加载已解压的扩展程序”按钮,找到你解压谷歌插件压缩包的文件夹的位置,点击 “选择文件夹”按钮成功之后会显示插件...原创 2019-08-13 09:51:12 · 235 阅读 · 0 评论 -
小程序标签重写
重写复选框样式/* 未选中的 背景样式 */checkbox .wx-checkbox-input { // border-radius: 50%;/* 圆角 */ width: 28rpx; /* 背景的宽 */ height: 28rpx; /* 背景的高 */}/* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */checkbox .wx-chec...原创 2019-08-26 16:53:53 · 303 阅读 · 0 评论