- 博客(67)
- 收藏
- 关注
RSS订阅
原创 和跨域CORS有关的几个请求头和响应头以及预检请求
关于预检请求：我们经常看到请求里偶尔会带着一个OPTIONS请求，这并不是我们人工添加的，为什么会出现呢？ 原来在CORS跨域资源共享时，如果这次请求符合预检请求触发条件，就会被认为请求有一定风险，服务器它就不敢主动帮我们接受请求了，就需要由我们指定这次跨域请求哪些安全哪些不安全，所以会比普通cors请求多一步，需要提前通过OPTIONS方法的预检请求，和服务器确认我们的请求符合不符合条件：...
2019-12-12 17:46:01
4710
原创 【Javascript】面试题收集
1. 基本类型和引用类型的区别2. 那些操作会遍历原型上的属性？a. for...in...b. Object.getOwnPropertyNames()3. 哪些操作不会遍历原型链上的属性？a. Object.keys()b. hasOwnPrototype() 4. 内置对象和本地对象的区别5. {} + [] 等于多少6. ES5 和 ES6 分别几种方式声明变量7. new操作符具体干了什么呢?8. 闭包的概念？优缺点？使用场景？9. call，apply，b
2022-03-22 22:34:15
1433
原创 解决flex 配合 justify-content: space-between 自适应导致宽度间距过大的问题
解决方案：给flex容器后面添加和子元素同宽的伪元素 .image-container { display: flex; justify-content: space-between; flex-wrap: wrap; &::after { content: ""; width: 272px; } } }
2020-07-23 17:05:23
5143
原创 vue原理之Watcher：vue的watch和$watch的原理，以及其背后new Watcher的流程
两个参数：第一个参数两种可能：传入被观察对象表达式（字符串），比如'a,b,c' , '$route'如果表达式无法表示需要观察的内容，可以通过函数返回，比如:this.a + this.b第一个参数干什么用的？通过vue源码可得，new Watcher的流程：第一步：拿到第一个参数，如果是函数，直接拿到函数，如果不是函数，转换为函数（parsePath），这个作为getter，先不调用，只备用 // parse expression for getter if (typeo
2020-07-14 22:36:13
1293
转载 element中el-menu的动态变化问题
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-menu-item index="1">处理中心</el-menu-item> <el-submenu index="2"> <template slot="title">我的工作台</template> <el-
2020-07-01 16:55:26
5206
1
原创 Vue、element
表单第一步、打开对话框或者跳转路由，初始化必须清除验证 ????????????????第二步、自定义表单验证规则，必须调用callback() ???????????????????? sealInfoRules: { organization: [ { validator: (rule, value, callback) => { if ...
2020-02-24 00:59:40
216
原创 为什么操作DOM会影响性能？
其实DOM并不慢。添加和删除DOM节点仅需进行内存中 几次指针交换，只不过是在JS对象上设置属性而已。但是，布局缓慢。当你以任何方式操作DOM 时，你会在整个树上设置一个标记，以告诉浏览器它需要操作哪里。当JS将控制权交还给浏览器时，它会调用其布局算法（或更确切地说，会调用其CSS recalc算法，然后进行布局，然后重新绘制，然后重新合成）以重新绘制屏幕。...
2020-02-01 20:36:09
536
原创 Vue中v-mode.lazy修饰符理解以及onchange事件和oninput事件的区别
一. onchange事件和oninput事件的区别：oninput事件是在用户每次输入时触发onchange事件是在输入框失去焦点时候触发二. Vue中的lazy修饰符：官方原话： 在默认情况下，v-model 在每次 input事件触发后将输入框的值与数据进行同步 (除了上述输入法组合文字时...
2020-01-31 15:58:45
2180
原创 x-www-form-urlencoded到底是什么？
概述：x-www-form-urlencoded纸面翻译即所谓url格式的编码，是post的默认Content-Type一、位置：请求头內的Content-Type字段里，二、写法：Content-Type:application/x-www-form-urlencoded三、用处：get请求的请求体格式是什么？get请求是拼接在url后面请求的，一般如此username=to...
2019-12-11 23:14:30
36609
原创 浏览器缓存机制学习
确定缓存是否过期的几个阶段：铺垫：一、缓存存在哪里？大家可以按照路径打开：C:\Users\这里是你的用户名\AppData\Local\Google\Chrome\User Data\Default\Cache里面这些没有后缀的文件就是二进制缓存文件了，不是我认为的直接放图片文件视频文件：二、缓存文件都存了什么？这个直接打是打不开的，网上可以找到软件 ChromeCacheVie...
2019-11-13 18:47:53
148
原创 MongoDB 聚合操作 aggregate
MongoDB聚合 aggregate聚合操作就是把源数据集放到管道里加以处理得到统计后的结果db.collectionName.aggregate([{ 管道 :{ 表达式 }}])常用管道：$group：给集合的文档分组，可用于统计结果，相当于GROUP BY$match：过滤数据，只输出符合条件的文档，相当于HAVING$project：选出来原始文档中的某些字段$sort...
2019-11-09 23:54:35
614
原创 Mongodb 基本API操作
查询：db.collection.find({age:28})[2]：find返回的是数组，可以根据索引获取db.collection.findOne({age:28}).name：findOne返回的是对象，可以点语法获取值db.collection.find().count()：获取符合条件的文档数量限制获取文档数量上限：db.collection.find().skip(10),l...
2019-11-09 18:53:57
563
转载 微信小程序如何返回上一页并传参
itemClick: function(e) { let pages = getCurrentPages(); let prevPage = pages[pages.length - 2]; prevPage.setData({ message: e.currentTarget.dataset.ms...
2019-11-03 00:22:23
1169
1
原创 Electron出现 Cannot read property 'on' of undefined报错
出现问题：正确安装electron之后，复制了官方代码:const { app, BrowserWindow } = require('electron')console.log(electron)function createWindow () { // 创建浏览器窗口 let win = new BrowserWindow({ width: 800, h...
2019-09-30 18:00:04
8050
原创 为什么java的除法/会自动取整、不保留小数呢？
今天看视频教程，取一个数的十位数字，公式是i / 10 % 10最后结果就是十位所在数字，我按照同样的方法用js操作一遍360 / 10 % 10，发现结果并不是整数，这我就有点奇怪了，居然不一样，在网上找了一阵，果然发现：在java內，除法运算/的功能是有区别的：1、如果相除的两个数都是整数，那么结果也是整数，这叫做取整除法。比如，3/2,结果是1。2、如果其中有一个是浮点数，那么就是...
2019-08-26 22:28:14
7040
1
原创 工作总结
1、如何查找表格：URL:/getReportTable/report_dws_wdtb_citygrid_od_msk_d.do?typechart=1&fieldNameEN=requestType1,requestType2,dts&fieldVal=1,dws_wdtb_citygrid_od_msk_d,20190320-20190320针对于当前接口：repor...
2019-08-23 18:47:01
116
转载 webpack4之splitChunks和runtimeChunk
为什么要用splitChunkswebpack4之前使用CommonsChunkPlugin提取公共代码，但是CommonsChunkPlugin存在以下三个问题：1:产出的chunk在引入的时候，会包含重复的代码；2: 无法优化异步chunk；3:高优的chunk产出需要的minchunks配置比较复杂。为了解决这些问题，webpack4中用splitchunks替代了CommonsC...
2019-08-09 15:43:40
4974
原创 npm包@babel/core、@babel/preset-env中的@是什么意思
看下官方文档：这个@babel是私有包的表示方法（私有又分公开私有和私密私有，私密私有是要收费的）翻译过来就是 @后面接的是个scope 一个作用区域，也可以是说这个包的归属者，防止包名称被提前占用，比如防止以前 babel-core 这个包名可能被人提前占用了，而babel官方还想使用那就可以把包放在自己的作用区域下，@组织名（babel）/属于该组织的包名（core）...
2019-08-04 23:23:34
2695
原创 babel从入门到进阶只需搞定这几个包
安装babel：babel目前需要安装 @bable/core 和 @babel/preset-env ，在webpack上还需要安装babel-laoder@bable/core ：这个比较好理解，就是babel的核心文件@babel/preset-env:babel预置器，这个预置器大概有一下几种版本：es2015es2016es2017 env //包括上...
2019-08-04 22:59:15
566
转载 20个js方法原理的实现
1. 实现一个call函数// 思路：将要改变this指向的方法挂到目标this上执行并返回Function.prototype.mycall = function (context) {if (typeof this !== ‘function’) {throw new TypeError(‘not funciton’)}context = context || windowcon...
2019-07-30 14:19:35
163
原创 站在新手角度解除webpack的入门解惑教程
我自己在早期对于webpack知识的稀里糊涂的使用里遇到的困惑，我希望能系统化梳理出来，尽最大可能帮助大家解除疑惑。Pre、几个预备知识：1、webpack使用的是cjs（CommonJs）也就是module.exports输出require()引入；2、npx是辅助npm的，用处是即使不全局安装webpack-cli，也能在终端（CMD）中使用:npx webpack --entry=i...
2019-07-25 01:38:21
177
原创 javascript：parseInt用法，特殊用法，进制转换
parseInt( string,radix )功能：将 [ 指定进制的 ] 字符串转换为十进制整数型 参数：1、string: 要解析的字符串，类型：String2、radix: 以什么进制解析该字符串，不传和传0结果一样，类型：Number 返回值：1、第二个参数传0和不传一样：2、返回NaN的几种情况：3、特殊字符串转换：以0x开头的字符串，p...
2019-07-23 01:28:43
793
原创 JSON.stringify常用用法、可转换类型、灵活用法
能处理的(安全JSON)：字符串、数字、布尔值和null的JSON.stringify()转换以后，结果都是字符串('aa','33','null','true')不能处理的(不安全JSON):undefined,function,symbol,循环引用的对象（自己里面引用了自己）2、JSON.stringify在转换之前，如果传入对象中的有.toJSON()方法，会先调用toJSON()...
2019-07-16 01:19:57
1023
原创 js 隐式转换（相等判断）规则
1、所有类型和布尔类型判断相等，布尔类型都会先转为数值类型（0和1）；2、对象和非布尔值的普通类型比，对象会拆封或转为字符串；3、字符串和数字比较会把字符串转换为数字；4、null == undefined ，其他都不相等5、[] == false; -> [] == 0 // false [] == '' //true [0] == 0 // true...
2019-07-04 18:28:49
424
原创 绝对定位position:absolute下，父元素高度塌陷/无法撑开父盒子的原因和解决方案
我一直很困惑绝对定位后父盒子的高度会变为0，如何让绝对定位的元素撑开父盒子呢？我在StackOverflow上找到的高分解决方案如下：Absolutely positioned elements are completely removed from the document flow, and thus their dimensions cannot alter the dimensions...
2019-06-23 01:24:20
46731
12
原创 《应该补上的一课》读书笔记
第一章：说出看到了什么：行之有效的策略：不存在绝对的客观性；我们都是透过有色眼镜观察生活；适用于我的并不一定适用于其他人；我们总是表现的处事肯定，但实际上并没有很大把握；看待事物时，必须持有“我还不知道”这一立场；改变我对他人的看法比改变他人的看法更容易；行之无效的策略：我所见的就是真实的：我所知道的就是正确的；我所感受到的就是肯定的；我所想到的就是确实的；我看到的...
2019-05-19 15:50:09
323
原创 CMD最常用命令
新建文件夹：MD 文件夹名查看当前文件夹内所有文件和文件夹：dir /s新建文件：cd.>test.js注释：cd.表示当前文件夹 ，>表示把大于号前面内容写入到后面的test.js文件打开文件：直接敲上文件名+.后缀即可...
2019-05-12 00:49:01
95
原创 echarts之map常用属性
option = { color: ['#B0EEF4', 'yellow', '#d8e050'], tooltip: { trigger: 'item', // 数据项图形触发方式，主要在散点图，饼图等无类目轴的图表中使用。 formatter: format //函数，提供参数params，返回的是tip上的h...
2019-02-14 15:29:26
13680
2
原创 NodeJs 教程 - http模块
http模块就是编写操作服务器的使用：var http = require('http')常用：1、创建web服务器：var server = http.createServe()：返回一个Server实例server.on('request' , function(request,response){})：注册request事件，触发服务器的request事件，回调函数处理接收到的...
2019-02-13 23:21:45
140
原创 Node.js 教程 - fs模块
使用：var fs = require(‘fs’)常用：1、读取文件：fs.readFile()：readFile方法读取到的data是二进制，被转换为十六进制，需要通过toString()转换为字符串,注意：如果读不到文件，尝试使用 path.resolve(__dirname,'./example.txt' )2、写文件：fs.writeFile():用法:fs.writeFi...
2019-02-12 23:10:20
203
原创 JS判断是否是移动端
let isMobile = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent);
2019-02-12 17:29:50
2111
原创 前端常用的Node模块方法
1、glob模块，glob.sync(’./src/*/main.js’) :获取文件路径名2、fs模块：fs.readFilefs.writeFilefs.unlinkfs.existsfs.mkdir
2019-02-12 17:13:02
301
转载 JS和CSS变量共享、主题颜色设置
JS 和 CSS 变量共享。关于 JS 和 Sass/Less 变量共享，我们摸索出了自己的解法：// src/styles/variables.jsmodule.exports = { // 主颜色 'primary-color': '#0C4CFF', // 出错颜色 'error-color': '#F15533', // 成功颜色 'success-color'...
2019-02-12 14:54:52
1118
原创 Java入门-概览/类和对象
1、java文件内只能有一个public类，2、一个类对应一个.class文件3、public类名必须和文件名一致4、main方法是入口方法，有固定格式
2019-01-29 16:14:53
99
原创 Angularjs笔记之 - factory，service，provider的区别
Factory作用就是返回一个有属性有方法的对象举例用于AJAX请求：angular. module('core.phone'). factory('Phone', ['$resource', function($resource) { return $resource('phones/:phoneId.json', {}, { query: {...
2019-01-10 17:01:37
192
原创 CSS笔记-如何让带阴影盒子占满整个区域且不出现滚动条
在使用elementUI的card时候，发现如果内容高度设置了100%，虽然会全部撑开card盒子，但是下阴影会超出整个区域高度，导致出现滚动条，可以为内容设置calc(100% - 阴影尺寸)，但是兼容性可能会有欠缺，所以我们使用一个万金油方法：position:absolute我们知道如果想上下左右居中一个盒子，.center-box{ postion:absolute; ...
2018-12-20 16:27:22
819
原创 webpack打包typescript在Checking started in a separate process...等待时间过长的解决方案
我在根目录写了tsconfig.json{ "compilerOptions": { "outDir": "./dist/", "sourceMap": true, "noImplicitAny": true, "module": "commonJS", "target&
2018-12-02 01:47:20
704
原创 前端常用正则表达式
// 常用的正则规则// eslint-disable-next-lineexport const regExpConfig = { IDcard: /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([...
2018-11-27 18:37:37
162
翻译 Web动画优化之requestAnimationFrame的使用（翻译）
本文翻译自：https://css-tricks.com/using-requestanimationframe/ ，如有侵权，请联系我！我先来一句话概括一下：这个方法就是让动画按照屏幕刷新频率执行，这样就可以显得很流畅。引入以前JavaScript只有一种时间间隔循环的方式：setInterval()。如果你需要以特别快的速度（不是像for循环那样极致快）重复一些内容，你可以使用set...
2018-11-25 21:14:07
359
原创 日常兼容性问题记录
1、窗口滚动上卷高度：为了跨浏览器兼容，请使用 window.pageYOffset 代替 window.scrollY。另外，旧版本IE（&amp;amp;lt;9）两个属性都不支持，必须使用其他的非标准属性。完整的兼容性代码如下：完美兼容写法：var supportPageOffset = window.pageXOffset !== undefined;var isCSS1Compat = ((do...
2018-11-25 13:07:35
126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人