weixin_48196628的博客

原创 uniapp简单的身份证照片（正反面）上传

这是没有进行身份证照片验证的 如果要判断上传的图片是否为身份证 可以参考阿里云的阿里云身份证验证超链接最后放上了上传身份证图片的人像框和国徽框wxml<template> <view class="ID-mian"> <h3>身份证正面(上传)</h3> <view class="card-zheng"> <view class="zheng_left" v-show="isShow"> <ima

原创 input的onkeyup事件

下面是input经常用到正则表达式：<!doctypehtml><metacharset=“utf-8”/>只允许输入正整数：<inputtype=‘text’οnkeyup="this.value=this.value.replace(/(0+)|[\d]+/g,’’)">只允许输入英文:<inputtype="text"οnkeyup=“this.value=this.value.replace(/[^a-zA-Z]/g,’’)”>只

原创 vue中日期选择器设置今天之前的日期不可选

<el-date-picker v-model = 'time' :picker-options='pickerBeginDateBefore' @change='change' type='daterange' start-placeholder='开始日期' end-placeholder='结束日期' value-format='yyyy-MM-dd'></el-date-picker> data(){.

原创 TortoiseSVN的bin目录下面没有svn.exe

转载于https://www.cnblogs.com/admln/p/5820844.html自己在idea联合svn时遇到这个问题，然后bd和gg，发现很多人都乱说，说什么TortoiseSVN是客户端，默认不包含svn.exe，需要安装Subversion。bullshit！之所以没有，是因为安装TortoiseSVN的实话没有勾选指定安装项。找到安装包重新运行，选择modify，然后勾选command line client tools项就行了。...

原创 下载使用svn

windows下安装svn客户端下载网址：https://tortoisesvn.net/downloads.html注：在下载页的下面，有不同的语言包，可以选择下载一个中文语言包。下载完成后，点击安装 TortoiseSVN 与 LanguagePack语言包 进行安装即可 不要直接选择这个 还有下面的语音包语音包下载好以后 就是这个样子的SVN客户端的配置选择 设置 ，打开设置面板， 可以设置语言：转载地址:http://www.cnblogs.com/ygj0930

原创 浏览器渲染页面的过程，以及重绘

回流当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候。重绘当render tree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局的，比如background-color。则就叫称为重绘。注意回流必将引起重绘，而重绘不一定会引起回流。执行顺序：先回流后重绘。回流何时发生：当页面布局和几何属性改变时就需要回流。下述情况会发生浏览器回流：1

原创 使用Promise来封装ajax的操作

// Promise 封装 ajaxfunction fetch(method, url, data){ return new Promise((resolve, reject) => { var xhr = new XMLHttpRequest(); var method = method || "GET"; var data = data || null; xhr.open(method, url, true);

原创 echarts中title和legend重合解决

一：关于title与legend重叠1.重合样子　　2.解决办法：　　　　legend:{　　　　　　show: true,　　　　　　top:"6%"//与上方的距离 可百分比% 可像素px　　　　},3.解决后样子：二：关于dataZoom数据区域缩放组件宽高调整1.原来样子：2.解决办法：　　　　dataZoom: [　　　　　　{　　　　　　　　height:"15px",//高度设置，另外还有宽度　　　　　　　　width:"100%"　　　　　　}]3.

原创 Vue中this的指向问题

实际项目过程中。在data里面定义好了 phone的值。在发送ajax请求后,this.phone的值便拿不到了。这里我axios去请求。then的回调是用es5的写法写的。发送请求前，this.phone还有值，发送请求后this.phone的值就有问题了。纠其原因是es5 的写法，this的值发生了变化。指向undefined。而这里我们的this 需要指向vue实例这里需要再继续补充箭头函数的知识。箭头函数的this指向的是外层代码块中的this。所以this 当然指向的是vue实例，再用th

原创 vue中v-for渲染，实现显示3条

vue中v-for渲染，实现显示3条，数据arr.slice(0,3)，即可取出arr数据的前三条<div v-for="(item,index) in cartlist.slice(0,3)" :key="index"> <span>{{item}}</span></div>

原创 使用fetch跨域获取数据

1.先创建工具文件util 以及封装接口的文件fetch.js文件import { Toast } from 'vant';//允许同时存在多个 ToastToast.allowMultiple();// let dataurl = 'https://test.365msmk.com/api/app'let dataurl = '/api'const Http = function () { let DeviceID = localStorage.DeviceID; if

原创 小程序中写选项卡（背景颜色改变）

wxml：<!--pages/shou/li/li.wxml--><view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">1</view> <view class="swiper-tab-item {{currentTab==1?'active':''}}"

原创 wifi找不到了 wlan不见了 win10系统

先重置一下 如果不行 就右击此电脑 打开管理把intel卸载再重装一下 就可以了

原创 使用小程序写登录授权

页面结构wxml： <!-- 登录授权 --> <view class="accredit "> <view class="userinfo"> <button wx:if="{{!hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button>

原创 小程序 删除线 一行超出变...

删除线给需要删除线的标签加一个样式text-decoration: line-through;超出一行变….name { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

原创 小程序中二次封装接口

现在utils中新建一个request.js文件request.js中的内容const app = getApp();module.exports = (url, data, method = "get", header = {}) => { // loading动画 数据加载之前 var _loading = false if (!_loading) { wx.showLoading({ title: "Loading...",

原创 小程序中rich-text富文本 编译标签（渲染标签）

如果拿到的数据是标签包裹的 例如这种的就可以使用rich-textjs中的内容//html转义Page({ escape2Html(str) { var arrEntities = { 'lt': '<', 'gt': '>', 'nbsp': ' ', 'amp': '&', 'quot': '"' }; return str.replace(/&(lt|gt|nbsp|amp|quot);/ig, function (all, t) { ret

原创 小程序倒计时的写法

page({data:{endTime:‘2020-3-11 17:00:30’},生命周期函数--监听页面加载onLoad: function (options) {var that = thisthat.countDown()},// 倒计时countDown:function(){var that=this;var nowTime = new Date().getTime();//现在时间（时间戳）var endTime = new Date(that.data.endTi

原创 小程序中的双向绑定和vue中的双向绑定

小程序中的数据双向绑定首先通过 bindinput 绑定文本框的输入事件在 data 中声明一个变量 content ，将其动态绑定成文本框的 value 值在 bindinput 事件中通过事件参数 e.detail.value 可以获取到文本框中最新的 value 值通过 this.setData 将文本框最新的 value 值 赋值给 动态绑定的value值 content 即可实现数据的双向绑定vue中的数据双向绑定首先为文本框绑定 @input 监听文本框的输入事件为文本框动态绑

原创 使用vue2.0时间过滤

<el-table-column label="注册时间"> <template slot-scope="scope"> <span>{{scope.row.updateTime | aaaa}}</span> </template> </el-table-column>filters: { aaaa(val){ var d = new .

原创 一个对象中有多个数组 遍历出数组及数组内容

1.先通过axios拿到数据2.需要用双重遍历这样就可以了

原创 vue-cli脚手架名称及其含义

原创 码云生成公钥 公钥验证失败怎么办 出现[email protected]: Permission denied (publickey).

解决码云出现[email protected]: Permission denied (publickey).删除验证失败的公钥1.重新生成sshssh-keygen -t rsa -C “[email protected]”2、查看你的 public keycat ~/.ssh/id_rsa.pub（以ssh-rsa 开头，以账号的注册邮箱结尾的）3、将它添加到码云，添加地址 https://gitee.com/profile/sshkeys4、终端输入ssh -T [email protected]

原创 时间戳转为标准时间

1.使用axios获取数据时2.使用vuex获取数据时

原创 为什么vue中data必须是函数

为什么vue中data必须是函数1.vue组件中data值不能为对象，因为对象是引用类型，组件可能会被多个实例同时引用。如果data值为对象，将导致多个实例共享一个对象，其中一个组件改变data属性值，其他实例也会受到影响2.vue组件data为函数的原因，data为函数，通过return返回对象的拷贝，致使每个实例都有自己独立的对象，实例之间可以互不影响的改变data属性值...

原创 vue和react中key值的作用

vue中key的作用更准确因为带key就不是就地复用了，在sameNode函数 a.key === b.key对比中可以避免就地复用的情况。所以会更准确。更快利用key的唯一性生成map对象来获取对应的节点，比遍历方式更快。...

原创 Ajax和axios的概念、使用 、区别以及跨域

Ajax 和 Axiosajax什么是ajaxAsync javascript and XML{ name:"王凯", age:2, sex:"未知"}<user> <name>王凯</name> <age>2</age> <sex>未知</sex></user>AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服

原创 ES6复习知识点

ECMAScript6目标熟练使用ES6语法Promise对象什么是ES6ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，Let、const和var的区别(重点)ES6新增了let和const来声明变量，主要是解决var声明变量所造成的困扰和问题：var不能用于定义常量var可以重复声明变量var存在变量提升var不支持块级

原创 前端工程师面试题3

1.DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动document.documentElement 返回文档的根节点document.body document.activeElement 返回当前文档中被击活的标签节点(ie)event.fromElement 返回鼠标移出的源节点(ie)event.toElement 返回鼠标移入的源节点(ie)event.srcElement 返回激活事件的源节点(ie)event.target 返回

原创 前端工程师面试题2

一、对于MVVM的理解？MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表视图，它负责将数据模型转化成视图展现出来。ViewModel 虚拟模型，监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。在MVVM架构下，View 和 Model都是通过ViewModel进行交互，iewModel 通过双向数据绑定把 View 层

原创 前端工程师面试题1

01、Doctype作用？严格模式与混杂模式如何区分？它们有何意义?声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在 HTML 文档的第一行，这并不是一个 HTML 标签。严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。如何区分：浏览器解析时到底使用严格模式还是混杂模式，与网页中的 DTD 直接相关1、如果文档包含严格的 DOCTYPE ，那么

原创 标准时间转为时间戳

原创 git常用命令以及问题

将本地项目提交到git仓库git配置git config —－global user.email “github邮箱”git config —－global user.name “github用户名”1.git init 实例化启动git2.git add 文件名 将文件添加到暂存区3.git add . 将所有文件添加到本地仓库暂存区4.git commit -m “描述” 添加到本地仓库5.gi

原创 安装git仓库

安装git步骤1.先去官方下载git压缩包2.下载成功后 检测git版本号 git --version3.查看 git --help 信息仓库1.克隆 git clone 链接2.查看状态 git status（红色字体并不是报错 而是你刚修改的文件）3.提交 git add .git commit -m “对本次提交的描述”4.同步保存到仓库 git push origin master（分支名）已有仓库1.先连接仓库git remote add origin 仓库链接2

原创 安装vue步骤

**安装vue2.0版本**1.首先下载node.js要求版本在8.9以上官网：https://nodejs.org/zh-cn/2.检查node版本号 node -v3.使用淘宝NPM镜像源下载比较快查看是npm.js还是淘宝镜像的命令：npm config get registry修改为淘宝镜像命令：npm install -g cnpm --registry=https://registry.taobao.org修改为npm.js命令：npm install -g cnpm -

原创 下载react成功后创建不了项目

**以管理员打开cmd，依次运行下面的命令**npm config set proxy http://[email protected]:xxxxnpm config set https-proxy=http://[email protected]:xxxxnpm config set proxy nullnpm config set https-proxy nullnpm config set registry https://registry.npm.taobao.orgnpm info underscorenpm -

原创 Arryay对象、Date对象、String对象 知识点

Arryay对象、数组属性：constructor：返回创建数组对象的原型函数length：设置或返回数组元素的个数prototype：允许你向数组对象添加属性或方法Array 对象方法：concat()：连接两个或更多的数组，并返回结果copyWithin()：从数组的指定位置拷贝元素到数组的另一个指定位置中entries()：返回数组的可迭代对象every()：检测数值元素的每个元素是否都符合条件fill()：使用一个固定值来填充数组filter()：检测数组元素，并返回符合