- 博客(93)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 chrome浏览器查看css样式
收益：引入新的插件会增加项目的依赖关系，如果你的项目非常小，或者你的 CSS 代码量本身就不大，那么使用 purgecss-webpack-plugin 带来的收益可能相对较小。如果你的项目中使用了动态生成的 CSS（例如，通过 JavaScript 动态添加样式），purgecss-webpack-plugin 可能无法正确识别这些未使用的样式。除了页面上加载的所有脚本的URL（此处未显示，但通常会显示在最左侧）之外，我们还得到脚本的类型，文件的总大小和未使用的字节数。
2024-04-18 16:49:17
892
原创 windows转mac的过程
1.F12在哪里点击左下角有个fn键，tauchar就会显示F12等键了。2.截屏全屏：command+shift+3部分：command+shift+43.终端打开VS code先打开vscode，command+shift+p输入code，选择Shell Command:Install ‘code’ command in PATH，重新打开终端，输入code即可4.鼠标右键功能进入系统偏好设置-触控板，两手点按即可出右键功能选项5.修改系统Hosts文件前往文件夹/etc/hos
2022-03-30 16:52:04
1862
1
原创 js获取最近一个月日期范围
日期方法：toLocaleDateString() 显示年月日new Date().toLocaleDateString() // '2021/11/21'setDate()setDate(0) // 上个月的最后一天setDate(1) // 从当月的1号开始getTime() 返回毫秒数new Date(start).getTime() + 24 * 60 * 60 * 1000 - 1Date.now() 返回当前时间毫秒数Date.now()； // 1
2021-11-21 18:44:22
2191
原创 chrome插件--抢票demo版
1.manifest.json{ "manifest_version": 2, "name": "demo", "version": "1.0.0", "description": "我要iphone13", "icons": { "16": "img/icon.png", "48": "img/icon.png", "128": "img/icon.png" }, "background": { "scripts": ["lib/jquery-3.2.1
2021-08-24 22:37:05
2446
转载 v-model绑定data不存在的属性导致异常
v-model双向绑定的原理需要注意，不要直接在JS中操作一个Vue data对象中不存在的属性，如果同时有通过v-model绑定到该对象的不存在的属性时，会出现诡异的行为表现，console中不会报出任何 warn 或 error。场景：复选框勾选<div id="app" style="margin: 10px;"> <van-checkbox v-for="box in checkboxes" :key="box.id" v-model="box.selected">
2021-05-23 16:05:57
2837
原创 前端每日一题Page1
1.使用typeof bar === 'object’来确定bar是否是一个对象时有什么潜在的缺陷，如何避免？以下几种情况使用typeof返回值会是object可以通过使用Object.prototype.toString.call来判断基本类型2.以下代码会输出什么结果(function() { var a = b = 3;})()console.log('a defined?' + (typeof a !== 'undefined'));console.log('b defined?
2020-12-13 18:10:11
380
原创 以给定的数组顺序给一个对象数组排序
var data = [ { "id":"1", "name": "AAA" }, { "id":"2", "name": "BBB" }, { "id":"3", "name": "CCC" },]var arr = ['2','3','1']; // 顺序规则data.sort((prev, next) => { return arr.indexOf(prev.id)
2020-11-28 11:01:26
307
原创 ElementUI使用过程中碰到的相关问题
Element是饿了么前端开源维护的Vue UI组件库,组件齐全，基本涵盖后台所需的所有组件，文档讲解详细，例子也很丰富。 主要用于开发PC端的页面，是一个质量比较高的Vue UI组件库。官网地址:http://element-cn.eleme.io/#/zh-CNGithub: https://github.com/ElementUI/element-starter以下是个人在使用过程中遇到的一些问题和解决1.el-table-column 动态改变单元格样式功能：根据数据里的值，状态值为正常显
2020-09-26 18:06:41
699
转载 export 和 export default 的区别
exportexport命令用于规定模块的对外接口。一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。下面是一个 JS 文件，里面使用export命令输出变量。// profile.jsexport var firstName = 'Michael';export var lastName = 'Jackson';export var year = 1958;上面代码是profile.js文件，保
2020-08-16 16:48:21
188
转载 vue子组件$emit传出参数后，父组件如何接受参数的同时添加自定义参数
有些情况下，我们在子组件使用$emit传出参数后，如果父组件在接收的时候添加了自定义参数，就无法再接收到子组件传出的参数了。有什么办法可以解决这个问题，既能拿到子组件传过来的参数，又能在父组件自定义调用函数时传入的参数？1.子组件只传一个参数时：//父组件<Item @handle="handle($event,parentParam)"/>//子组件this.$emit("handle",childParam);其中parentParam是用户在父组件自定义的参数,childP
2020-07-11 19:52:00
3507
转载 js正则匹配字符串中某段内容
1.如何使用正则var expression = / pattern /flags;其中模式（pattern）部分可以是任何简单或复杂的正则表达式，每个正则表达式都带有一个或多个标签（flags）用以标明正则表达式的行为2.匹配字符串中的某段内容我们要匹配的文字var strMatch = `-rw-r--r--. 1 root root 114769 Apr 26 15:39 CN_CM_SHANGHAI_24709063_M.mtl -rw-r--r--.
2020-06-14 17:43:00
11249
原创 《基于YOLOv3的口罩识别》答辩记录
写在前面这是某个渣渣本科生的答辩记录，借鉴陈同学的，有需要的同学自取~，先给大家一些文件吧源码(带数据集)：https://pan.baidu.com/s/1zzo_tNBvnAsQBqU1LCARhg提取码：p9nyppt：https://pan.baidu.com/s/169lSpuN-YipiOwXr5I3wOw提取码：urhw1.自我介绍简要介绍姓名，指导老师，论文题目，然后这张ppt就直接过了，我看有些人还讲了感谢各位老师百忙之中balabala讲了一大串，看你答辩顺序吧，越到后面，
2020-06-02 23:11:02
16644
14
原创 python系列
1.安装完python后没有pip或者pip3.exe请到你安装的python路径下使用命令python -m ensurepip然后scripts文件夹下就有了2.安装模块安装cv2pip install opencv-python安装torch...
2020-01-31 20:58:34
518
转载 同步、异步、回调执行顺序
先思考一下代码输出什么let a = new Promise( function(resolve, reject) { console.log(1) setTimeout(() => console.log(2), 0) console.log(3) console.log(4) resolve(true) })a.then(v =>...
2020-01-21 17:54:07
737
原创 拼多多正式批前端研发工程师笔试题（2019/11/10）
1.对Symbol的理解（https://www.imooc.com/article/20574）Symbol函数前不能使用new命令，否则会报错。这是因为生成的 Symbol 是一个原始类型的值，不是对象。也就是说，由于 Symbol 值不是对象，所以不能添加属性。基本上，它是一种类似于字符串的数据类型。每个Symbol实例都是唯一的。因此，当你比较两个Symbol实例的时候，将总会...
2020-01-21 16:14:19
2393
2
原创 原生js实现简易版消消乐
效果图整体思路html结构<div id="pop_star"> <div id="targetScore">目标分数：1500</div> <div id="nowScore">当前分数：0</div> <div id="selectScore">0块0分</div></...
2020-01-09 23:17:33
3735
8
转载 前端缓存
缓存的重要性：因为一个网站打开网页的速度直接关系到用户体验，用户粘度，而提高网页的打开速度有很多方面需要优化，其中比较重要的一点就是利用好缓存，缓存文件可以重复利用，还可以减少带宽，降低网络负荷。Http缓存浏览器每次发起请求，都会先在浏览器缓存中查找该请求的结果以及缓存标识浏览器每次拿到返回的请求结果都会将该结果和缓存标识存入浏览器缓存中Http缓存包括强缓存和协商缓存...
2019-10-29 13:26:47
337
转载 js 数组详细操作方法及解析合集
参考：https://juejin.im/post/5b0903b26fb9a07a9d70c7e0#heading-1
2019-10-26 22:52:14
239
转载 关于JSONP
1.什么是JSONPJsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。JSONP并不是一种正式传输协议，允许用户传递一个callback参数给服务端，然后服务端返回数据时会将这个callback参数作为函数名来包裹住JSON数据，这样客户端就可以随意定制自己的函数来自动处理返回数据了。2.JSONP和AJ...
2019-09-08 15:17:22
246
原创 Table根据接口返回生成动态表格
vue table这是在知道表格需要展示的内容时的代码，需要在columns中定义表格列的配置描述但如果我们不知道表格列的配置描述，只能等接口返回的时候才知道，这时候就需要动态生成这是接口返回数据，data数据格式如下des这是主要代码obj.title=iobj.dataIndex=iobj.key=icolumn......
2019-07-28 16:18:16
3394
1
原创 knex
文档中文文档 https://www.songxingguo.com/2018/06/30/knex.js-query/英文文档 https://knexjs.org/knex.jsKnex的主要目标环境是Node.js，需要安装该knex库，然后安装适当的数据库库：pg适用于PostgreSQL和Amazon Redshift，mysql适用于MySQL或MariaDB，sqlit...
2019-07-21 13:00:32
1572
转载 卸载mysql
1.停止mysql服务。“运行”——>“cmd”——>输入“net stop mysql;”如果输出net stop mysql还是无效，可能是因为你的mysql的名字输入的不对。因为在你安装的时候很可能已经更改过这个名字，只是你没有注意，如下方式查看：此处可直接停止服务2.卸载面板中的数据库3、卸载过后，删除文件夹中的mysql，如删除C:\Program Files...
2019-07-20 12:25:51
214
原创 JS中的数组过滤，从简单筛选到多条件筛选
有一个需求是在前端部分完成筛选功能，一次拿到所有数据，然后根据条件筛选。通常情况下筛选是后台给接口，在数据量不大的情况下，也有人可能会遇到前端筛选这样的情况。一般情况下的单条件筛选，数组的filter方法就能够满足需求，本文讨论的重点是多条件下的复合筛选，并列出了几个相关知识点。// 这个是例子中的被筛选数组var aim = [ {name:'Anne', age: 23, gen...
2019-07-07 21:48:55
47334
6
原创 cmd运行java文件
1.进到java文件所在目录假设我们的A.java文件在F:\数据结构\课程设计\45目录下打开cmd进到F盘然后输入“cd\数据结构\课程设计\45”，进入文件存放路径。成功之后会看到命令行前缀是带有路径的。2.编译java文件成功进入之后，输入“javac A.java”，此时cmd界面没有什么反应，但是在目录下会自动生成一个A.class的class文件，说明编译成功了。然...
2019-06-07 20:16:01
11410
原创 归并排序
归并实现原理-拆分比如数组 [1, 5, 6, 2, 4, 3]，归并排序的第一步，将数组一分为二： [1, 5, 6], [2, 4, 3]，接着将分成的数组继续一分为二，直到长度为一，我们构成如下二叉树（成树 从上往下）归并实现原理-归并当递归到了尽头，我们向上回溯，对于两个有序的数组，我们将它们合并成一个有序数组，从而完成整个归并排序（归并 从下往上）// 拆分function...
2019-05-31 22:27:30
185
原创 实现classList
实现classList前，先补充点知识数组是特殊的对象，如何特殊？1.对象属性是数字（索引）2.有length属性什么是类数组对象？1.具备数组的特征2.写法上跟数组一样，但不是数组，原型是Object。类数组调用数组方法的方式var o = {0: 'a', 1: 'b', 2: 'c', length: 3}[].push.call(o, 'd')对classLi...
2019-05-29 20:00:30
1271
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人