- 博客(18)
- 收藏
- 关注
RSS订阅原创 调用企业微信扫一扫功能流程记录
企业微信官方API步骤一：引入JS文件<script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>步骤二：通过config接口注入权限验证配置 // 使用微信内置API都需要进入校验操作 wx.config({ beta: true,// 必须这么写，否则wx.invoke调用形式的jsapi会有问题 debug: true, // 开启调试模式,调用的所有api的返回值会在
2022-05-27 10:36:12
1332
原创 vue批量引入components组件
平时项目开发中引入组件都是用下面的方式来移入import A from './components/a.vue'有时候某个页面功能很多，需要拆分成多个模块。这个时候我们通常想到的都是下面的方式，几个还好，万一有几十个呢废话不多说直接上干货！！！vitevite批量引入components组件 // 批量引入组件 const files = import.meta.globEager('./components/*.vue') const coms = {} // 遍历生
2022-05-27 10:21:10
2173
原创 VUE3.0常用API总结
VUE3.0常用API总结官方api官网进入后默认2.0 自行切换组合式 APIsetupsetup执行的时机在beforeCreate之前执行一次，this是undefined。setup的参数props：值为对象，包含：组件外部传递过来，且组件内部声明接收了的属性。// 第一种情况<script>export default { props: { num: Number }, setup(props) { console.l
2022-05-06 17:47:04
879
1
原创 js时间格式方法、根据开始结束时间获取时间范围
/** * 日期格式化：{y}-{m}-{d} {h}:{i}:{s} * @param {any} time 日期时间 * @param {string} cFormat 格式 * @param {boolean} noYear 如果为true，则本年的时间不显示年份 */export function parseTime(time, cFormat, noYear) { if (arguments.length === 0) { return null } const f
2022-04-02 11:11:12
382
原创 css文字宽度，超出部分显示省略号（...）
单行文本超出 overflow: hidden; text-overflow: ellipsis; white-space: nowrap;多行文本超出 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
2022-03-23 11:15:31
1572
原创 CSS鼠标样式【cursor】
cursor:hand;手型cursor:pointer;手型cursor:auto;由系统自动给出cursor:crosshair;十字型 cursor:text;I字形cursor:wait;等待cursor:default;默认cursor:e-resize;向右的箭头cursor:ne-resize;向右上箭头cursor:n-resize;向上箭头cursor:nw-resize;向左上箭头cursor:w-resize;向左箭头cursor:sw-resize;向坐下箭头
2022-03-18 14:17:38
4062
原创 js树结构常用递归函数【平行数组转换为tree、新增层级、处理空子级】
/** * 递归将平行数组转换为tree * @param {Array} list 需要转换的数组 * @param {any} parId 默认传0 从第一层开始循环 * @param {String} parentKey父ID KEY */function createTree(list, parent = '0',parentKey) { const tree = []; list.map((item)=>{ if(item[parentKey] =
2022-03-02 14:32:59
587
原创 Element UI日期选择器选择范围限制
Element Ui文档提供了对应配置项【picker-options】HTML<el-date-picker v-model="value" type="date" :picker-options="options"></el-date-picker>JS// 限制选择今天以及今天之后的日期options: { disabledDate(time) { return time.getTime() < Date..
2022-01-05 15:52:36
557
原创 vue3组合api(composition)
composition apicomposition api为vue应用提供更好的逻辑复用和代码组织。<template> <div> <p>counter: {{counter}}</p> <p>doubleCounter: {{doubleCounter}}</p> <p ref="desc"></p> </div></template><
2021-12-23 15:21:59
1374
原创 最常用的深拷贝方法
1.递归function deepcopy(source) { if (!source) { return source } const sourceCopy = source instanceof Array ? [] : {} for (const item in source) { sourceCopy[item] = typeof source[item] === 'object' ? deepcopy(source[item]) : source[it
2021-12-23 15:19:25
151
原创 JS对数据进行分组
let data = [ { key: 'xxx', name: 'yiyi', age: 12, money: 10 }, { key: 'sss', name: 'iii', age: 13, money: 100 }, { key: 'ddd', name: 'ooo', age: 13, money: 50 }, { key: 'sss', name: 'mmm', age: 50, money: 90 }, { key: 'ddd', name: '888'
2021-12-07 15:19:27
2379
原创 柯里化
概念：柯里化：把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果/**func：运算回调函数*value：运算值*/// 柯里化function curry(func, ...args) { return function (...inArgs) { var allArgs = args.concat(inArgs); if (allArgs.length >= func.length) {
2020-12-30 11:27:48
96
原创 防抖、节流实战应用
概念：防抖：周期内有新事件触发，清除旧定时器，重置新定时器/**func：回调函数*wait：执行时间*/// 防抖function debounce(func, wait) { var timerId = null; return function (...args) { if (timerId) { clearTimeout(timerId); } timerId = setTimeout(() => {
2020-12-30 10:46:51
201
1
原创 Vue3.0快在哪儿？
VUE 3.0六大亮点Performance：性能比Vue 2.x快2倍Tree shaking support：按需编译，编译体积比2.x小Composition API：组合API（类似React Hook）Better Typescript support：更好的支持TsCustom Renderer API：暴露自定义渲染APIFragment Teleport （Protal） Supense：更先进的组件Vue3.0快在哪儿？一.diff算法的优化**vue2：**数据发
2020-10-22 17:09:28
196
原创 VUE编写的H5页面在app微信支付结果回调无法响应的问题！
在编写的H5页面在手机app中出现一个问题，运行微信支付之后会发一个结果回调通知给H5页面，往往我们在组件内部写好的方法是无法响应的。例如以下情况：————————————————————在组件内部的script标签内或者methods内是无法响应的。而把响应方法写在main.js中，注册在浏览器的window对象是可以响应的！window.onPayResult = function (code) { alert("按键code="+code); if (code == 0) {
2020-10-21 10:19:45
1280
原创 JavaScript 面试必考【闭包】
垃圾回收方法标记清除（mark and sweep） 这是 JavaScript 最常见的垃圾回收方式，当变量进入执行环境的时候，比如函数中声明一个变量，垃圾回收器将其标记为“进入环境”，当变量离开环境的时候（函数执行结束）将其标记为“离开环境”。垃圾回收器会在运行的时候给存储在内存中的所有变量加上标记，然后去掉环境中的变量以及被环境中变量所引用的变量（闭包），在这些完成之后仍存在标记的就是要删除的变量了引用计数(reference counting)在低版本 IE 中经常会出现内存泄露，
2020-07-02 15:06:39
120
原创 HTML中最常用的标签！
【块级元素】<div>：通用容器、用于页面设计、布局<ul>:无序列表<ol>:有序列表<li>:列表项<header>：用于页面头部或者某区域头部<nav>：表示导航栏<aside>：表示跟主题相关的附加信息（例如：百度搜索右边相关推荐）<artale>：表示文章或其他独立页面存在的...
2020-03-01 14:56:07
243
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人