qcc0716-优快云博客

原创使用grid布局解决flex布局最后一行不足的问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2021-08-13 09:31:04 2789

图片懒加载let imgList = [...document.querySelectorAll('img')]let length = imgList.lengthconst imgLazyLoad = function() { let count = 0 return (function() { let deleteIndexList = [] imgList.forEach((img, index) => { let

2021-08-06 17:39:40 2108

原创小程序过滤时间戳转时间

filter.wxsvar formatNumber = function (n) { n = n.toString() return n[1] ? n : '0' + n}/** * 将时间戳(1570550400)格式转为 yyyy-MM-dd格式 */var formatDate = function (str) { // var date = getDate(datetime); var n = parseInt(str)*1000; var date = get.

2021-07-23 14:13:59 2177

原创时间戳转时间格式

function formatDate(str) { var n = parseInt(str)*1000; var D = new Date(n); var year = D.getFullYear();//四位数年份 var month = D.getMonth()+1;//月份(0-11),0为一月份 month = month<10?('0'+month):month; var day = D.getDate();//月的某一天(1-

2021-07-23 14:05:27 122

原创复制需要会员

具体操作先打开网页的“开发者模式”（F12），点击右上角的“设置”，在设置页面中，选择“偏好设置”（Preferences），选择“调试器”（Debugger），勾选“禁用JavaScripte”，具体操作如下图所示：禁用页面的JS功能后，我们就可以轻松的进行复制粘贴操作了。此时，右键出现不一样的“复制”选项，点击“复制”后，就不会出现上面要求购买VIP会员的弹窗了。...

2021-05-15 18:08:33 1214

原创微信小程序报错 Cannot read property ‘forceUpdate‘ of undefined

报错信息uni-app项目运行到小程序未配置APPID，导致报错。解决方案输入自己小程序的appId重新运行

2021-05-06 11:07:57 203

原创 npm install 报错 gyp info it worked if it ends with ok npm ERR! gyp verb cli [

今天新启动一个项目，在 npm install 安装依赖项时出现报错。ERR! code 1npm ERR! path C:\Users\Administrator\Desktop\14531\mall-admin-web\node_modules\node-sassnpm ERR! command failednpm ERR! command C:\Windows\system32\cmd.exe /d /s /c node scripts/build.jsnpm ERR! Building:

2021-04-06 16:23:46 62093 35

原创数组和对象有哪些原生方法

Array.concat( ) 连接数组 Array.join( ) 将数组元素连接起来以构建一个字符串 Array.length 数组的大小 Array.pop( ) 删除并返回数组的最后一个元素 Array.push( ) 给数组添加元素 Array.reverse( ) 颠倒数组中元素的顺序 Array.shift( ) 将元素移出数组 Array.slice( ) 返回数组的一部分 Array.sort(

2021-03-09 10:07:02 428

原创 antd vue表格根据后台返回的数据改成页面想要的数据

想要其中后端返回的数据授课类型“lessonsType” 中1 是讲课 2 是辅导前端columns的参数，dataIndex跟返回对象的属性一致，key那里跟下面不做改变的houseId不一样，换成了插槽的定义名const columns = [ { title: "教师数据编号", dataIndex: "teacherId", key: "teacherId" }, { title: "教师编号", dataIndex: "teacherCode", key: "teacher.

2021-03-05 13:57:10 1436

原创一次完整的 Http事务是怎样一个过程

一次完整的 Http事务是怎样一个过程基本流程域名解析发起TCP的三次握手建立TCP连接后发起http请求服务器端响应http请求，浏览器得到html代码浏览器解析html代码，并请求html代码中的资源浏览器对页面进行...

2021-03-02 14:41:08 173

原创常用git命令

常用git命令git init 初始化本地git仓库git config --global user.name “xxx” # 配置用户名git config --global user.email “xxx@xxx.com” # 配置邮件git config --global color.ui true

2021-03-02 14:40:32 97

原创 git仓库的使用

Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。Git 不仅仅是个版本控制系统，它也是个内容管理系统(CMS)，工作管理系统等。（下载地址： https://git-scm.com/downloads）Git 与 SVN 区别点：1、Git 是分布式的，SVN 不是：这是 Git 和其它非分布式的版本控制系统，例如 SVN，CVS 等，最核心的区别。2、Git 把内容按元数据方式存储，而 SVN 是按文件：所有的资源控制系统都是把文件的元信息隐藏在一个类似 .svn、.c

2021-03-02 14:40:14 140

原创 css水平居中、垂直居中的写法，至少写出4种

水平居中行内元素: text-align: center块级元素: margin: 0 autoposition:absolute+left:50%+ transform:translateX(-50%)display:flex + justify-content: center垂直居中设置line-height 等于heightposition：absolute +top:50%+ transform:translateY(-50%)display:flex + align-item

2021-03-02 14:18:59 418

原创将本地代码上传到远程分支上

将本地代码上传到远程分支上首先创建一个文件夹，把远程的项目克隆岛本地：git clone + 项目地址第二步进入该项目的目录： cd + 已经克隆好的项目目录名然后切换分支：git checkout + 分支名（必须要与所要提交的代码的远程分支同名）然后将所要提交的代码复制到该分支下，依次执行(1) git add .(2) git commit -m ‘git init’(3) git push origin + 远程分支名如果你不是该项目的开发者，第一次执行该操作可能会要求输入用户名

2021-02-23 13:55:55 951

原创消除数组中重复的元素

var arr=[1,2,3,3,4,4,5,5,6,1,9,3,25,4]; function deRepeat(){ var newArr=[]; &nb

2021-01-15 14:21:04 238

原创 uniapp 实现购物车

uni-app 实现购物车要实现的效果具体实现代码<template> <view> <view class=""> <view class="cartlist"> <view class="cartitem" v-for="(item,index) of cartlist" :key="index" @touchstart="drawStart" @touchmove="drawMove" @touc

2021-01-09 10:02:59 1639

原创 uniapp日历

<template> <view class="calendar-wrapper"> <view class="header" v-if="headerBar"> <view class="preWidth" @click="changeMonth('pre')"> <view class="pre" ></view> </view> <view&gt

2021-01-06 16:55:59 3994 4

原创 uniapp仿客服聊天

<template> <view class="content"> <view class="cul-wrapper"> <view v-if="isOver" class="msg-over">没有更多消息了</view> <block v-for="(item,index) in hisMsgs" :key="item.id"> <view :class="[item.isme?'msg-me':'m

2021-01-06 16:51:12 4055 4

原创前端面试——前端性能优化的方法

前端性能优化的方法减少http请求次数：css Sprites、js、css源码压缩、图片大小控制合适；网页Gzip,cdn托管，data缓存，图片服务器前端模板 JS+ 数据，减少由于HTML标签导致的带宽浪费，前端用变量保存AJAX请求结果，每次操作本地变量，不用请求，减少请求次数用innerHTML代替DOM操作，减少DOM操作次数，优化JavaScript性能当需要设置的样式很多时设置className而不是直接操作style少用全局变量，缓存DOM节点查找的结果。减少IO读取操作避免

2020-12-30 16:53:40 175

原创什么是闭包

什么是闭包闭包的特性：函数嵌套函数函数内部可以引用外部的参数和变量参数和变量不会被来及回收机制回收闭包的缺点：常驻内存，会增加内存的使用量，使用不当很容易造成内存泄漏为什么使用闭包可以避免使用全局变量，防止全局变量污染...

2020-12-30 14:24:13 93

原创 DOM的增删改查操作

创建新节点createDocumentFragment() // 创建一个DOM片段createElement() // 创建一个具体的元素createTextNode() // 创建一个文本节点添加、移除、替换、插件appendChild()removeChild()replaceChild()insertBefore() // 在已有的子节点前插入一个新的子节点查找getElementByTagName() //通过标签名称getElementByname()

2020-12-30 14:05:23 138

原创数组和对象的原生方法

arrayArray.concat() 连接数组Array.join() 将数组元素连接起来构成一个字符串Array.length 数组的大小array.pop() 删除并返回数组的最后一个元素array,push() 给数组添加元素array.reverse() 颠倒数组中元素的顺序array.shift() 将元素移出数组array.slice() 返回数组的一部分array.sort() 将数组元素进行排序array.splice() 插入、删除或替换

2020-12-30 13:54:16 127

原创把时间戳转换为具体时间

将时间戳转换为具体的时间 // 将时间戳转换具体时间 function toDates(times) { const date = new Date(times) const Y = date.getFullYear() const M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) const D = (date.getDate(

2020-12-30 09:30:34 783

原创使用webpack报错

使用npm安装webpack报错解决方法：打开package.json 下的name字段名字和安装的那个包名字相同了，吧package.json下的name修改成跟包不冲突的名字就可以了

2020-12-28 09:54:43 305

原创 node设置编码格式

node怎么设置编码格式方法一：使用res.write()设置标签res.write("<head><meta chartset='uft-8' /></head>")方法二：使用res.setHeader()设置Content-typeres.setHeader("Content-type","text/html;charset=utf8");方法三：使用res.writeHeader()设置Content-typeres.writeHeader(200

2020-12-22 11:32:20 1390

原创判断是否是数组的方式

判断是否是数组的方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> &l

2020-12-02 09:13:30 119

原创 promise解决回调地狱的问题

什么是回调地狱怎么解决回调地狱的问题要了解什么是回调地狱，首先要了解什么是同步，什么是异步函数同步函数：当一个函数是同步执行时，那么当该函数被调用时不会立即返回，直到该函数要做的事情全部做完之后才返回异步函数：如果一个异步函数被调用时，该函数会立即返回尽管该函数规定的操作任务还没有完成。function ran(bang) { console.log('然起跑。。。。。'); setTimeout(function() {

2020-12-01 16:05:37 371

原创 vue无感知页面刷新

在项目中处理中，常常有需要删除或更新数据之后刷新当前页面的需求一般页面刷新使用 router.go(0) 或者window.reload()等刷新时，整个浏览器进行重新加载，闪烁，出现白屏状态，用户体验很差。处理方法provide / inject 组合作用：允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在起上下游关系成立的时间里始终生效。App.vue:声明reload方法，控制router-view的显示或隐藏，从而控制页面的再次加载<template>

2020-08-20 09:52:01 2353 3

原创页面滚动到底部的距离

let _this = this; window.onscroll = function () { // 变量scrollTop是滚动条滚动时，距离顶部的距离 // var scrollTop = document.documentElement.scrollTop; // 解决浏览器兼容问题 var scrollTop = document.documentElement.scrollTop || window.pageYOffset || docu

2020-08-10 14:49:41 539

原创 vue 全局过滤器

vue 中全局filter过滤器的配置及使用新建filters/index.js文件// 格式化 sizeexport function sizeChange(number) { if(number/1024 < 1024){ return number = parseInt(number/1024*100)/100 + 'KB' }else { return number = parseInt(number/1024/1024*100)/100 +

2020-08-10 14:31:55 147

原创搭建vue开发环境的步骤

1.下载node，判断node是否安装成功输入node -v ,输出node版本号，即安装成功，2.安装淘宝镜像$ npm install -g cnpm --registry=https://registry.npm.taobao.org；安装成功后，就可以全局使用vue-cli 脚手架，输入命令：cnpm insatll --global vue-cli ,回车判断是否安装成功，3.搭建完脚手架，创建新项目vue init webpack my-project 回车，my-project

2020-05-26 13:51:46 153

原创 vue中配置axios

在main.js中直接配置//导入axiosimport axios from 'axios'//配置请求的根路径axios.defaults.baseURL=‘根路径’Vue.prototype.$http = axios

2020-05-26 13:40:17 192

qcc0716的博客