记录
张张张张张张张张张张张张张张张张
爱学习的小学生
展开
-
TypeScript 类型体操:合并映射类型的处理结果为联合类型(记录)
【代码】TypeScript 类型体操:合并映射类型的处理结果为联合类型(记录)原创 2023-07-12 15:26:27 · 247 阅读 · 0 评论 -
VUE3记录
使用 setupsetup 选项应该是一个接受 props 和 context 的函数。此外,我们从 setup 返回的所有内容都将暴露给组件的其余部分 (计算属性、方法、生命周期钩子等等) 以及组件的模板。setup 选项应该为一个函数setup 选项函数接受两个参数: props 和 contextsetup 选项函数需要返回要暴露给组件的内容props:(props 是响应式的,你不能使用 ES6 解构 如果不用toRefs将失去响应式 即子组件不能更新数据)import {...原创 2022-02-18 16:09:42 · 257 阅读 · 0 评论 -
数组对象常用操作
function Group(arr = [], key) { return key ? arr.reduce((t, v) => (!t[v[key]] && (t[v[key]] = []), t[v[key]].push(v), t), {}) : {};}const arr = [ { area: "GZ", name: "YZW", age: 27 }, { area: "GZ", name: "TYJ", age: 25 }, { ar.原创 2021-06-28 11:55:06 · 328 阅读 · 0 评论 -
Grid随记
demo01<div class="wrapper"> <div class="one item">One</div> <div class="two item">Two</div> <div class="three item">Three</div> <div class="four item">Four</div> <div class="five i...原创 2021-06-21 11:40:15 · 95 阅读 · 0 评论 -
cannvs验证码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-14 16:49:47 · 197 阅读 · 0 评论 -
PC端和移动端canvas签名画板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-10 09:46:06 · 680 阅读 · 0 评论 -
js懒加载
懒加载条件(img 出现在窗口位置)img.offsetTop < window.innerHeight + document.body.scrollTop;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Tit...原创 2019-06-15 14:23:11 · 187 阅读 · 0 评论 -
css三角形, css制作select 记录
css三角形.drop-icon{position:absolute;width:0;height:0;border-right:4px solidtransparent;border-left:4px solidtransparent;border-top:5px solid#C8C8C8;}空心三角.css{content:...原创 2019-05-08 08:58:03 · 185 阅读 · 0 评论 -
uni-app 记录
uni-app动态改变class style(视图更新this.$set) :style="{background:arr[index]}"if(this.chooseIndex.indexOf(e.currentTarget.dataset.serviceid) >= 0){//重点this.$set(this.arr,e.currentTarget.dataset.serv...原创 2019-07-09 17:11:32 · 210 阅读 · 0 评论 -
localStorage定时清除
localStorage除非人为手动清除,否则会一直存放在浏览器中,但是很多情况下我们可能需要localStorage有一个过期时间,比如我们将用户身份认证 token 保存在客户端,1周之内有效,超过一周则要重新登录,那么这种需求该怎么实现呢要知道,localStorage本身并没有提供过期机制,既然如此,那就只能我们自己来实现了,我们可以直接给其原型上加上这样一个方法Storage.p...原创 2019-07-05 16:14:02 · 7179 阅读 · 3 评论 -
router 权限控制
json路由表{"success":true,"msg":"获取成功","response":{"id":0,"pid":0,"order":0,"name":"根节点","IsHide":false,"path":"","iconCls":"","meta":{"title":null,"requireAuth":true,"NoTabPage":false},"children":[{...原创 2019-08-13 09:51:46 · 579 阅读 · 0 评论 -
canvas
cannvs实例 验证码生成https://blog.csdn.net/qq_33144001/article/details/91985670//html<canvas id="canvas" width="250" height="250"></canvas>//jsfunction draw() { var canvas = document.g...原创 2019-06-14 16:51:41 · 199 阅读 · 0 评论 -
JS操作数组对象
数组array.some(function(item,index,array){ return item>1; })只要有一个满足的就返回true,没有满足的返回falseevery:验证数组中是否每个元素都满足指定的条件验证全部的结果,当全部的值都为 true 时,则最终会得到 true;只要其中之一为 false...原创 2019-05-15 13:39:55 · 2447 阅读 · 0 评论 -
css记录
css记录浏览器前缀:-ms- /* IE 9 */-webkit- /* Safari and Chrome */-o- /* Opera */-moz- /* Firefox */css动态设置变量值(IE兼容不佳):/* 回退值 */:root { --main-bg-color: pink;}body { background-color...原创 2019-05-20 10:12:35 · 123 阅读 · 0 评论 -
js数组对象拷贝
数组拷贝var arr = [{old: 'old'}, ['old']];var new_arr = arr.concat();arr[0].old = 'new';new_arr[1][0] = 'new';console.log(arr); // [{old: 'new'}, ['new']]console.log(new_arr); // [{old: 'new'}, ['n...原创 2019-05-16 13:59:48 · 2949 阅读 · 1 评论 -
flex布局
<div class="box"> <span class="item"></span></div>css.box { display: flex; justify-content: center; // mian 轴 x align-items: center; //cross 轴 y}.box...原创 2019-05-22 14:31:22 · 204 阅读 · 0 评论 -
微信小程序记录
基础语言其中 WXML 模板和 WXSS 样式工作在渲染层,JS 脚本工作在逻辑层。数据绑定<view>{{ message }}</view><view id="item-{{id}}"></view><view wx:if="{{condition}}"></view><checkbox chec...原创 2019-05-20 10:12:52 · 410 阅读 · 0 评论 -
微信小程序记录 - api
wx.canIUse(string schema) 当前版本是否可用 返回值 boolean wx.switchTab({ url: '/index'}) 跳转到 tabBar 页面,并关...原创 2019-05-20 10:13:29 · 684 阅读 · 0 评论 -
vue/cli3配置
element-uivue-antdvue-axiosimport axios from "axios";Vue.prototype.$axios = axios;// vue.config.js 配置说明//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptionsm...原创 2019-05-18 10:56:45 · 187 阅读 · 0 评论 -
vue项目记录
vue --version 2.9.6 params: { time: Math.round(new Date().getTime() / 1000), sign: this.sign({ time: Math.round(new Date().getTime() / 1000), token: '' ...原创 2019-05-30 16:32:02 · 186 阅读 · 0 评论 -
js操作以及es6小结
选择器以及操作类名:document.getElementById("Id").classList.add("mystyle");document.getElementById("Id").classList.remove("mystyle");document.getElementById("Id").classList.contains("mystyle");document....原创 2019-05-23 16:02:10 · 350 阅读 · 0 评论 -
vue手机号验证和60s倒计时
<div> <p class="fl"> <input name="phone" type="number" placeholder="手机号" v-model="phone"/> <button type="button" :disabled="disabled" @click="sendcode" class...原创 2019-06-01 09:43:26 · 342 阅读 · 0 评论 -
less && scss
less变量(Variables)@width: 10px;#header { width: @width; }混合(Mixins).bordered { border-top: dotted 1px black; border-bottom: solid 2px black; }#menu a { color: #111; .bordered(); }嵌套(Nesti...原创 2019-05-14 16:58:16 · 238 阅读 · 0 评论