![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
会飞的小蚂蚱
这个作者很懒,什么都没留下…
展开
-
px转换成rem 小插件
给大家推荐这个特别好用的vscode插件 cssrem比如我们写了20px 再选一下 就成rem了 相对单位是16px的 也可以自己设置原创 2020-08-18 00:56:44 · 794 阅读 · 0 评论 -
git回滚
git回滚版本 非常好用每个git都有一个版本号我们可以利用这个版本号来回滚回滚到指定版本git rest --hard xxxxxxxxx强制提交git push -f origin develop原创 2020-08-04 15:19:55 · 98 阅读 · 0 评论 -
小程序里使用vant-weap的picker发现的问题
一个比较常见的业务 我们如果选择使用vant 引入picker 还要引入他的pup 要配合使用有一个坑 这个picker他没有自己的宽高 要我们给的 然后用个变量来控制它就行了 true false原创 2020-07-28 15:59:42 · 935 阅读 · 2 评论 -
关于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个参数: 元素的值, 元素的索引,...原创 2020-07-24 17:55:05 · 132 阅读 · 2 评论 -
关于小程序的组件如何传值
先在html里面定义一个三目style="margin-top:{{mt?'24rpx':'0'}}"然后我们在properties里面接收这个参数 properties: { mt:{ type:Boolean, value:false } },再去父组件里面传个true进去 父组件也就是我们要使用组件的页面 mt="{{true}}"这样就能自定义组件的样式了各位铁汁 请指教...原创 2020-07-21 11:25:50 · 185 阅读 · 0 评论 -
来说个老生常谈的问题 选项卡
选项卡这个东西 怎么说 找个插件随便就加上了 但是插件的东西 真的不好改样式 改死人干脆自己写一个得了<view class="wrap"> <view class="tab {{index == active ? 'active' : ''}}" wx:for="{{tab}}" wx:key="index" data-index="{{index}}" bindtap="checkItem"> {{item.name}} </view></v原创 2020-07-20 22:51:10 · 141 阅读 · 2 评论 -
说下 wx.showModal这个便利的api
这个东西好啊 好就好在他 非常的便利不多bb上代码吧随随便便就能写成这个样子wx.showModal({ cancelColor: '#666666', cancelText: '取消', confirmColor: '#3469F1', confirmText: '确定', content: '删除后将不能在收藏中找到该信息', showCancel: true, ...原创 2020-07-20 22:45:40 · 229 阅读 · 1 评论 -
震惊~ 小程序居然是这样引入vant的!
在项目里1.npm init2.npm i @vant/weapp -S --production or yarn add @vant/weapp --production3.第三步结束后可以直接删除 node_modules4.原创 2020-07-19 16:26:16 · 130 阅读 · 0 评论 -
有次面试 面试官直接问面向对象的好处 哭了
面向对象的三个好处① 封装封装最好理解了。封装是面向对象的特征之一,是对象和类概念的主要特性。封装,也就是把客观事物封装成抽象的类,并且类可以把自己的数据和方法只让可信的类或者对象操作,对不可信的进行信息隐藏② 继承③ 多态面向对象方法(Object-Oriented Method)是一种把面向对象的思想应用于软件开发过程中,指导开发活动的系统方法,简称OO (Object-Oriented)方法,是建立在“对象”概念基础上的方法学。对象是由数据和容许的操作组...原创 2020-06-19 15:08:55 · 189 阅读 · 0 评论 -
随便写点面试题(三)结束
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...原创 2020-06-19 15:04:45 · 147 阅读 · 0 评论 -
随便写点面试题(二)
6.== ===的区别==:运算符称作相等bai,用来检测两个操du作数是否相等,这zhi里的相等定义的非常宽松,可dao以允许进行类型转换===:用来检测两个操作数是否严格相等7.项目上线 是后端一个服务器 还是前端一个服务器 还是一起一个服务器 为什么这么做这个问题也只是问过我 我也没去查 感觉挺冷门的问题8.问了vuex的 管理状态 和 vuex怎么用 vuex主要是组件与组件之间的通讯 1.先安装vuex npm i vuex -s 2.启动项目 npm run d..原创 2020-06-19 14:56:36 · 134 阅读 · 0 评论 -
随便写点面试题吧(一)
1.生命周期 vue2.事件绑定 1.内联方式: 将事件处理器绑定到一个方法中,以下所有事件都以click事件作为案例 注意:内联方式下事件处理器只能绑定一个方法,要是想要绑定多个方法,依旧还是使用js中的addEventListener方法进行绑定2.点击事件绑定的方法,在Vue实例中,存放在method属性中注:其中method的this指向始终指向vue实例3.事件修饰符 要知道是干嘛用的. stop:阻止冒泡. prevent:阻止默认事件...原创 2020-06-19 14:52:29 · 101 阅读 · 0 评论 -
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 { ..原创 2020-06-09 11:17:48 · 2233 阅读 · 0 评论 -
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..原创 2020-06-09 11:16:22 · 467 阅读 · 0 评论 -
深浅拷贝的实现方式
如果给一个变量赋值一个对象,那么两者的值会是同一个引用,其中一方改变,另一方也会相应改变。针对引用类型我们需要实现数据的拷贝。用 ... 实现const copy = {...{x:1}}用 Object.assign 实现const copy = Object.assign({}, {x:1})用 slice 实现let arr = [1, 3, { x: 1}];let copy = arr.slice();...原创 2020-06-09 11:12:36 · 360 阅读 · 0 评论 -
谈一谈微信小程序 navigateTo 传对象参数注事事项
当微信小程序navigateTo传入参数是个object时,请使用JSON.strtingify将object转化为字符串,代码如下:wx.navigateTo({ url: '../sendCheckTea/sendCheckTea?current=' + JSON.stringify(object),})接收的时候使用json.parse将字符串解析成对象,代码如下:let data = JSON.parse(options.current)需要注意的是,不要将参数o...原创 2020-06-09 11:09:08 · 208 阅读 · 0 评论 -
原生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");原创 2020-06-04 10:56:35 · 128 阅读 · 0 评论 -
深入浅出: 谈下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...原创 2020-06-04 10:53:35 · 472 阅读 · 0 评论 -
js在IE和标准下有哪些兼容性怎么写和区别
原创 2020-06-04 10:50:06 · 191 阅读 · 0 评论 -
原生js:操作DOM怎样添加、移除、移动、复制、创建和查找节点
(1)创建新节点createDocumentFragment()//创建一个DOM片段createElement()//创建一个具体的元素createTextNode()//创建一个文本节点(2)添加、移除、替换、插入、克隆appendChild()removeChild()replaceChild()insertBefore()cloneNode()(3)查找getElementsByTagName()//通过标签名称getElem...原创 2020-06-04 10:47:53 · 914 阅读 · 0 评论 -
原生js:怎么将字符串复制到剪贴板?
const el = document.createElement('textarea'); el.value = str; el.setAttribute('readonly', ''); el.style.position = 'absolute'; el.style.left = '-9999px'; document.body.appendChild(el); const selected = document.getSelection().rangeCount ..原创 2020-06-04 10:46:44 · 659 阅读 · 1 评论 -
Javascript - 锋利的ES6
定义变量/常量ES6 中新增加了 let 和 const 两个命令,let 用于定义变量,const 用于定义常量 两个命令与原有的 var 命令所不同的地方在于,let, const 都是块级作用域,其有效范围仅在代码块中,实例如下://es5if(1==1){ var b = 'foo';}console.log(b);//foo//es6if(1==1){ let b = 'foo';}console.log(b);//undefined定义常量对象const ...原创 2020-06-03 09:48:51 · 144 阅读 · 0 评论 -
感觉Github 上 36 个最实用的 Vue 开源库
任何一个开发者,都是十分喜欢使用开源软件包的。因为它使开发工作变得更快速、高效、容易。如果没有开源软件包,开发工作将变得疲惫不堪,不断的重复造轮子!下面整理了 Github 上 36 个实用的 Vue 开源库,建议收藏!1.Bootstrap-Vue |star 10014具有超过40个插件和超过75个自定义组件,为Vue.js提供了最全面的Bootstrap v4组件和网格系统实现。Github:https://github.com/bootstrap-vue/bootstrap-vue原创 2020-06-03 09:44:38 · 1301 阅读 · 0 评论 -
正确理解Javascript的正则表达式的意义
Javascrip中的正则表达式使用方法简单介绍下,在Javascript中使用正则表达式有两种方式:构造函数:使用内置的RegExp构造函数;字面量:使用双斜杠(//);使用构造函数:varregexConst =newRegExp('abc');使用双斜杠:varregexLiteral =/abc/;匹配方法Javascript中的正则表达式对象主要有两个方法,test和exec:test()方法接受一个参数,这个参数是用来与正则表达式匹配的字符串,...原创 2020-06-03 09:40:48 · 173 阅读 · 0 评论 -
感觉CSS文字居中显示的几种方式
1、利用line-height和vertical-alignhtml<div class="box"> <span>测试文字</span></div>css.box{ width: 200px; height: 200px; overflow: hidden; background: #ccc; text-align: center;}.box span{ vertical...原创 2020-06-03 09:35:30 · 479 阅读 · 0 评论 -
谈一谈 JavaScript 中 undefined 与 null 的用法区别
大多数计算机语言,有且仅有一个表示“无”的值,比如:C 语言的 NULL,Java 语言的 null,Python 语言的 None,Ruby 语言的 nil。但是在 JavaScript 中却同时存在undefined和null,这主要是由于历史原因,感兴趣的可以查一下。二者的主要用法区别如下:undefined变量被声明了,但没有赋值时,就等于undefined调用函数时,应该提供的参数没有提供,该参数等于undefined对象没有赋值的属性,该属性的值为undefi...原创 2020-06-03 09:29:21 · 225 阅读 · 0 评论 -
我觉得JavaScript 实用函数
平时常用的一些功能性函数关于原生JS文件大小单位转换/** * @desc bytesToSize 字节单位换算 * @param bytes 传入以bit为单位的数据 */const bytesToSize = function (bytes) { const k = 1024; if (!bytes || bytes === 0) return '0 B'; if (typeof (bytes) == 'string') { return b原创 2020-06-03 09:29:36 · 120 阅读 · 0 评论 -
我们说一下ES6中类和对象的注意问题
实用类的注意事项三个注意点:1.在ES中类没有变量的提升,所以必须先定义类,才能通过实例化对象2.类里面的共有属性和方法一定要加this使用3.类里面的this使用问题:4.constructor里面的this指向实例化对象,方法里面的this指向这个方法的调用者<script> var that; var _that; class Star { // constructor 里面的this .原创 2020-06-01 09:01:46 · 149 阅读 · 0 评论 -
简单聊一下vue的双向绑定原理
一、前言 在vue的视图层与modal层进行数据交互的时,视图层的数据传入到modal层,modal层通过defineProperty来劫持每个元素,并绑定监听事件进行监听,一旦监听到数据变化,就通过defineProperty的set函数重新更新视图层。二、使用Object.defineProperty( ) 实现核心方法就是前文所说的Object.defineProperty( )。如果要对所有属性都进行监听的话,那么可以通过递归方法遍历所有属性值,并对其进行Object.de.原创 2020-06-01 09:00:02 · 146 阅读 · 0 评论 -
如何在 nuxt中使用Vuex
引言在nuxt中使用Vuex,以模块方式引用——计数器为例计数器示例图片上传失败。。。。目录结构目录结构js模块写法// user.js// state为一个函数, 注意箭头函数写法const state = () => ({counter: 6})// mutations为一个对象const mutations = {increment(state) {state.counter++},decrement(stat...原创 2020-06-01 09:09:27 · 1408 阅读 · 0 评论 -
学习一个JavaScript 的 对象
学习目标:能够说出为什么需要对象 能够使用字面量创建对象 能够使用构造函数创建对象 能够说出new的执行过程 能够遍历对象1.对象 1.1万物皆对象,对象是一个具体的事物在程序里面,一个服务器,一张网页,一个远程服务器的连接也可以是对象。 Javascript中对象是一组无序的相关属性和方法的集合,所有事物都是对象,例如字符串...原创 2020-05-29 09:27:17 · 106 阅读 · 0 评论 -
如何用JavaScript 实现 冒泡排序
<script> //数组排序(冒泡排序) //冒泡排序是一种算法,把一系列的数据按照一定的循序进行排列显示(从小到大或从大到小) //把数组[5,4,3,2,1]换成[1,2,3,4,5] var arr = [5,4,3,2,1]; var temp; for(i=0;i<arr.length-1;i++) { for(j=0;j<arr...原创 2020-05-29 09:25:39 · 239 阅读 · 0 评论 -
js面向对象的写法实现Tab切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> input { .原创 2020-05-29 09:21:19 · 277 阅读 · 0 评论 -
javaScript 如何保留三位有效数字
在之前的文章中有讲过保留两位小数的实现,最近在开发在开发活动页面时,依旧是展示参赛作品的点赞数。当点赞数过万时,显示三位有效数字来展示点赞数,例如:1.56万、23.1万等。经过探索,找到了toPrecision()方法,在MDN中是这样概述该方法的:toPrecision()方法以指定的精度返回该数值对象的字符串表示。我们可以改变该方法的percision参数来定义需要保留多少位有效数,话不多说,具体脚本代码如下。JavaScript函数实现代码:<script> ...原创 2020-05-29 09:20:37 · 3594 阅读 · 0 评论 -
这个厉害了JavaScript中的高阶函数
在 JavaScript 的学习过程中,我们可能或多或少地接触过高阶函数。那么,我们自己对此是否有一个明确的定义,或者说很熟练的掌握这些用法呢简单来说,高阶函数是一个函数,它接收函数作为参数或将函数作为输出返回看到这样的概念,在你的脑海中会出现哪些函数呢其实,像我们经常会使用到的一些数组方法,比如:map、filter 等等都是高阶函数的范畴当然,这些 JavaScript 内置的方法不在本文的讨论范围之内,下面会列举一些在我们实际开发或者面试过程中可能会遇到的函数高阶用法防抖.原创 2020-05-29 09:19:10 · 166 阅读 · 0 评论 -
JavaScript 使用sort根据数组中对象的某一个属性值进行排序
说明在开发的时候时常会遇到这样的问题思路c = [{create_time: "Mon, 25 May 2020 00:00:00 GMT", flag: 0, id: 1, message: "你好"}{create_time: "Mon, 25 May 2020 01:00:00 GMT", flag: 1, id: 2, message: "你好,约吗"}{create_time: "Mon, 25 May 2020 02:00:00 GMT", flag: 0, id: 3, me原创 2020-05-29 09:16:55 · 289 阅读 · 0 评论 -
Js 如何将两个数组合并
方法一使用concatvar a = [1,2,3];var b = [4,5,6];var c = a.concat(b);//c=[1,2,3,4,5,6];方法二使用循环for(let i in b){ a.push(b[i])}方法三使用applya.push.apply(a,b);建议在合并数组的时候,可以首先判断数组的大小,以大的合并小的显然速度会快一些如果不希望改变数组的话,建议使用concat...原创 2020-05-29 09:15:25 · 1082 阅读 · 0 评论 -
在uni里面怎么修改checkbox的样式
很多小伙伴都很苦恼 修改不了checkbox的样式那我们该怎么做呢?哈哈哈哈想不到吧 你以为我是checkbox 其实我是 view哒!<!-- checkbox --><view class="iconfont checkicon" @click="checkedClick(item.id)" :class="item.checked ? 'icon-xuanzhong' :'icon-weixuan'"></view><vi..原创 2020-05-29 09:13:39 · 1312 阅读 · 1 评论 -
我们来说一下JavaScript数据的类型
学习目的:1.说出五种简单的数据类型2.typeof获取变量类型3.说出1-2种转换为数值型的方法4说出一到两种转换为字符型的方法5说出什么是隐式转换1为什么需要数据类型? 不同数据占用的存储空间不同,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,定义了不同的数据类型。2变量的数据类型js的数据类型是只有在程序运行过程中,根据等号右边的值来确定的。 Javascript拥有动态类型,同时意味着相同的变量可用作不同的类型...原创 2020-05-28 09:37:31 · 137 阅读 · 0 评论 -
JavaScript变量的语法扩展
1.更新变量一个变量被重新赋值后,它原有的值会被覆盖,变量值将会以最后一次赋值为准。2.同时声明多个变量var age = 18 , address ='火影村' , gz = 2000 ;3.声明变量的特殊情况:// 2.声明多个变量 var age =18, address = '火影村', gz = 2000; //3.声明变量的特殊情况 ...原创 2020-05-28 09:33:56 · 172 阅读 · 0 评论