- 博客(29)
- 收藏
- 关注
RSS订阅
原创 vue组件深层次传值方式-$attrs/$listeners
$attrs包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind="$attrs"传入内部组件——在创建高级别的组件时非常有用。注意：父组件给子组件传值可以通过v-bind="$attrs"传入内部组件，内部...
2019-11-04 16:09:17
1067
原创 Typescript学习之三——进阶
Typescript学习之三——进阶类型别名字符串字面量类型元组枚举类类与接口泛型声明合并扩展阅读1. 类型别名类型别名用来给类型起一个新的名字我们使用 type 创建类型别名：type Name = string;type NameResolver = ()=>string;type NameOrResolver = Name|NameReso...
2019-12-11 16:46:01
359
原创 TypeScript学习之二——基础
TypeScript学习之二——基础原始数据类型任意值类型推论联合类型对象的类型——接口数组的类型函数的类型类型断言声明文件内置对象1. 原始数据类型JAvaScript数据类型分为两种：原始数据类型和对象类型原始数据类型包括：String、Number、Boolean、null、undefined、Symbol1.1 布尔值let isDone:boolean...
2019-12-07 23:30:55
961
2
原创 TypeScript学习之一——简介
TypeScript学习之一TypeScript 是JavaScript的一个超集，主要提供 了类型系统和对ES6的支持，它由microsoft开发。TypeScript 是 JavaScript 的类型的超集，它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。TypeScript ...
2019-12-07 23:29:34
156
原创 window.requestAnimationFrame（）函数作用
window.requestAnimationFrame（）window.requesrAnimateionFrame(callback)告诉浏览器–你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画，该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行。callback（DOMHightResTimeStamp）DOMHightResTimeSta...
2019-11-11 10:14:50
621
原创 cookie存储
cookie存储function trim(str) { return String.prototype.trim.call(str);}function isType(arg, type) { return Object.prototype.toString.call(arg) === "[object " + type + "]";}const doc = window...
2019-11-08 16:59:07
105
原创 如何将封装好的组件发布到npm上
如何将封装好的组件发布到npm上通常我们在做项目的时候都会用到大佬们发布到npm上的组件，简单的命令下载即可使用今天我们就来走一波大佬走过的路简单的目录结构1.下载相关依赖通过 npm init 命令，创建package文件{ "name": "vue-component-button", "version": "0.0.2", "description": ...
2019-11-07 14:37:47
884
原创 js实现精准运算——加减乘除
精准运算1.Math.pow()函数返回基数的指数次幂Math.pow(2,3); // 82.除法主要思路是先取到小数部分的位数，再通过去掉小数点的方式将小数转化为整数进行除法运算，最后再用计算结果乘以10的小数差的次幂倍//除法函数，用来得到精确的除法结果//说明：javascript的除法结果会有误差，在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。//...
2019-11-01 11:33:32
1365
原创 js实现复制粘贴功能
js实现复制粘贴使用document.ExecCommand(“copy”)命令，官方文档，点我。document.ExecCommand(“Copy”)该方法允许运行命令来操纵可编辑内容区域的元素。<!DOCTYPE html><html><head><script type="text/javascript">function co...
2019-11-01 11:28:49
356
原创 数组对象去重
数组对象去重需求数组对象去重[{key:1,name:'哈哈'},{key:2,name:'鹤鹤'},{key:1,name:'哈哈'}]function reduceData(data){ let obj = {} let arr = data.reduce(function(item,next){ obj[next.item_id] ? '' : obj...
2019-11-01 11:25:04
107
原创 vue实现调用手机软键盘搜索按钮进行搜索
vue实现调用手机软键盘搜索按钮需求是页面无搜索按钮，需要调用手机软键盘上的搜索按钮实现搜索功能，非实时搜索<form action="" @submit.prevent="search"> <input type="search" :placeholder="type_name ? type_name : '搜索想要的宝贝'" v-model="sea...
2019-11-01 11:16:02
2148
原创 js工具箱
今天是1024，祝大家节日快乐！1.js实现sleepconst sleep = time => { return new Promise(resolve => setTimeout(resolve,time) ) } sleep(1000).then(()=>{ console.log(1) })2.检测当前宿主环境检测当前宿主环境是否是浏览器：通过判断 ...
2019-10-24 10:58:53
202
原创 如何保留HTML中字字间距
如何保留HTML中字字间距正常情况下，我们在HTML文本中留有很多空格，实际上是不显示的，为了解决这个问题，总结了如下几种方法1.字体间距均匀空隙letter-spacing: 2px;<div style="letter-spacing: 20px;">你好吗我很好</div>如图所示：2.个别字体间保留空白<div style="">你好吗...
2019-10-23 14:15:11
239
原创 vue组件传值的几种方式
vue组件传值的几种方式1.VuexVuex是一种转为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的多有组件的状态，并以相应的规则保证状态以一种可预期的方式发生变化。优点解决了多层组件之间繁琐的事件传播。解决了多组件依赖统同一状态的问题。单向数据流为Vue量身定做，学习成本不高缺点不能做数据持久化，刷新页面就要重制，要做数据持久化可以考虑使用loc...
2019-10-21 13:28:50
594
原创 插件loading开发
插件loading开发1.新建loading.vue 文件<template> <!--loading--> <div class="pop" v-show="show" @mousewheel.prevent> <div class="confirm"> <img src="../../assets/ima...
2019-10-21 10:47:17
168
原创 通过Vue.extend（）方法，手写messageBox组件
Vue.extend（）实例应用-messageBoxVue.extend(options)用法：使用基础Vue构造器，创建一个‘子类’，参数是一个包含组件选项的对象。注意：data选项必须是一个函数//创建构造器var Profile = Vue.extend({ template:'<p>{{firstName}} {{lastName}} aka {{alias}}&...
2019-10-18 17:32:27
280
原创 在js中为何不能将变量名定义为name
在js中为何不能将变量名定义为name在论坛中有一个人的问题刚好是因为变量名定义为“name”引发的。问题如下：怎么onfocus事件和onblur事件在我电脑的谷歌浏览器和火狐浏览器没反应，在IE又可以了呢？<input type="text" class="name">var name = document.querySelector('.name');name.onfo...
2019-10-15 11:05:33
583
原创 js中数组相关方法汇总
数组相关方法数组常用方法汇总1.concat()——用于链接两个或者多个数组** （不改变原数组）**语法：arrayObject.concat(arrayX,arrayX,…,arrayX)参数：可以是具体要合并的数组元素也可以是一个数组对象。返回值：一个新的数组。2.join（）——用于把数组中的所有元素放入一个字符串中。（不改变原数组）语法：arrayObject.join(sep...
2019-10-14 16:30:29
143
原创 for循环中var与let定义变量区别
for循环中var与let定义变量区别** 参考文档 （https://www.cnblogs.com/echolun/p/10584703.html）**1.使用var定义和使用let定义变量输出结果//使用var声明，得到3个3var a = [];for (var i = 0; i < 3; i++) { a[i] = function () { console...
2019-10-14 16:29:35
689
原创 Object.assign()用法
Object.assign()Object.assign 方法用于将所有可枚举属性的值从一个或者多个源对象赋值到目标对象。语法：Object.assign(target , …sources) 返回值是目标对象描述：如果目标对象中的属性具有相同的键，则属性将被源对象中的属性覆盖。Object.assign不会在那些source对象值为null或者undefined的时候抛出错误。...
2019-10-14 16:27:44
229
原创 call、apply、bind区别与使用
call、apply、bind区别与使用1.call、apply、bind基本介绍语法：fun.call(thisArg, param1, param2, ...)fun.apply(thisArg, [param1,param2,...])fun.bind(thisArg, param1, param2, ...)返回值：call/apply ：fun执行的结果bind ：...
2019-10-14 16:26:35
122
原创 js正则表达式(.+)和(.+?) (.)和(.?)的区别
js正则表达式(.+)和(.+?) (.)和(.?)的区别1.首先先分解正则的构成“.”——** 匹配除换行符 \n 之外的任何单字符。“+”—— 匹配前面的子表达式一次或者多次。（至少有一个匹配）“”—— 匹配前面的子表达式零次或者多次。“？*”—— 匹配前面的子表达式零次或者一次，或者指明一个非贪婪限定符。2.（.+）和(.+?)的区别(.+) 是贪婪匹配模式(.+?)是...
2019-10-14 16:26:03
3060
原创 js运行机制解析
js运行机制JavaScript是单线程这重设计避免了一个线程在DOM节点上添加内容，另一个线程删除了这个节点的尴尬事件。任务列队主线程执行“同步任务”，被主线程挂载起来的是“异步任务”，后者一般是放在一个叫“任务队列”的数据结构中。JavaScript的运行机制（1）所有同步任务都在主线程上执行，形成一个执行栈。（2）主线程之外，还有一个“任务队列”，只要异步任务有了运行结果，就在...
2019-10-14 16:24:10
113
原创 小程序应注意哪些问题
注意问题直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致。不需要在this.data中预先定义，使用setData()方法会自动创建该数据wx.openSetting（）调起客户端小程序设置界面，返回用户设置的操作结果。设置界面只会出现小程序已经向用户请求过的权限。注意：2.3.0 版本开始，用户发生点击行为后，才可...
2019-10-14 16:23:00
209
原创 小程序常用PAI汇总
APIwx.canlUse(string schema)判断小程序的API，回调，参数，组件等是否在当前版本可用。返回值booleanArrayBuffer wx.base64ToArrayBuffer(string base64)将 Base64 字符串转成 ArrayBuffer 对象string wx.arrayBufferToBase64(ArrayBuffer array...
2019-10-14 16:22:13
534
原创 小程序原生框架学习笔记
小程序框架逻辑层1.小程序APPApp(Object object)注册小程序。接受一个Object参数，其指定小程序的生命周期回调等。App() 必须在 app.js 中调用，必须调用且只能调用一次。不然会出现无法预期的后果。onLaunch(Object object)小程序初始化完成时触发，全局只触发一次。** **onShow(Object o...
2019-10-14 16:21:04
342
转载 Vue 响应式原理
Vue 响应式原理响应式例子 <div id="app"> <div>Price :￥{{ price }}</div> <div>Total:￥{{ price * quantity }}</div> <div>Taxes: ￥{{ totalPriceWithTax }}</div>...
2019-10-14 16:18:42
89
原创 使用Hexo+GitHub搭建免费个人博客之路
1.如果你没有服务器，并且也不想购买的话2.如果你仍然想拥有属于自己的博客，像所有你曾经羡慕的那样3.如果你肯花一点点时间，如你所愿
2019-08-12 21:03:38
120
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人