- 博客(51)
- 收藏
- 关注
RSS订阅原创 Flutter 通过 VS code 连接 Android 模拟器（Windows）
最近需要学习 Flutter 进行混合开发，配置信息比较容易忘记，在这里记录一下。
2023-04-20 15:21:02
3562
原创 订 阅 模 式
class Subscription { #eventList = new Map(); #offLineList = new Map(); on(eventName, eventCallback, once = false) { const list = this.#eventList.get(eventName) || []; list.push({ eventCallback, once }); this.#eventList.set(eventName, li.
2021-09-01 16:03:38
174
原创 JS的继承（ES5）
function Person() { this.name = "Person name"; this.arr = [1, 2, 3];}Person.prototype.getFunName = function () { return "Person";};// 类式继承(function () { console.log("--------类式继承--------"); function Son() {} Son.prototype = new Person.
2021-08-10 15:30:00
169
原创 阿里笔试题
阿里笔试题笔试题及答案（答案是我自己写的）笔试题及答案（答案是我自己写的）/** * 找出数组中第k大和第m大的数字相加之和 * 说明：实现一个方法，找出数组中第k大的和第m大的数字相加之和 * 示例： * let arr = [1,2,4,4,3,5], k = 2, m = 4 * findTopSum(arr, k, m); // 第2大的数是4，出现2次，第4大的是2，出现1次，所以结果为10 */function findTopSum(arr, k, m) { /**
2021-02-25 10:43:47
1148
2
原创 vs code vue 开启调试模式
官网案例vue-cli官网有相关的教程，我在这里发现了一个注意事项，只有在chrome在当前文件的时候，设置的断点才会激活
2020-08-03 19:31:52
797
原创 根据数组中Object的title进行排序、A - Z方向
Array.prototype.sort()方法：可以对数组进行重排，接受一个函数https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/sortlet ret = [ { title: "x" }, { ti...
2020-02-15 12:59:49
285
原创 ES6 Reflect
概述Reflect对象的设计目的：将Object对象的一些明显属于语言内部的方法（比如Object.defineProperty），放到Reflect对象上。 修改某些Object方法的返回结果，让其变得更合理。// 老写法try { Object.defineProperty(target, property, attributes); // success} catc...
2020-02-01 18:10:50
157
原创 ES6 Proxy
概述proxy是在目对象前架设一个“拦截”层，外界对该对象的访问都必须先通过这层拦截，因此提供了一种机制可以对外界的访问进行过滤和改写。var obj = new Proxy({}, { get: function (target, propKey, receiver) { console.log(`getting ${propKey}!`); return Refl...
2020-02-01 16:43:44
209
原创 ES6 Set 和 Map
Set基本用法set类似于数组，但成员是唯一的。Set本身是一个构造函数，用来生成Set数据结构。const a = new Set();[1,2,3,3,4,1,2,3,2,2,1].forEach(b => a.add(b));for(let i of a) { console.log(i)}// 1 2 3 4Set函数可以接受一个数组（或者其他ite...
2020-01-28 21:20:28
152
原创 ES6 Symbol
概述symbol是一种新的原始类型，表示独一无二的值。是JavaScript中第七种数据类型。symbol值通过symbol函数生成。对象的属性名可以有两种类型：字符串 symbol类型let s = Symbol();typeof s // 'symbol'Symbol函数前不能使用new命令，因为生成的symbol是原始类型的值，不是对象。由于symbol不是对象，所有...
2020-01-28 15:59:12
244
原创 MySQL Mac安装指南
首先去mysql官网，下载DMG格式的。https://dev.mysql.com/downloads/mysql/下载之后，安装配置环境变量：打开系统偏好设置➡️mysql➡️start server打开终端，输入cd ~touch .bash_profileopen -e .bash_profile会自动打开一个文件，粘贴上以下代码export PATH=$...
2020-01-25 15:05:47
153
原创 MySQL8.0 Windows的安装
网址：MySQL下载之后解压缩，放到喜欢的文件夹里。配置环境变量：之后使用管理员权限打开cmd，启动服务mysqld -installnet start mysql如果出现无法启动，并且没有报错的情况，就运行mysqld - initializemysqld --initialize-insecure创建data文件夹之后再：net ...
2020-01-17 14:17:49
188
原创 ES6 对象的扩展
属性的简洁表示法ES6 允许直接写入变量和函数作为对象的属性和方法。var foo = 'bar'var baz = {foo}baz // {foo: 'bar'}// 等同于var baz = {foo: foo}ES6 允许在对象中只写属性名，不写属性值。属性值等于属性名所代表的变量。function f(x, y) { return {x, y}}...
2019-12-21 21:11:18
199
原创 ES6 数组的扩展
扩展运算符console.log(...[1, 2, 3]);1 2 3如同rest参数的逆运算应用合并数组let arr1 = ['a', 'd']let arr2 = ['b', 'e']let arr3 = ['c', 'f'][...arr1, ...arr2, ...arr3]与解构赋值结合[a, ...rest] = listconst [...
2019-12-21 16:49:05
165
原创 chrome黑屏，卡死的解决方案
最近写了一个视频的页面，因为页面渲染了16个video标签，时常会黑屏，卡死。经过分析，原因是chrome开启了GPU加速（使用硬件加速模式（如果可用）），导致的。只需要在设置、高级中关闭，就没有出现过这样的问题了。electron中关闭硬件加速的方法在这里：electron...
2019-12-21 16:24:22
3225
原创 ES6 函数的扩展
函数参数的默认值function foo(x = 5) { let x = 1 // error const x = 2 // error}函数变量是默认声明的，在函数体内不能使用let或const再次声明，否则或报错。解构与默认值结合使用function foo ({x, y = 5}) { console.log(x, y)}foo({});...
2019-12-01 18:25:54
147
原创 ES6 数值的扩展
数值的扩展ES6提供了二进制和八进制数值的新写法，分别用前缀0b(0B) 和0c(oC) 表示。用前缀0b(0B) 和0c(oC) 的字符串转十进制数值需使用Number方法。Number.isFinite方法用来检查数值是否是有限的 Number.isNaN方法用来检测是否为NaNES6将parseInt方法和parseFloat方法移植到了Number对象上Number.p...
2019-11-27 23:19:44
148
原创 ES6 字符串的扩展
ES6加强了对unicode的支持，并且扩展了字符串对象。传统上，ES5只有indexOf方法可以用来确定一个字符串是否包含在另一个字符串中。ES6新增三种方法：（三种方法接收第二个参数，表示开始搜索位置）includes方法，返回布尔值，表示是否找到参数字符串 startsWith方法，返回布尔值，表示是否在源字符串的头部找到参数字符串 endsWith方法，返回布尔值，表示是否...
2019-11-23 16:00:02
150
原创 ES6 变量的解构赋值
数组的解构赋值基本用法：ES6允许按照一定的模式从数组和对象中提取值，然后对变量进行赋值，这被称之为解构。let [a, b, c] = [1, 2, 3];这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。let [foo, [[bar], baz]] = [1, [[2], [3]];let [ , , third] = ['foo', ...
2019-11-23 15:27:25
252
原创 计算浏览器div、鼠标位置
鼠标事件https://developer.mozilla.org/zh-CN/docs/Web/API/MouseEventElementhttps://developer.mozilla.org/zh-CN/docs/Web/API/ElementHTMLElementhttps://developer.mozilla.org/zh-CN/docs/Web/API/HTML...
2019-11-21 11:40:33
179
原创 ES6 let和const
let 命令let声明的变量仅在声明的代码块内有效for循环，循环体内部是一个单独的作用域：for(let i = 0; i < 3; i++ ) { let i = 'abc'; console.log(i)}// abc// abc// abc不存在变量提升var声明之前调用显示undefined，let声明之前调用会报错暂时性死区...
2019-11-20 23:41:54
141
原创 使用electron打包前端代码安装包
项目的构建这里就不讲了，我的项目是使用vuecli创建的，node.js也是需要的一、npm安装npm install electron -gnpm install -g electron-prebuiltnpm install -g electron-packagerpackage.json{ "name": "wisdom", "version"...
2019-10-30 19:23:35
736
原创 客户端信息
Screen对象https://www.runoob.com/jsref/obj-screen.htmlhttps://developer.mozilla.org/zh-CN/docs/Web/API/Screen
2019-10-29 13:41:40
307
原创 vuecli中使用express和mockjs模拟数据
首先npm安装express和mockjsnpm i expressnpm imockjshttp://mockjs.com/https://expressjs.com/en/5x/api.html之后在package.json内添加启动方式"scripts": { "api": "node app.js", "serve": "vue-cli-s...
2019-10-22 17:40:58
515
2
原创 使用vs code对vue进行断点调试
首先在vs code中安装Debugger for Chrome 之后配置launch.json{ "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "vuejs: chrome", "url":...
2019-10-17 19:24:34
1296
原创 正则表达式
正则表达式的定义RegExp()构造函数let temp = new RegExp("s$")直接量语法let temp = /s$/直接量字符正则表达式通过字母和数字的字面含义进行匹配，特殊的匹配项（需使用\转义）字符 匹配 字母和数字 自身 \o NUL字符 \t 制表符 \n 换行符 \v 垂直制表符...
2019-10-06 23:18:33
172
原创 axios相应拦截器弹窗的实现
在axios中同一封装，将请求之后code不等于0的数据进行弹窗显示在封装axios的时候，通过require导入elementUI，之后调用message方法。import axios from 'axios'var ui = require('element-ui')// 生产环境axios.defaults.baseURL = "http://XXXXXXXX"//...
2019-10-05 16:38:06
2651
原创 vue-cli自定义路径、router重定向、JS和CSS导入的差异
vue-router的重定向 { path: '/', redirect: '/recommend' },redirect之后放字符串的path即可自定义路径在文件引入的时候使用../../的方法很是麻烦，这里介绍一个使用自定义路径引入文件的方法：在vue.config.vue中定义module.exports = { conf...
2019-10-02 18:23:47
340
原创 axios实现本地缓存
import axios from 'axios'// 线上数据库// axios.defaults.baseURL = "XXXXXXXXXXXXX"// 测试数据库axios.defaults.baseURL = "http://192.168.1.25:8080"axios.defaults.timeout = 2500;// 添加请求拦截器axios.interce...
2019-09-26 22:48:35
2472
原创 DOM包含判断，CSS滤镜，date对象转字符串
将date对象转为字符串var time = new Date()var timed = time.toLocaleDateString()// 2019/9/19timed.split('/).join('-')//2019-9-19判断DOM中是否存在DOMDOM_A.contains(DOM_B)之后返回布尔值滤镜效果CSS3中的filter属性，可实现高...
2019-09-20 00:16:05
123
原创 vue自定义指令
自定义指令和组件的使用方式很像，分为局部和全局注册。// 全局注册vue.directive('注册的指令名‘，{ // 指令选项)}// 局部注册// 在vue内directive: { 指令名称: { // 指令选项 }}自定义指令选项由几个钩子组成：bind：只调用一次，指令第一次绑定在元素时调用，用这个钩子可以定义一个在绑...
2019-09-19 23:54:00
117
原创 关于P元素不换行的问题
今天显示上传文件名的时候，发现文件名居然不会折行。后来发现应该是英文或者数值的时候，超出长度不会换行。只需要在CSS内添加word-wrap:break-word强制换行即可。在这里放一篇文章https://www.cnblogs.com/AliceX-J/p/4903913.html...
2019-09-10 16:17:31
902
原创 input文件格式识别和v-for图片路径不识别的问题（三）
这篇文章讲讲如何通过文件名来区分为上传的文件显示不同图片的方法：第一步，根据上传文件的后缀名来判断文件格式e.target.files[0].name.slice(e.target.files[0].name.lastIndexOf('.') + 1)spring.lastIndexOf('.')方法返回该字符串最后一次出现在字符中的位置；spring.slice()方法字符串返...
2019-09-10 14:24:03
258
原创 input多文件上传和显示图片（二）
上文讲到点击input触发change事件，之后在函数中创建formdata对象，for循环将files对象append到formdata对象的file属性中。let file = e.target.files// 这里拿到上传的文件this.file = new FormData()for(i=0;i<file.length;i++) { this.file.appen...
2019-09-10 11:47:56
304
原创 input type=“file”上传文件（一）
使用input标签，type=‘file’的时候就可以上传文件，为input标签添加change事件，调用函数。<input type="file" @change="uploading">之后再函数里创建formdata对象，将文件append到对象中去uploading(e) { let file = e.target.file[0]; this.b...
2019-09-09 17:22:16
1659
原创 关于vue-cli文件引入路径
使用vuecli完成项目的时候，经常会引入各种文件。而每次引入的时候使用相对路径的话，是非常麻烦的。如果使用vue-cli的话，可以用~@来代表src文件，之后通过绝对路径来引用文件。vue-cli默认配置alias，将@配置为src文件，可以在\node_modules\@vue\cli-service\lib\config\base.js这个文件里看到源码.alias ...
2019-09-03 18:39:11
1202
1
原创 滚动条的隐藏和滚动的实现
滚动条的隐藏body::-webkit-scrollbar { display: none;}将类名换成有滚动条的元素即可，在这里安利一篇文章，讲的蛮详细的。https://juejin.im/post/5a6046dbf265da3e253c3534滚动的实现首先需要两个div嵌套，外层div固定宽度并且设置overflowoverflow:scroll;...
2019-08-27 17:50:21
449
原创 Vue v-for渲染问题
在使用v-for的时候，如果渲染的数据是后端传过来的，不会有问题。但是如果拿到数据后再进行增删改查，v-for渲染的时候就会出现不渲染之类的问题。Ps：我遇到的问题是刷新页面之后不显示数据，但是随便找一个onclick的div点击一下，数据就出来了，纠结了很久，今天终于解决了，发个博文以免以后忘记。这里粘一下Vue官网的解释：由于 JavaScript 的限制，Vue不能检测以下...
2019-08-26 18:04:45
512
原创 input type="number" ，树形控件手风琴，el-table中selection状态的控制和行点击事件
input标签type为number时的样式问题只需要修改input的css即可实现箭头的隐藏input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;}input[type="number"]{ -moz-appearance: textfiel...
2019-08-26 13:36:38
1339
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人