hfdxmz_3的博客

原创 px转换成rem 小插件

给大家推荐这个特别好用的vscode插件 cssrem比如我们写了20px 再选一下 就成rem了 相对单位是16px的 也可以自己设置

原创 小程序如何监听回车键

<input type="text" placeholder="搜索" bindconfirm="search"/>search 是个方法 这样就能监听到 回车事件

原创 面试技巧之 你遇到过哪些bug？

很多面试官都会问 小程序的生命周期 不用死记硬背 和他说个场景加分多一点小程序里onload和onshow的区别放在onload里面他一进页面就加载完了 就不会再加载第二次 但是放在onshow里面他会等页面所有东西都返回来了 再执行这个生命周期比如 我们需要从上一个页面取一个变量到这个页面来 就在onshow里打印就能看到这个变量 onload里是看不到的...

原创 小程序 父组件想调用子组件的某个方法

我们先在子组件里写好 我们要使用的方法在父组件里我们传入一个id我们在父组件里写入就好 我们不仅要清除当前页面的 也要清除子组件里的数据 多次使用就多个id 即可 // 清除 clearBoth(){ let checkItem = this.selectComponent('#checkItem') let checkItems = this.selectComponent('#checkItemes') checkItem.clear(...

原创 小程序如何跨页面把某个东西传过去

toGetJobData() { wx.navigateTo({ url: `../../pages/getJobData/getJobData?workTypeIds=${this.data.workTypeIds}&jobname=${this.data.jobname}&pageid=${this.data.baseInfo.pageId}&mineid=${this.data.baseInfo.mineId}`, }) },大概就是这个..

原创 微信小程序组件通信子传父

小程序 - 组件通信 - 子传父，代码如下：// 第一步：通过自定义事件的方式通知父组件// components/music/index.jsComponent({ /** * 组件的属性列表 */ properties: { name: String, type: String }, methods: { onMusic () { /* *第一步：通过自定义事件的方式通知父组件 triggerEve.

原创 git回滚

git回滚版本 非常好用每个git都有一个版本号我们可以利用这个版本号来回滚回滚到指定版本git rest --hard xxxxxxxxx强制提交git push -f origin develop

原创 截取字符串的前几位

let str = '0123456789'let emp = str.slice(0,5)consle.log(emp) //'01234'//数字的var num = 0123456num.toString().slice(0,5)

原创 小程序如何禁止用户上下滑动

写个这种效果出来 很多时候我们想禁止用户的上下滑动的操作catchtouchmove="preventMove"在view上加这个代码即可 （ps：别用鼠标滚轮啊 真机调试）

原创 小程序如何获取自己的code呢？

我们跑到app.js里面来在onLaunch 这个生命周期里面来写 wx.login({ complete: (res) => { console.log(res) }, })注意 这个complete是个箭头函数啊

原创 小程序里面consle app.js里面的数据

有的时候我们可以直接存在storage里面 但是consle也可以consle.log(getApp().globalData)在控制台里输入就行了

原创 小程序里html会自动把大写转成小写

我们在写小程序的时候 难免要使用 data-xxx比如这里 我们要给一个keyWord的自定义属性 属性的值为 1我们consle一下发现他自动变成小写了 所以要注意点

原创 小程序里使用vant-weap的picker发现的问题

一个比较常见的业务 我们如果选择使用vant 引入picker 还要引入他的pup 要配合使用有一个坑 这个picker他没有自己的宽高 要我们给的 然后用个变量来控制它就行了 true false

原创 关于some和every它们之间不得不说的三十二件事

somelet a = [1,2,3,5,7].some(isBiggerThen10) //falselet a = [1,2,3,5,7,10].some(isBiggerThen10) //true对于 typed array 中的每个元素，some方法执行一次callback，直到找到一个callback返回 true 的元素. 如果一个元素被找到,some立即返回true. 否则,some返回false.callback期望3个参数: 元素的值, 元素的索引,...

原创 关于小程序的组件如何传值

先在html里面定义一个三目style="margin-top:{{mt?'24rpx':'0'}}"然后我们在properties里面接收这个参数 properties: { mt:{ type:Boolean, value:false } },再去父组件里面传个true进去 父组件也就是我们要使用组件的页面 mt="{{true}}"这样就能自定义组件的样式了各位铁汁 请指教...

原创 来说个老生常谈的问题 选项卡

选项卡这个东西 怎么说 找个插件随便就加上了 但是插件的东西 真的不好改样式 改死人干脆自己写一个得了<view class="wrap"> <view class="tab {{index == active ? 'active' : ''}}" wx:for="{{tab}}" wx:key="index" data-index="{{index}}" bindtap="checkItem"> {{item.name}} </view></v

原创 说下 wx.showModal这个便利的api

这个东西好啊 好就好在他 非常的便利不多bb上代码吧随随便便就能写成这个样子wx.showModal({ cancelColor: '#666666', cancelText: '取消', confirmColor: '#3469F1', confirmText: '确定', content: '删除后将不能在收藏中找到该信息', showCancel: true, ...

原创 震惊~ 小程序居然是这样引入vant的！

在项目里1.npm init2.npm i @vant/weapp -S --production or yarn add @vant/weapp --production3.第三步结束后可以直接删除 node_modules4.

原创 怎么写省略号

感觉总是要忘怎么写省略号 写个博客css实现超出部分显示省略号 /* 显示一行，省略号 */ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; /* 显示两行，省略号 */ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellip.

原创 有次面试 面试官直接问面向对象的好处 哭了

面向对象的三个好处① 封装封装最好理解了。封装是面向对象的特征之一，是对象和类概念的主要特性。封装，也就是把客观事物封装成抽象的类，并且类可以把自己的数据和方法只让可信的类或者对象操作，对不可信的进行信息隐藏② 继承③ 多态面向对象方法(Object-Oriented Method)是一种把面向对象的思想应用于软件开发过程中，指导开发活动的系统方法，简称OO (Object-Oriented)方法，是建立在“对象”概念基础上的方法学。对象是由数据和容许的操作组...

原创 随便写点面试题（三）结束

13.数组的方法var myMap = new Map(); map 返回形式为 [key，value]fliter 返回的是 删除的数组 改变原数组 reducer 函数接收4个参数: 1.Accumulator (acc) (累计器)2.Current Value (cur) (当前值)3.Current Index (idx) (当前索引)4.Source Array (src) (源数组)用法 arr.reduce(callback[, initialValu...

原创 随便写点面试题（二）

6.== ===的区别==：运算符称作相等bai，用来检测两个操du作数是否相等，这zhi里的相等定义的非常宽松，可dao以允许进行类型转换===：用来检测两个操作数是否严格相等7.项目上线 是后端一个服务器 还是前端一个服务器 还是一起一个服务器 为什么这么做这个问题也只是问过我 我也没去查 感觉挺冷门的问题8.问了vuex的 管理状态 和 vuex怎么用 vuex主要是组件与组件之间的通讯 1.先安装vuex npm i vuex -s 2.启动项目 npm run d..

原创 随便写点面试题吧(一)

1.生命周期 vue2.事件绑定 1.内联方式： 将事件处理器绑定到一个方法中，以下所有事件都以click事件作为案例 注意：内联方式下事件处理器只能绑定一个方法，要是想要绑定多个方法，依旧还是使用js中的addEventListener方法进行绑定2.点击事件绑定的方法，在Vue实例中，存放在method属性中注：其中method的this指向始终指向vue实例3.事件修饰符 要知道是干嘛用的. stop：阻止冒泡. prevent：阻止默认事件...

原创 原生JS 之 this指向问题

平时用this有些混乱，所以写个总结。没有箭头函数之前，我们说this就是函数运行时所在的环境对象，但是在箭头函数中this就是定义时所在的对象，先说大家熟知的：函数运行时所在的环境对象。1、作为函数调用，this指向全局对象2、作为对象的方法调用，该对象即为调用上下文，this指向该对象。3、作为构造函数调用，构造函数试图初始化这个新创建的对象，并将这个对象作为其调用上下文，this 指向这个新创建的对象。4、通过函数的call/apply方法间接调用,...

原创 如何用Vue+TypeScript项目配置实战？本文教你怎么做

如何用Vue+TypeScript项目配置实战？本文教你❝最近想学习一下TypeScript语法，但是只是看官方文档又有些乏味，还是通过项目在实践中学习比较有趣，所以在这里记录一下我的学习历程，与Vue项目结合开发。❞项目搭建通过脚手架搭建1. 通过Vue CLI 3 创建vue项目vue create vue-typescript// 在此选择typescript支持? Check the features needed for your project: ().

转载 怎么用css让网站变灰

filter: grayscale 使用可以调整元素的灰度值.gray-filter { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,&l...

原创 js怎么做延迟函数delay

const delay = ms => new Promise((resolve, reject) => setTimeout(resolve, ms)) const getData = status => new Promise((resolve, reject) => { status ? resolve('done') : reject('fail')})const getRes = async (data) => { try { ..

原创 js如何分割指定长度的元素数组

const listChunk = (list, size = 1, cacheList = []) => { const tmp = [...list] if (size <= 0) { return cacheList } while (tmp.length) { cacheList.push(tmp.splice(0, size)) } return cacheList} console.log(li..

原创 简单谈谈Vue实现数据双向绑定的原理是什么

vue实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过**Object.defineProperty（）**来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应监听回调。当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时，Vue 将遍历它的属性，用 Object.defineProperty 将它们转为 getter/setter。用户看不到 getter/setter，但是在内部它们让 Vue 追踪依赖，在属性被访问和

原创 Vue常识：Vue的生命周期有哪些，第一次加载会触发哪些钩子函数

beforeCreatecreated创建初始化数据事件beforeMountmounted载入DOM渲染完成beforeUpdateupdated更新beforeDestroydestroyed销毁第一次页面加载会触发哪几个钩子？会触发 下面这几个beforeCreate, created, beforeMount, mounted 。...

原创 深浅拷贝的实现方式

如果给一个变量赋值一个对象，那么两者的值会是同一个引用，其中一方改变，另一方也会相应改变。针对引用类型我们需要实现数据的拷贝。用 ... 实现const copy = {...{x:1}}用 Object.assign 实现const copy = Object.assign({}, {x:1})用 slice 实现let arr = [1, 3, { x: 1}];let copy = arr.slice();...

原创 关于yarn的三三两两事

yarn安装npm i yarn -g查看版本Yarn -v1. 开始一个新工程yarn init 与 npm init 一样通过交互式会话创建一个 package.jsonyarn init # yarnnpm init # npm# 跳过会话，直接通过默认值生成 package.jsonyarn init --yes # 简写 -ynpm init -y2. 添加一个依赖通过yarn add 添加依赖会更新 package.json 以及 yarn.lo.

原创 谈一谈微信小程序 navigateTo 传对象参数注事事项

当微信小程序navigateTo传入参数是个object时，请使用JSON.strtingify将object转化为字符串，代码如下:wx.navigateTo({ url: '../sendCheckTea/sendCheckTea?current=' + JSON.stringify(object),})接收的时候使用json.parse将字符串解析成对象，代码如下：let data = JSON.parse(options.current)需要注意的是，不要将参数o...

原创 谈一谈JavaScript 中的作用域（scope）是指什么？

在 JavaScript 中，每个函数都有自己的作用域。作用域基本上是变量以及如何通过名称访问这些变量的规则的集合。只有函数中的代码才能访问函数作用域内的变量。同一个作用域中的变量名必须是唯一的。一个作用域可以嵌套在另一个作用域内。如果一个作用域嵌套在另一个作用域内，最内部作用域内的代码可以访问另一个作用域的变量。...

原创 原生ajax：谈下 请求过程,get和post的区别

述原生ajax请求过程,get和post的区别// ajax 提交 post 请求的数据// 1. 创建核心对象var xhr = new XMLHttpRequest();// 2. 准备建立连接xhr.open("POST", "register.php", true);// 3. 发送请求// 如果要POST提交数据，则需要设置请求头xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

原创 面试题常问：v-if和v-show的区别

v-show的元素始终会被渲染并保存在DOM中，v-show只是简单的切换元素的CSS属性display。而v-if是真正的条件渲染，因为它会确保切换过程中条件块内的时间监听和子组件适当地被销毁和重建。v-if和v-show的使用场合一般而言，v-if有更高的切换开销，而v-show有更高的初始化渲染开销。因此如果要非常的频繁切换，则使用v-show。如果在运行的时候很少改变，则使用v-if较好。...

原创 深入浅出： 谈下Vue 中的 key 值

key 的一个错误使用——使用 index 作为 key不知道你在写 v-for 的时候，会不会直接使用 index 作为它的 key 值，是的，我承认我会，不得不说，这真的不是一个好习惯。根据上篇文章，我们还是用 sortable.js 作为例子讨论。以下是核心代码，其中 arrData 的值为 [1,2,3,4]<div id="sort"> <div v-for="(item,index) in arrData" :key="index" > <d...

原创 js在IE和标准下有哪些兼容性怎么写和区别

原创 原生js：操作DOM怎样添加、移除、移动、复制、创建和查找节点

（1）创建新节点createDocumentFragment()//创建一个DOM片段createElement()//创建一个具体的元素createTextNode()//创建一个文本节点（2）添加、移除、替换、插入、克隆appendChild()removeChild()replaceChild()insertBefore()cloneNode()（3）查找getElementsByTagName()//通过标签名称getElem...

原创 css： 透明度opacity的兼容写法怎么做

1、IE浏览器写法： /* 取值范围：1-100 */filter:alpha(opacity=value);2、兼容其他浏览器写法 /* value的取值范围： 0-1 */opacity:0.value;