ZJW222的博客

1.Object.assign()基本用法：Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）。它至少需要两个对象作为参数，第一个参数是目标对象，后面的参数都是源对象。let targetObj1 = { a: 1 };let sourceObj1 = { b: 1 };let sourceObj11 = { c: 3 };O...

在uni-app中，使用video时，要在视频上覆盖内容，并且要兼容app端，安卓端的适配还好做点，但是ios的话，就弄了我好久，搞了大半天才搞定，这里记录下1.微信小程序端视频做的是全屏显示的视频，使用cover-view和cover-image对视频进行覆盖，不过，cover-view也有很多限制，像文字多行省略，这个没找到方式，单行的省略就直接用普通就可以了使用cover-vie...

node版本升级，我记得好像是可以直接使用npm i node -g来进行升级的，然后结果发现使用这个安装后，node版本还是一样啊，好气啊windows下到node官网下载新的版本安装更新？？？？1.使用vue-cli3使用vue-cli3脚手架来创建项目，安装依赖时，报node版本太低的错error execa@3.2.0: The engine "node" is incom...

今天在写vue项目时，用到了computed计算属性，遇到了使用箭头函数出现this指向问题，这里记录下1.箭头函数中的this箭头函数内部的this是词法作用域，由上下文确定 函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象2.vue中的computed使用箭头函数list: () => { console.log(this)}不使用...

Vue的生命周期，有的时候还是会不熟悉的样子，找了点相关的文章，然后自己尝试着做了点示例，这里记录下，说不定面试就用上了1.Vue生命周期的相关图片2.Vue生命周期及路由的钩子函数beforeCreate实例初始化之后，初始化注入(init injections)及响应(reactivity)前被调用created实例已经创建完成之后被调用，属性已绑定，但DOM还未生...

使用css实现瀑布流并不实用，因为css实现的瀑布流都是以列来排列的，这里记录下用js实现瀑布流，以及微信小程序中使用左右两列来实现瀑布流1.效果图2.原生js实现瀑布流html文件<div id="root"> <div class="item"> <div class="itemImg"> ...

在网上看到了有如相机功能的mix-blend-mode实现比较好看的图片样式，自己也想弄下，在这里记录下1.效果图2.mix-blend-mode相关属性{ mix-blend-mode: normal; // 正常 mix-blend-mode: multiply; // 正片叠底 mix-blend-mode: screen...

在做小程序的时候，做到了一个限时商品售卖，用到了倒计时，因为这个原因导致了安卓手机上使用小程序时，将小程序放入后台运行一段时间后，再次进入小程序后出现了页面白屏或者点击事件失效的情况，这里记录下1.相关代码文件我这里是使用了自定义组件的形式来渲染的外部的引用的自定义组件的wxml文件/* limitCommodity是一个数组，返回的是商品对象，包含商品价格、商品结束时间、商品图片...

在用vue来写一官网的时候，想引入外部字体文件，毕竟总感觉他自己的字体有点难看，在这里记录下1.先下载字体文件所需的.ttf文件我这里想引入的是华文行楷字体 百度后下载了一个3M多的ttf文件2.将字体文件引入自己定义一个文件夹，放入下载好的.ttf文件先自己定义一个font.css文件，将下载好的字体文件的路径引入@font-face { font-family: ...

关于微信小程序的scroll-view组件，第一次写的时候是直接在scroll-view中用了一层容器包裹子元素，然后用了flex布局，并且是用了组件来实现的横向滚动，后面有提出改进，但是不记录下，就发现过了几天，就有点懵了1.效果图2.在scroll-view里加一层容器，使用flex布局实现这里用flex布局实现的话，就要用组件的形式wxss文件.scrollView{...

独立完成一个移动端项目(不是很明白为何会有这样的商品管理后台)，还是有些经验不足，包括对产品的全局思考，对插件的选择等，都有考虑不周的缺点，导致自己中途想换图形界面插件，浪费了点时间，这里记录下，总结下经验，理一下思路。1.对于项目的一些心得与体会首先的一点，就是，对于图形界面框架的选型，这个很重要，对于一项目来说，开始动手前就要对项目的设计图有个完整的了解，以便于自己选择插件或者框架；...

在自己做一个简单的后台管理系统时，用的是node作本地数据库，然后用了Element-ui的upload组件来实现图片的上传，中间有遇到那么点小坑，这里记录下，比较坑的一点就是，不知道文件的命名不能带空格，然后改了好久1.index.vue文件这里的话，就是简单点的使用图形界面框架Element-ui的上传组件，然后，action就是服务器端的地址，我这里使用了代理，将localhost:...

在做自己的一个小项目时，新学习了mongodb非关系型数据库，使用了mongoose封装好的查询方法，包括数据库分页用到的limit和skip方法，这里记录下。1. mongodb数据库连接参照官网文档对应的参数如下：mongodb://[username:password@]host1[:port1][,host2[:port2],...[,hostN[:portN]]][/[dat...

在使用vue-cli3创建项目后，因为webpack的配置均被隐藏了，当你需要覆盖原有的配置时，则需要在项目的根目录下，新建vue.config.js文件，来配置新的配置。配置的相关字段vue.config.js会被自动加载module.exports = { /* 部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl 从 Vue CLI 3.3 起已弃用，要...

利用空闲时间，学习了下puppeteer爬虫，我也想爬取下网上的资源1.部分apipuppeteer.launch(options)参数名称 参数类型 参数说明 ignoreHTTPSErrors boolean 在请求的过程中是否忽略 Https 报错信息，默认为 false headless boolean 是否以“无头”的模式运行chro...

记录下与Math有关的常用方法，如：求最大值、最小值等，或者是保留几位数啥的1.数据let floatA = 2.325232;let floatB = 2.3456;let temporaryArray = [1, 2, 5, 6, 3];let minusNum = -12;let minusFloat = -12.321;let intA = 10;let min, m...

有一次在面试题中有做到promise与setTimeout的执行顺序，当时有点懵，执行顺序还是弄错了一点点，这里记录下1.输出setTimeout(function() { console.log(111)}, 0);setTimeout(function() { console.log(333)}, 1000);new Promise(function(reso...

1.css选择器有哪些，优先级如何计算类别选择器、ID选择器、标签选择器、通用选择（*）、后代选择器、伪类选择器 ！important&gt;行内样式&gt;ID选择器&gt;类选择器&gt;标签&gt;通配符&gt;继承&gt;浏览器默认属性 同一级别中后写的会覆盖先写的样式。子选择器和后代选择器的区别子选择器是选择元素的直接后代，即作用于第一个后代；后代选择器则可作用于孙子代、曾孙...

在项目中做的一些站点会涉及时间格式的转换，比如，优惠券的有效期，或者资讯类文章的发表时间等，因从后台传过来的时间是时间戳，需要进行转换，所以在这里进行总结记录下以及去重的处理1.将时间戳转换成时间日期的形式时间为毫秒数时(毫秒数转换成时间格式：先乘以1000)/* 实现倒计时 */countTime(timeend毫秒数) { /* 计算总的剩余秒数 */ var ti...

在写微信小程序时，有写到实现3D轮播图的效果，可以直接使用微信小程序中自带的组件swiper来实现效果图如下：1.swiper的相关属性indicator-dots 是否显示小圆点，也可以自己重新设置小圆点 circular 是否衔接滑动，就是实现无限滚动 previous-margin 与上一张图片的间距 next-margin 与下一张图片的间距 autoplay 实现自...

做一个简单的移动端展示项目，后台分页后前端加载，实现上拉加载下一页，找了下，还是用这个mescroll.js插件好一点1.npm安装npm install --save mescroll.js //不要使用cnpm安装导入(在哪个页面使用,则在哪个页面导入(这里的话，我使用全局导入会出现问题,若有错,还请大家指出,暂时想到的就是局部引入))：import MescrollVue ...

在做移动端时，想起用navigator.userAgent来对浏览器类型进行判断，查了点资料，在这里总结下还有一个就是移动端的缩放问题，在meta标签中进行设置，对部分浏览器进行强制性的限制1.navigator的一些常用属性navigator为window对象的一个属性，指向了一个包含浏览器相关信息的对象navigator.appVersion 浏览器的版本号 navigator...

在项目中有涉及实现一行或者第几行后加省略号，在实现第几行后加省略号的时候，使用的是-webkit-line-clamp、-webkit-box-orient属性，会出现webpack打包-webkit-box-orient属性被忽略的情况，这里记录下1.单行实现文字省略号/* 这里要显示的设置宽度 */overflow: hidden;white-space: nowrap;/* ...

在联调时，发现后台返回的不是数组，或者返回的类型与不为空时的类型不一样，这里小结下对对象的操作1.对象的判空/* 先声明一个对象字面量 */let isObject = {};将json对象转化成json字符串，然后进行判断是否等于字符串'{}'，直接写{}无法进行判断console.log(JSON.stringify(isObject) == '{}');使用for循环...

有用到object对象的转换成数组，然后又想到了遍历方法，所以，也想记录下1. 终止或者跳出循环break跳出循环体,所在循环体已结束 continue跳出本次循环，进行下一次循环，所在的循环体未结束 return 终止函数执行for (let i = 0; i &lt; 5; i++) { if (i == 3) break; console.log("The n...

刚进入公司的时候就有遇到过多规格的问题，当时就觉得很麻烦，就只是看了下，没有尝试，最近在写微信小程序的时候，又遇到了多规格问题，就自己尝试了下，在这里记录下1.效果图2.文件及部分思路index.wxml文件&lt;view class="multipleStandard" bindtap="standardSelect"&gt; &lt;view class="stand...

在做微信小程序时，觉得小组里对购物车的实现不是很完美，就自己尝试的写了下，然后用到了父子组件传值，父子组件传值的话，和vue框架上是非常相似的，以及calc这个css函数，calc有个注意点，自己不怎么用，一时间有差点忘了，这里记录下1.效果图2.子组件实现要实现图中删除的效果，使用组件的形式更好做点，我当时本想直接在pages里实现，不过结果就是，滑动时，所有的商品都显示了删除按...

在微信小程序中，有遇到要展示店铺评分，或者是订单完成后对商品进行评价，用到了星星展示，查了下，在微信中无法使用svg实现图片，微信中只能将svg图片转成base64来显示，所以是在vue中使用的svg来实现评分1.效果图微信中的可以点击及显示，但是，显示的话，在4.2分，4点多分的时候，显示的是半颗星vue中用的是svg实现，所以用的是占比的形式,可以有一点点的星2.微信实现...

在获取富文本后，又只要显示部分内容，需要去除富文本标签，然后再截取其中一部分内容；然后就是过滤器，在微信小程序中使用还是挺多次的，在vue及react中也遇到过1.富文本去除html标签去除html标签及 空格let richText = ' &lt;p style="font-size: 25px;color: white"&gt;&amp;nbsp; &amp;nbsp; &amp...

1. JS基本的数据类型和引用类型基本数据类型：number、string、null、undefined、boolean、symbol -- 栈引用数据类型：object、array、function -- 堆两种数据类型存储位置不同原始数据类型是直接存储在栈(stack)中的简单数据段，占据空间小、大小固定，属于被频繁使用数据；引用数据类型存储在堆(heap)中的对象，占据空间大、大小不固定，如...