js
关注
分享
扫一扫
文章平均质量分 53
一朵盆栽
「朝菌不知晦朔，蟪蛄不知春秋」
展开
-
记录Vuex学习
const state = () => ({ currentBox: 3,})//state保存了组件的数据//模板中{{$store.state.msg}}//函数中this.$store.state.msg//想要好看，则//computed: {// msg () {// return this.$store.state.msg // 其他地方就可以直接使用msg// }//}const getters = { currentBox: (state) =>原创 2021-08-02 09:34:18 · 318 阅读 · 0 评论 -
纯js/css/html问题
select下拉默认设置jq选择器.val([‘数组值’]).trigger(‘change’)jquery实时监听输入框值变化事件onpropertychange： IE下，当一个HTML元素的属性改变的时候，都能通过 onpropertychange来即时捕获。onchange在属性值改变时还必须使得当前元素失去焦点(onblur)才可以激活该事件。 在用js脚本改动该元素值时候亦能触发onpropertychange事件。oninput： 是onpropertychange的非IE浏览器版本，原创 2021-05-19 22:05:55 · 393 阅读 · 1 评论 -
ES6解构赋值
解构赋值转载 2022-09-07 17:01:30 · 106 阅读 · 0 评论 -
Map对象应用(数组对象去重)
Map对象应用(数组对象去重)原创 2022-08-31 21:46:47 · 1185 阅读 · 0 评论 -
@hook扩展分析
hook监听实践应用原创 2022-08-30 23:10:58 · 1148 阅读 · 0 评论 -
文件格式互转
图片格式互转原创 2022-08-16 15:23:13 · 107 阅读 · 0 评论 -
uView折叠面板修改版
写了一个折叠面板，代码如下<template> <view> <u-collapse> <u-collapse-item name="guide" v-for="(item,i) in collapseList" :key="i"> <text slot="value" class="u-page__item__title__slot-title clickAllBtn" @click.stop="clickAll(item)"&.原创 2022-05-27 15:13:14 · 1475 阅读 · 1 评论 -
合并el-table相同行为一列
<el-table :data="tableData" border :span-method="objectSpanMethod"> <el-table-column prop="province" label="省" width="auto" align="center"></el-table-column> <el-table-column prop="city" label="市" width="auto" align="center"><原创 2022-05-12 10:58:10 · 836 阅读 · 0 评论 -
Object 对象方法
Object.create()Object.create()方法用于创建新对象并将其链接到现有对象的原型。让我们创建一个job对象实例，并将其扩展到更具体的对象。// 用属性和方法初始化一个对象const job = { position: 'cashier', type: 'hourly', isAvailable: true, showDetails() { const accepting = this.isAvailable ? 'is acce转载 2022-05-09 11:13:48 · 182 阅读 · 0 评论 -
原生js实现Lodash方法（练笔，暂不考虑边界问题）
lodash无聊手写原创 2022-05-07 15:09:10 · 455 阅读 · 0 评论 -
数字翻牌器例子
<tr> <th class="width-10" style="border-top: none">录取比对结果</th> <td v-if="tempData.rqbd" :colspan="tempData.flag !== '0' ? 1 : 3" style="width: 29.7%; border-top: none"> {{ tempData.rqbd }} ..原创 2021-09-09 11:13:18 · 151 阅读 · 0 评论 -
一个下拉单选全部
<el-select v-model="selectDept" collapse-tags multiple @change="changeDept($event)"> <el-option label="全部" value="全部" /> <el-option v-for="(item, i) in deptLists" :key="i" :label="item.xymc" :value="item.xymc" /> &l..原创 2021-09-07 10:09:29 · 99 阅读 · 0 评论 -
lodash几个常用方法
_.cloneDeep(value)var objects = [{ 'a': 1 }, { 'b': 2 }]; var deep = _.cloneDeep(objects);console.log(deep[0] === objects[0]);// => false_.debounce按钮防抖_.omit(object, [props])去除var object = { 'a': 1, 'b': '2', 'c': 3 }; _.omit(object, ['a',原创 2021-09-02 16:57:25 · 957 阅读 · 0 评论 -
下载单图和文件
单图下载原理是以下这种写法可以下载<a href="/images/logo.png" download=""> <img border="0" src="/images/logo.png" alt="runoob.com" ></a>不行的话依旧是走跟zip下载一样的流程<span style="cursor: pointer; display: inline-block; margin-top: 10px" @click="downloadImg原创 2021-09-01 11:52:37 · 173 阅读 · 0 评论 -
微队列和宏队列
https://www.jianshu.com/p/d3ee32538b53原创 2021-07-08 00:14:49 · 642 阅读 · 0 评论 -
看到一个没见过的垂直水平居中
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-原创 2021-07-06 23:54:55 · 92 阅读 · 1 评论 -
注册页例子
provider.cshtml@{ ViewData["Title"] = "RegisterProvider"; ViewData["head"] = "registerProvider"; ViewData["foot"] = "no";}@section Head{ <link rel="stylesheet" href="/content/bootstrap/css/bootstrap.min.css"> <link rel="原创 2021-04-30 22:21:03 · 134 阅读 · 1 评论 -
终止js程序执行的方法
js终止程序执行的方法共有三种(一)在function里面（普通js方法）（1）return;（2）return false;(二)非function方法里面（如ajax方法）alert(“发生异常”);throw SyntaxError();alert(“不会输出”);(三)非function方法里面$(“body”).on(“tap”,".go-detail",function(e){e.preventDefault();e.stopPropagation();}转载 2021-04-26 21:16:35 · 8586 阅读 · 0 评论 -
自用Ajax笔记
应用：多少条评论 用户名已存在局部 异步刷新1、 域名ip和端口关系获得域名，先读取hosts文件，读取ip和域名映射关系的文件，如果没有映射关系就经过DNS域名解析服务器，查询对应的ip地址，返回地址给个人电脑，用这ip经过电信路由器询问路由表，找到QQ服务器的端口，端口区分比如聊天、网页、邮箱服务www.baidu.com:80网页服务2、 协议HTTP、HTTPS 超文本传输协议FTP文件传输协议SMTP简单邮件传输协议在HTTP协议中，需要大致了解的是:请求头、响应头、请求体、响原创 2021-03-25 16:13:51 · 142 阅读 · 1 评论 -
由一题++[[]][+[]]+[+[]]，引发关于隐式类型的思考
在网上查到一道相似的题目问：!+[]+[]为何结果为4？js是弱类型语言，隐式类型转换频繁js里隐式转换的规则为：如果其中有一个操作数为string，则将另一个操作数隐式的转换为string，然后进行字符串拼接得出结果。如果操作数为对象({})或者是数组([])这种复杂的数据类型，那么就将两个操作数都转换为字符串，进行拼接String([]) //[]进行字符串转换得到结果为""String({}) //{}进行字符串转换得到结果为"[object Object]"如果操作原创 2021-03-09 20:45:06 · 577 阅读 · 0 评论