辰聂-优快云博客

原创 Git：remote Incorrect username or password ( access token)

git使用命令上传代码时提示如下：remote Incorrect username or password ( access token )这个是在使用Git进行项目代码提交的最后一步操作的时候，出现了一个问题：用户名或密码不正确（访问令牌）解决方法：打开电脑的控制面板–>所有控制面板项–>管理Windows凭据可以看到有git相关的凭据了，编辑此凭据，将用户名和密码改为你的git用户名和密码（必须是正确的）最后再重新 push 一下就可以了...

2021-04-02 11:06:17 380

转载小程序-input框如何输入带有emoji表情功能

//将emoji表情进行转义再发送至后台var nikeName= '小罗老师%F0%9F%98%82' let regex = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u.

2021-03-30 18:02:59 2649

转载 H5&小程序中实现emoji表情

H5页面&小程序如何实现emoji表情？emoji表情都非常熟悉了，比如微信的会话窗口可以发表情。但是仔细看有一个重要的发现，比如朋友给你发一个emoji表情，在聊天会话列表页查看最近消息，会发现有点不同，体现在如下：列表页看到的就是一个表情，比如大笑?的表情。列表页看到的是一个文字，比如[发呆]，[懵逼]前者就是默认emoji表情了，后者则是自定义表情。显然你拿着微信的[懵逼]在微博上是显示不出微信的[懵逼]表情的。本文就讲述在H5和微信小程序下的这两种emoji表情的实现。自定

2021-03-30 17:55:45 3903 1

转载 CSS之linear-gradiend ——实现条纹背景效果

用角度值指定渐变的方向（或角度）。角度顺时针增加。描述渐变线的起始点位置。它包含两个关键词：第一个指出垂直位置left or right，第二个指出水平位置top or bottom。关键词的先后顺序无影响，且都是可选的。to top == o度， to bottom == 180度， to left == 270度， to right == 90度案例所用颜色：条纹间隔由background-size属性控制，下图div的css样式为：{background: linear-gradien

2021-03-05 16:52:39 672

转载如何修改element-ui源码？

修改elementUI源码一定要先从git上拉到elementUI的源文件，不能修改本地项目中的文件。1.拉取如图所示的项目安装首先将ElementUI的官方源码库clone下来https://github.com/ElemeFE/element.gitcd elementnpm install2.src文件夹改逻辑来这里找对应的文件3.package文件夹改逻辑或者样式也可以去这里。只改样式去这里：element-dev\packages\theme-chalk\src修改

2021-02-03 13:37:15 2466

转载 CSS Variables：css自定义属性的使用

CSS Variables，一个并不是那么新的东西，但对css来说绝对是一场革命。之前使用变量的时候，需要借助sass、less等预处理工具来实现，现在我们可以直接使用css来声明变量。一、兼容性先来看下兼容性　二、语法语法有点难看但很简单，--*来声明变量名，var(--*)来使用，也许你要问了，为什么使用–不用$一类的呢，唉，那不是sass、less两个货用了吗1、声明和使用必须放在{}代码块里body{ --bg-color: lightblue; background-

2021-02-03 13:31:27 433

转载 css如何将div画成三角形

首先了解一下盒模型：盒模型先看一段代码：#div1{ height: 100px; border-style: solid; border-width: 100px 100px 100px 100px; border-color: red forestgreen blue cyan; width: 100px;}根据代码渲染，显示效果如下（边框颜色border-color四个值默认的加载方向，top right bottom left）：　根据css代

2021-02-03 11:59:27 1450

原创 vue/cli创建的项目如何打包部署到tomcat，以及可能会遇到的问题(报错以及页面空白)

1、使用npm run build命令打包构建资源文件 => 会生成一个默认的dist文件夹2、将打包后的dist文件夹上传到服务器apache目录下的webapps文件夹下，例如：/zs/soft/apache-tomcat-8.5.24/webapps(关于apache的安装和搭建以及如何上传文件到服务器我这里就不做介绍)3、进入服务器目录/zs/soft/apache-tomcat-8.5.24/bin，输入./startup.sh启动apache服务,默认端口为80804、在浏览器中输入

2021-01-28 14:30:24 797 3

转载 Web Components 入门实例教程

本文转载自阮一峰老师的文章：http://www.ruanyifeng.com/blog/2019/08/web_components.html组件是前端的发展方向，现在流行的 React 和 Vue 都是组件框架。谷歌公司由于掌握了 Chrome 浏览器，一直在推动浏览器的原生组件，即 Web Components API。相比第三方框架，原生组件简单直接，符合直觉，不用加载任何外部模块，代码量小。目前，它还在不断发展，但已经可用于生产环境。Web Components API 内容很多，本文

2021-01-27 17:18:38 323

转载 Linux常用命令大全（非常全！！！）

Linux常用命令大全（非常全！！！）最近都在和Linux打交道，感觉还不错。我觉得Linux相比windows比较麻烦的就是很多东西都要用命令来控制，当然，这也是很多人喜欢linux的原因，比较短小但却功能强大。我将我了解到的命令列举一下，仅供大家参考：系统信息arch 显示机器的处理器架构uname -m 显示机器的处理器架构uname -r 显示正在使用的内核版本dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI)hdparm -i /dev/hda 罗列一个磁盘

2021-01-11 11:42:02 153

转载 nodejs项目如何部署到服务器上？

将代码部署到服务器的代码目录，这里要注意，如果直接 npm start 或 node app.js 启动，则一旦退出 ssh 远程登陆，nodeapp 就会停止运行。因此我们使用 forever 或者pm2启动 nodeapp。forever和pm2的区别：forever 管理多个站点，每个站访问量不大，不需要监控。pm2网站访问量比较大，需要完整的监控界面。使用forever的命令：npm install forever -g forever start app.js 使用pm2的命令

2021-01-11 11:39:02 2567

转载关于uniapp canvas.draw方法没有执行回调的问题

问题： canvas绘制完成后，无法进入canvas.draw的回调函数原因：由于绘制速度太快解决：方法一：在draw外套个setTimeout方法二：this.ctx.draw(false, setTimeout(()=>{ console.log(3)},300))原文链接: https://www.jianshu.com/p/3a21c4edacf5...

2020-12-27 17:13:44 5706 3

转载 uniapp uview 中阻止switch开关的事件冒泡

在做项目的时候遇到了switch和祖父元素事件冒泡的问题。刚开始想的解决办法是在change里面加e.preventDefault来阻止，然鹅不生效。就抱着试一试的方法在switch的父元素加上stop试试，竟然成功了。<view v-for="(item, index) in deviceList" :key="index" @tap="airPanel(item, deviceType)" > <view class="device-switch" @tap.stop.pr

2020-12-13 17:51:37 2854 2

原创关于uniapp中分包后无法加载分包中的图片、图片报错500、图片分包以及分包优化的问题

uniapp项目中，有时候可能会有很多的静态资源图片，这可能会造成主包的体积过大、影响首页加载效率、超出2M限制等问题，而又不想将图片上传到服务器，这时候可以采用uniapp提供的分包加载机制,本文对如何使用分包加载不做过多介绍，只对分包后的图片加载异常做详细解说。图片加载不出来的原因？在正式解决问题之前，我们先来了解一下出现问题的原因，如下图，我在pagesA分包内创建了一个static文件夹，里边放置了一些静态资源，如图片、图标等再来看看项目编译至微信平台时的项目结构由上图可以看到，打包

2020-12-13 17:07:42 10355 8

转载 uni-app导航栏和状态栏配置

参考：官网uni-app导航栏开发指南。1.1 原生导航栏-通用配置(1) 原生导航优点原生导航的体验更好，渲染新页面时，原生导航栏的渲染无需等待新页面dom加载，可以在新页面进入动画开始时就渲染。原生导航还可以避免滚动条通顶，并方便的控制原生下拉刷新。通过pages.json的配置，可以简单的、跨端的、高性能的开发业务。(2) 原生导航缺点原生导航栏的扩展能力有限的。尤其是微信下，没有提供太多导航栏的配置。(3) 原生导航栏的通用配置： uni-app 自带原生导航栏，在page.

2020-11-25 11:22:04 6010

转载 uniapp写项目如何分包（uniapp项目过大）

uniapp分包的方法在开放文档里有，有一定基础的小伙伴还是可以看懂的uniapp分包首先我们在根目录下创建一个pagesB文件夹，用来放置需要分包的页面下一步是把比较大的文件直接拉过去，pages里就没有这个文件了，然后配置路由"subPackages": [{ "root": "pagesB", //文件夹名称， pages文件夹同级新建一个就行 "pages": [ { "path" : "line_otem_detail/line_otem_detail"

2020-11-22 17:58:24 6153

转载 js对象数组按对象的某一属性进行去重

var array = [ { id: 1, name: "张三"}, { id: 2, name: "李四"}, { id: 3, name: "张龙"}, { id: 4, name: "赵虎"}, { id: 5, name: "王朝"}, { id: 1, name: "刘金刚"}, { id: 6, name: "马汉"},] var obj = {};/* * 方法一 reduce函数 * 按照id 相同进行去重*/.

2020-11-22 17:42:16 955

转载 git报错 error: failed to push some refs to ‘https://github.com/xxxx.git‘ 的解决方法

在github远程创建仓库后, 利用gitbash进行提交本地文件的时候出现如下错误：$ git push origin masterFatal: HttpRequestException encountered.Username for 'https://github.com': syb666To https://github.com/syb666/Django-admin.git ! [rejected] master -> master (non-fast-forward

2020-11-08 17:06:48 1266

转载 position为fixed时设置z-index失效

有时候在调试一个页面时出现了如下bug。左侧的菜单固定为fixed时，二级菜单无法设置有效的z-index，导致菜单隐藏在页面元素之下，明明页面元素的z-index是1，但是无论把菜单的z-index设置为多大，都不管用。查阅了资料，原来谷歌浏览器在设置position:fixed;后会触发元素创建一个新的层叠上下文，并且当成一个整体在父层叠上下文中进行比较。如上面的dom结构，当给b设置了position:fixed属性后，会触发创建一个新的层叠上下文，它的父层叠上下文变成了a，所以b只能在a的内部进

2020-11-06 08:50:37 2709

转载 uni.chooseLocation无效及再次授权问题

1、在mainfest.json配置微信小程序权限2、触发接口<button @tap="chooseLocation">选择地点</button>3、授权及再次授权wx.chooseLocation({ success: (data) => { let address = data.address.split('市') this.addressData.addressName = address[0] + '市' this.addressData.a

2020-11-06 08:43:12 4040 3

原创在调用uni.navigateBack前怎么将参数或者说数据带回上一个页面

比如我要从B页面返回A页面方法一：使用A页面原有的onShow生命周期注意：此方法只适用于小程序端，h5端会报错：如下[Vue warn]: Error in v-on handler: “TypeError: prevPage.onShow is not a function”小程序端、h5端都适用的方法请看下方的方法二在B页面中：// 这是需要传递的参数let obj = { name: '张三', age: 20}// 获取当前页面栈let pages = getCurren

2020-11-01 22:26:22 1133 1

转载 Vue 中的匿名插槽、具名插槽以及作用域插槽(slot-scope)的理解

百度上已经有很多的关于slot-scope的文章，但我感觉都是那些以前没学好，又回头学的人，他们都使用了.Vue文件，我觉得有点不适合初学者，所以我就写一篇适合初学者的。先抛例程：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件之通过插槽(slot)分发内容</title> <script src="你的vu

2020-11-01 16:44:22 914

转载 git 合并分支

假如我们现在在dev分支上，刚开发完项目，执行了下列命令：git add .git commit -m '提交的备注信息'git push -u origin dev想将dev分支合并到master分支，操作如下：1、首先切换到master分支上git checkout master2、如果是多人开发的话需要把远程master上的代码pull下来git pull origin master//如果是自己一个开发就没有必要了，为了保险期间还是pull3、然后我们把dev分支

2020-11-01 13:34:55 75

原创 uniapp中如何获取元素的宽度高度等信息

小程序端是没有dom的，那么在uniapp中怎么获取元素的高度等信息uniapp提供了对应的api方法，开发者直接调用即可，如下：// select中的参数就如css选择器一样选择元素let info = uni.createSelectorQuery().in(this).select(".scrollbox");info.boundingClientRect(function(data) { // data - 包含元素的高度等信息 // console.log(data.height)

2020-10-26 21:09:40 9297

转载 uniapp scroll-view组件隐藏滚动条

在用scroll-view的时候：用手机模拟器和小程序查看的时候并没有出现滚动条，真机运行的时候出现滚动条，用h5直接看的时候出现滚动条，我发现的解决办法有两种：1.在app.vue的style里面外部链接base.css 这种办法比较适配，控制所有滚动条<style> @import url("./base.css");</style>在base.css中::-webkit-scrollbar{ display: none;}2.直接在app.vue

2020-10-26 20:42:50 3046

原创关于 CSS3 中的 animation 属性

animation属性为多个属性混合的简写属性，可以为元素设置动画。CSS语法：animation: name duration timing-function delay iteration-count direction fill-mode play-state值说明animation-name指定要绑定到选择器的关键帧的名称animation-duration动画指定需要多少秒或毫秒完成animation-timing-function设置动画将如何完成一个

2020-10-11 12:37:51 630 2

原创关于 CSS3 中的 filter(滤镜) 属性

2020-10-11 10:38:18 1020

转载详解JS函数柯里化2

第一次看到柯里化这个词的时候，还是在看一篇算法相关的博客提到把函数柯里化，那时一看这个词就感觉很高端，实际上当你了解了后才发现其实就是高阶函数的一个特殊用法。果然是不管作用怎么样都要有个高端的名字才有用。首先看看柯里化到底是什么？维基百科上说道：柯里化，英语：Currying(果然是满满的英译中的既视感)，是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技术。看这个解释有一点抽象，我们就拿被做了无数次示例的add函数，来做一

2020-10-05 12:54:29 293

转载详解JS函数柯里化1

柯里化是函数的一个高级应用，想要理解它并不简单。因此我一直在思考应该如何更加表达才能让大家理解起来更加容易。我们知道，接收函数作为参数的函数，都可以叫做高阶函数。我们常常利用高阶函数来封装一些公共的逻辑。我们要学习的柯里化，其实就是高阶函数的一种特殊用法。柯里化是指这样一个函数(假设叫做createCurry)，他接收函数A作为参数，运行后能够返回一个新的函数。并且这个新的函数能够处理函数A的剩余参数。这样的定义不太好理解，我们可以通过下面的例子配合解释。有一个接收三个参数的函数A。functi

2020-10-05 12:46:55 289

转载关于JS的 reduce() 函数

定义：reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。对空数组是不会执行回调函数的。案例：1、计算数组总和var num = [1,2,3,4,5];var res = num.reduce(function(total,num){ return total+num; //return total + Math.round(num);//对数组元素四舍五入并计算总和},0);console.log(res)；//15//nu

2020-10-05 12:36:03 209

转载 Js模块化导入导出

CommonJs、AMD、CMD、ES6都是用于模块化定义中使用的规范，其为了规范化模块的引入与处理模块之间的依赖关系以及解决命名冲突问题，并使用模块化方案来使复杂系统分解为代码结构更合理，可维护性更高的可管理的模块。CommonJS 规范CommonJS是NodeJs服务器端模块的规范，根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。CommonJS规范规定，每个模块内部，module变量代表当前模块。这个变量是一个对象，它的exp

2020-10-05 12:28:07 348

转载 JS 异步编程六种方案

前言我们知道Javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。这种模式虽然实现起来比较简单，执行环境相对单纯，但是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法执行。为了解决这个问题，Javascript语言将任务的执行模式分成两种：同步和异步。本文主

2020-09-27 15:12:10 269

转载 Vue生命周期中mounted和created的区别

一、什么是生命周期？用通俗的语言来说，就是 Vue中实例或者组件从创建到消灭中间经过的一系列过程。虽然不太严谨，但是也基本上可以理解。通过一系列实践，现在把所有遇到的问题整理一遍，今天记录一下created和mounted的区别：二、created和mounted区别？官方图解如下:我们从图中看两个节点：created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要

2020-09-20 12:54:45 805

原创 vue中监听页面滚动和监听某元素滚动

①监听页面滚动在生命周期 mounted 中进行监听滚动：mounted () { window.addEventListener('scroll', this.scrollToTop)},在方法中定义监听滚动执行的方法：scrollToTop() { var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; console.lo

2020-09-20 12:33:57 2618

转载关于设置z-index层级无效的问题

最近在写一个小项目，遇到很多小细节的问题，果然还是要实战才能知道自己的不足之处啊~回归正题，我在一个div明明设置了属性z-index，但是为什么在网页上显示无效呢？首先排除设置的层级不够的问题；然后我就去 W3School 查询了才知道问题所在。先来看官方给的定义的用法：z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。注释：元素可拥有负的 z-index 属性值。注释：Z-index 仅能在定位元素上奏效（position属性值设置除默认值sta

2020-09-20 12:21:23 1088

原创 Js中forEach跳出本次循环和终止循环

1、forEach跳出本次循环可使用return语句跳出本次循环，执行下一次循环var arr = [1,2,3,4,5,6]arr.forEach((item) => { if (item === 3) { return } console.log(item)})将输出 1 2 4 5 6，3不会输出2、forEach终止循环forEach无法通过正常流程(如break)终止循环，但可通过抛出异常的方式实现终止循环var arr = [1,2,3,4,5,6]tr

2020-09-20 11:15:16 37897

原创 vue在初始化时给scrollTop设置一个值，但scrollTop却始终为0

在vue项目中往往有这样一个需求，在初始化时需要给某个容器的scrollTop设置一个值，一开始的想法是在created或者mounted中改变 scrollTop 的值，但是却出现了几个问题。问题1：使用在created或者mounted中使用this.$refs.xxx获取不到容器原因：在created或者mounted生命周期，页面刚挂载，还未完成渲染，获取不到dom节点。同样使用$ref无法获取样式。解决方法：使用this.$nextTick()created () { this.$nex

2020-09-20 09:51:14 3484

空空如也

空空如也