2020年09月_技术项目经理

原创 js设计模式笔记小结

JS 设计模式面向对象搭建开发环境npm / webapck / webpack-dev-server / babelbabel-core babel-loader babel-polyfill babel-preset-env什么是面向对象概念类（对象的模板）、对象（实例）class People { constructor(name, age) { this.name = name this.age = age } eat() { con

2020-09-11 16:21:05 295

原创 PC端布局之版心设置居中

2020-09-30 17:03:41 2523

原创行内快元素之间有缝隙处理

使用浮动既可以清除行内快间隙<style>.search{ float: left; width: 412px; height: 42px; background-color: skyblue; margin-left: 50px;}.search input{ float: left; width: 345px; height: 40px; border: 1px solid skyblue; bord

2020-09-30 16:56:45 297

原创解决qrcode多次生成二维码的问题

//生成二维码 qrcode() { //先清除，后增加 document.getElementById("qrcode").innerHTML = ""; let nowUrl = "https://www.yihuisoft.com/mp/" + this.userid; // let nowUrl = "https://www.yihuisoft.com/mp/" + '162' let qrcode = new QR.

2020-09-30 14:50:50 3418 1

原创 CSS清除浮动四种方式

<div class="box clearfix"> <div class="damao">大毛</div> <div class="ermao">二毛</div> <div class="ermao">二毛</div> <div class="ermao">二毛</div> <div class="erm...

2020-09-29 20:19:20 376

原创关于二级域名下使用一级域名下的COOKIE的问题

利用document.domainvar Cookie = { set: function (name, value, days) { var domain, domainParts, date, expires, host; if (days) { date = new Date(); date.setTime(d.

2020-09-29 17:58:17 1395

原创外边距合并-嵌套块级元素垂直外边距塌陷【浮动盒子不会有出现这个问题】

方法：1.给父元素加边框2.给父元素加内边距3.给父元素加overflow：hidden<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-C

2020-09-28 19:42:06 383

原创块级元素和行内样式居中方法

1.块级元素居中两个条件（1）盒子设置宽度（2）盒子的左右外边距都设置auto .header { width: 900px; background-color: pink; margin: 0 auto; }2.行内元素或者行内块元素水平居中一个条件（1）给其父元素添加text-align:center即可 .header { text-align: center..

2020-09-28 19:34:29 800

原创 padding不会影响盒子大小的情况

1.不设置height和width就不会营销盒子大小<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=e

2020-09-28 19:25:59 1047 1

原创移动端固定背景图设置

.VotingActivityHomeBody :before { content: ' '; position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: url("../../components/common/image/VotingActivityBackgroundBottom.png") center .

2020-09-28 15:20:17 380

原创设置细线表格

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

2020-09-28 08:52:34 281

原创背景图片的位置设置应用【图片和背景图的组合使用】

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

2020-09-26 09:34:25 727

原创 tomcat运维笔记

1.检查后台tomcat是否开启了重复进程ps -f |grep tomcat执行结果：dgztc 28908 28737 0 09:27 pts/1 00:00:00 grep tomcat关闭重复进程kill -9 289082.开启和关闭tomcat　　bin/startup.sh #启动tomcat　　bin/shutdown.sh #停止tomcat3.查询tomcat端口conf/server.xml<Conn..

2020-09-26 08:53:44 252

原创常用工具函数【节流函数和防抖函数】

/** * @desc 函数防抖 * @param {需要防抖的函数} func * @param {延迟时间} wait */export function debounce(func, wait = 500) { // 缓存一个定时器id let timer = 0; // 这里返回的函数是每次用户实际调用的防抖函数 // 如果已经设定过定时器了就清空上一次的定时器 // 开始一个新的定时器，延迟执行用户传入的方法 return functi..

2020-09-24 16:13:27 161

原创 es6中经典面试题set应用【数组去重操作】

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Set</title></head><body> <script type="text/javascript"> // const s1 = new Set(); // console.log(s1.size) // const s2 =.

2020-09-22 20:30:20 227

原创 es6判断字符串开头和结尾

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>startsWith方法和endsWith方法</title></head><body> <script type="text/javascript"> let str = 'Hello ECMAScript 2015'; let r1 = s.

2020-09-22 20:27:53 1688

原创 es6中数组高级方法find,findIndex,includes【查找数组中第一个符合条件的值和该值的索引、数组中是否包含某值】

find,findIndex【查找数组中第一个符合条件的值和该值的索引】<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>find方法</title></head><body> <script type="text/javascript"> var ary = [{ id: 1, .

2020-09-22 20:23:14 2813

原创 js正则表达式总结【写好的js案例】

括号总结1.大括号量词符.里面表示重复次数2.中括号字符集合。匹配方括号中的任意字符3.小括号表示优先级

2020-09-22 16:22:25 125

原创 js经典面试题手写一个深拷贝函数

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

2020-09-22 15:40:48 604

原创【递归函数应用】js通过递归函数来处理菜单查找

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

2020-09-22 14:29:20 2991 1

原创闭包应用-点击li输出当前li的索引号

// 闭包应用-点击li输出当前li的索引号 // 1. 我们可以利用动态添加属性的方式 var lis = document.querySelector('.nav').querySelectorAll('li'); for (var i = 0; i < lis.length; i++) { lis[i].index = i; lis[i].onclick = function() {...

2020-09-22 10:09:34 328

原创 javascript高阶函数函数柯里化

函数作为参数传入function fn(a,b,callback){ console.log(a+b); callback&&callback() } fn(1,2,function(){ console.log('我是最后调用的'); })

2020-09-22 09:00:07 160

原创 call apply bind使用场景总结

call apply bind总结相同点:都可以改变函数内部的this指向区别点1.call 和 apply会调用函数并且改变函数内部ths指向2.call和apply传递的参数不一样call传递参数aru1,aru2形式apply必须数组形式[arg]3.bind不会调用函数可以改变函数内部this指向主要应用场景1.call经常做继承2.apply经常跟数组有关系比如借助于数学对象实现数组最大值最小值3.bind不调用函数但是还想改变this指向比如改变定时器内部的this指向或者.

2020-09-21 19:34:20 576

原创设计模式使用

常用设计模式1.工厂模式:$(‘XX’),创建商品【扩展:商品折扣】2.单例模式:购物车3.装饰器模式:打点统计4.观察者模式:网页事件【btn多个cck事件】, promise [then】5.状态模式:添加到购物车&从购物车删除6.模板方法模式:渲染有统一的方法,内部包含了各模块渲染【算法骨架:先init内容、再init按钮、再init渲染】7.代理模式:打折商品的处理8.适配器模式:无法使用【用一个接口中转】、wue中 computed9.外观模式:统一调度子方法10..

2020-09-21 19:29:08 151

原创 bind高级用法【传递多个this使用，无需最外层设置that】

// var thatclass Tab { constructor(id) { // that = this this.main = document.querySelector(id) this.add = this.main.querySelector('.tabadd') this.ul = this.main.querySelector('.fisrstnav ul:first-child') this.f.

2020-09-21 19:23:54 345 1

原创 bind改变this指向【与定时器一起使用】，绑定后不会立刻执行

<!DOCTYPE html><html lan.

2020-09-21 19:16:25 632

原创 call【继承】和apply【数组求最大值】应用

1.call【继承】 function Father(uname, age, sex) { this.uname = uname; this.age = age; this.sex = sex; } function Son(uname, age, sex) { Father.call(this, uname, age, sex); }

2020-09-21 17:51:13 117

原创 es5过滤数组【some得到单个、filter得到多个】

var arr = [12, 66, 4, 88] var newArr = arr.filter(function(value,index,arr){ return value>=20 }) console.log(newArr)

2020-09-20 15:39:10 518

原创使用forEach代替for循环【语法糖】

var arr = [1, 2, 3] var sum=0 arr.forEach(function (value, index, array) { console.log(value); console.log(index); console.log(array); sum+=value }) console.log(sum)

2020-09-20 15:36:31 718

原创 uniapp实现筛选栏吸顶和点击筛选条件回到顶部的需求

<template> <view class="contenting"> <view @click="poll()" :catchtouchmove="true"><Delicacy id="boxFixed" :class="{ is_fixed: isfixed }"></Delicacy></view> </view></template><script>impo.

2020-09-16 16:31:56 1314 1

原创 element-ui 固定列滚动条问题解决

先上BUG解决方案 /* 设置滚动条的样式 */ /deep/::-webkit-scrollbar { width: 10px !important; height:10px !important; background-color: #8487879e; } /deep/ .el-table__fixed::before, .el-table__fixed-right::before { content: ..

2020-09-16 09:46:16 1641 1

原创 uniapp请求高级封装

1.根目录下创建apiapi/errdata.js// 提示const errdata = { errlist(err) { uni.showToast({ icon: 'none', title: err, duration: 2000 }) }}export { errdata}api/api.js// 封装请求：get post// 引进提示import {errdata} from 'api/errdata.js'// GETle

2020-09-15 19:38:12 299

原创 uniapp设置横向滚动

关键：【.scroll 设置white-space: nowrap】<template> <view class="prefer-content">  <view class="prefer-title">为你优选</view> <scroll-view scroll-x="true" class="scroll" scroll-with-animation="true"> <v..

2020-09-15 17:48:00 1670

原创 uniapp自定义轮播指示器

<template> <view class="">  <view class="search-view"> <image src="../../../static/coen/dingwei.svg" mode="widthFix"></image> <text class="search-text">阿里巴巴淘宝城2期西溪园区</text> <te...

2020-09-15 17:35:59 764

原创 uniapp使用 Vant Weapp 组件

背景开发一个新项目, 用到uni-app , 一开始想用 uni ui, 可是文档不方便,而且很多组件也没有.因为不需要太多端, 所以使用 vant-weapp ui框架可支持微信小程序等.问题使用第三方组件我把 vant 下载到 src目录下 wxcomponents 文件夹src/wxcomponents/vant在页面中使用这些组件, 网上看的方法都是 (可能我没找到) 要在页面json里面配置然后才能在页面中使用. 觉得这样超级麻烦啊, 页面跳来跳去的...办法既

2020-09-15 10:21:35 2743

原创解决setTimeout 计时器重复调用的问题导致执行加速问题

let liveSetTimeout='' clearTimeout(liveSetTimeout) liveSetTimeout=setTimeout(() => { debounce(this.initBeforeLiveStream(1), 1000); }, 10000);

2020-09-11 11:17:21 1891

原创 js经典案例购物车单例模式【删除使用filter方法】

class Cart{ constructor(){ this.list=[] } add(data){ this.list.push(data) } del(id){ this.list = this.list.filter(item=>{ if(item.id===id){ return false } r.

2020-09-11 09:02:08 327

原创 uniapp封装request请求使用

1.在src目录下新建一个api文件夹，在该文件夹下创建api.js//const baseUrl = 'http://uat.yihuisoft.com/testSmallProgram'; //测试环境const baseUrl = 'http://139.196.20.27:8899/smallProgram'; //测试环境//const baseUrl = 'https://uat.yihuisoft.com/smallProgram'; //准生产环境// const baseUrl

2020-09-05 10:32:23 1779 1

转载 babel报错处理【升级方案】

(一) 前言新开了pc项目, 安装babel最新已经到7，既然如此，就把老项目和新项目统一换到babel@7(二) 升级使用官方命令直接升级# 不安装到本地而是直接运行命令，npm 的新功能npx babel-upgrade --write# 或者常规方式npm i babel-upgrade -gbabel-upgrade --write基本就是将babel- 替换成@babel/比如如下图(三) 升级中遇到的问题修改babel-polyfill

2020-09-01 21:18:39 2122

软件工具.zip

空空如也