自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 js 防抖 节流处理 应用场景

防抖 应用场景 : 1 百度联想查询 : 百度搜nike 会等你输入完nike后 页面跳转 不是你输入完n就立刻给你查询结果 2 页面滚动特定距离 显示【返回顶部按钮】 3 页面resize 触发事件 代码 HTML <input type="text" ...

2019-10-21 10:26:25 133 0

原创 从0看vue3 源码 记录

1 vue3 源码地址 https://github.com/vuejs/vue-next.git 跳转 2 看了很多文章 把了解到的知识点 做个总结 a.如果你要开发一个要发布的框架组件 也就是package 建议使用 lerna, 给你个链接 不懂也不影响v3 b.clone下v...

2019-10-18 14:07:09 79 0

原创 js 类型判断

ES5中,js中数据类型:number、string、boolean、undefined、null、object js中获取数据类型常用的四种方式 实例: 1 2 3 4 5 6 7 8 9 10 11 ...

2019-10-16 10:07:55 35 0

原创 h5 input type=file ios拍照相片旋转90度修正 前端图片利用canvas处理压缩 vue图片上传优化处理

直接进入正题 input type=file 是前端处理图片上传的必要途径 这里说一下 第一个需求 如果用户点击type=file的按钮 只想完成调用照相功能 而不用选取照片功能 其实 input type=file标签上还是有很多 特殊好玩的属性的 我们列举一下 <input ...

2019-05-27 15:50:29 1593 3

原创 egg+vue+easywebpack+typescript报错can not bulid module:can find file xxxx.vue

前言 网上很多文章都是 如何利用 vue-cli 建造好项目后 然后修改成typescript模式 开发 文章很多 这里不说了 不过提醒一个坑 注意webpack的版本 否则 脚手架创建的项目还是webpack3 而你后嫁接成ts的时候 你需要下载 ts-loader 最新的版本是4.6...

2018-06-20 15:16:56 1501 0

原创 vue服务端渲染ssr 报错 window is not definded解决

多数是因为服务端渲染 页面是又后台路径跳转过来的 此时页面还没有渲染出来 所以window对象还没有诞生 但是你的用的各种第三方js文件 有很多都使用了window 所以我们通过vue的生命周期函数去判断window对象 其实此时加不加载并不影响 添加判断即可 // 引入需要win...

2018-06-13 15:45:42 10453 4

原创 vue日期轮播组件,支持选定日期,选定时间,vue-calendar升级版

今天在处理vue项目,需要一个日期组建,在网上寻找了好久,找到了vue-calendar 传送门 但是和我的需求还差很多,于是决定在其项目上进行整改,添加新功能 这是我的项目地址 欢迎star 后续我修改了 上传了一个精简版本 github传送门 https://github.com/g...

2018-05-24 15:30:17 9793 2

原创 解决iframe下跨域,iphone上position:fixed失效问题

=============================================2019-3-6 补充======================================== 对应ios iframe 中fixed 楼主现在已经 很轻车熟路了 这里 再补充一下 宏观思路 把 ...

2018-04-13 10:54:20 2535 2

原创 webstorm如何配git

第一步 当然 我是汉化过的 如果没汉化 自己汉化一下吧 这里设置你git的安装目录 记得要选到bin里面的git.exe 第二步 选择要提交到git里的项目 直接提交就可以了 此时你的项目的颜色就变了 第三步 右键你的项目 可以看见git了 其中 add表示提...

2017-02-20 22:03:35 3175 1

原创 钉钉小程序复选框 全选反选 表单获取内容有误处理

问题描述 我的每一个复选框 是 利用 data声明的数组进行循环 遍历出来的 然后当我点击全选及反选的时候 我操作了data中的item 遍历修改了 ischeck属性 页面上也是利用这个属性显示选中/非选中 出现的bug 当我反复点击了全选后 点击form表单的保存 获取的 表单的...

2020-05-28 13:53:45 19 0

原创 如何判断内外网

直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title&...

2020-05-28 13:31:49 6 0

原创 async 和await 的统一catch处理 二次封装await

优秀的东西 就要学习和借鉴 上代码 // 第一代 function aa() { return new Promise(function (resolve,reject) { var key = Math.floor(Math.random()*10) if(key>...

2020-04-18 15:08:22 81 0

原创 手拉手带你写个自己的loader和plugin

根目录下 新建 loader文件夹 里面 写个 lader js用默认的 index const loaderUtils = require('loader-utils'); module.exports = function(source) { // source...

2020-04-16 17:02:28 28 0

原创 h5混合开发 与app 交互方法

安卓 安卓相对简单 因为 安卓可以获取到我们h5页面内的window对象 所以 // h5 调用安卓方法 window.discovery.gotoLogin(); // window.x.y (x类名,y方法名) // 安卓调用h5方法 h5 只需要在 js中声明 方法即可 安卓即...

2020-04-16 12:28:50 61 0

原创 公司 git commit message 标准化 分享

最近面试 有人问到 你带了一个团队 当你离开 留下了什么 回想一下 感觉做了很多 但 却无从下口 感觉标准化了很多 但其实 和大厂看来 差距还是太大了 所以 学习之路就在脚下 学吧 今天聊聊 commit message标准化 我一直觉得 认真编写 message 就是很严格的要求 但...

2020-04-10 16:57:58 58 0

原创 webpack 模块循环引用处理方案 报错处理方案

问题 index.js 入口文件 引入a 并调用方法 a.js 文件 引入b.js 然后调用b内的方法 b.js 文件 引入a.js 然后调用a内的方法 当你正常 打包后 打开html页面的时候 控制台报错 原因就是循环引用 导致的 解决办法 直接上 插件circu...

2020-04-09 15:59:34 103 0

原创 nth-child 和 nth-of-type 的区别 换个更合适的例子

nth-child <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <style&...

2020-04-09 12:51:29 70 0

原创 团队人员按模块在不同分支开发时 如何 动态获取路由 保证项目正常运行

这里的问题 就是 比如 a员工在 t1分支上开发 登录注册模块 b员工在 t2分支上开发 商品模块 c员工在 t3分支上开发 我的模块 那么 test分支 会不停的merge 这 t1 t2 t3的分支 这里有一个点 正常 我们项目的路由 都写在 一个文件里 然后 里面会 import ...

2020-04-02 14:36:39 26 0

原创 vue 子 父组件 传值 总结 兄弟组件传值总结

vue 中 兄弟组件如何传值呢 可能大家都回答的是eventBus 其实就是 利用一个js文件再new 出一个vue对象 然后进行 emit 和on 的触发与监听 但其实 我们有更简单的方法 第一种 a组件 点击按钮 利用 emit 触发 名叫 cl2c2的监听 传输的值为 ‘哈哈哈哈’ ...

2020-04-02 12:33:18 58 0

原创 w万条接口数据下 如何优化vue 接值 及赋值

正题 如果你请求一个接口 接口返回数据为10000条 那么 如何 将这1w条数据赋值给vue变量呢 如果你测试过 你会发现 一个 装有2000个json对象的数组 赋值给vue的data属性时 屏幕会出现卡顿 出现卡顿的原理也是因为 vue 会对赋值对象 动态添加set get方法 这也是vu...

2020-04-01 16:15:16 69 0

转载 js 变量及作用域经典面试题

function Foo() { getName = function () { alert (1); }; return this; } Foo.getName = function () { alert (2);}; Foo.prototype.getName = functi...

2020-03-30 13:05:37 63 1

原创 anaconda 镜像地址

channels: - http://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/win-64/ - http://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/main/win-64/ show_ch...

2020-03-27 17:42:42 50 0

原创 vue 路由 router 相关信息复习

vue-router vue-router怎么重定向页面? router文件配置redirect vue-router怎么配置404页面? 路由里配置一个path * 然后redirect 404 即可 切换路由时,需要保存草稿的功能,怎么实现呢? 使用...

2020-03-17 12:38:18 42 0

原创 css特效 波浪 技术=> css里的border-radio+旋转+位移

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> ...

2019-12-31 16:11:45 93 0

原创 css特效 变异电池 技术=> css的filter 中hue-rotate

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> ...

2019-12-31 16:10:29 138 0

原创 this.$route和this.$router的区别

因为都绑定在this上 所以 其实 大家可以通过 打印this 来查看 $route 和 $router 的区别 博主 之前看过一篇博客 https://blog.csdn.net/zzz_zed/article/details/78885944 感觉 并没有把具体的内容 给指定出来 比如 方...

2019-12-09 16:48:39 11273 0

转载 web常见攻击及防范措施

首先简单介绍几种常见的攻击方式: SQL注入 XSS CSRF 点击劫持 中间人攻击 1.SQL 注入 这是一种比较简单的攻击方式。 如果后台人员使用用户输入的数据来组装SQL查询语句的时候不做防范, 遇到一些恶意的输入,最后生成的SQL就...

2019-12-06 13:37:22 228 0

原创 nodejs 使用调用graphql接口(不是写服务端,而是调用接口)

百度上 都是用 node 做服务端 写graphql接口 供给前端使用 这里博主考虑 如果 用node框架 做服务端调用服务端的graphql接口 那么如何写呢 所以 还是会有这种需求的 第一步 下载包 博主第一次的时候 下了很多包 后来发现有个包里面包含了这些常用的 所以 只需要下2个 ...

2019-12-04 15:22:00 135 0

转载 虚拟dom virtual dom 以及domdiff 精选文章

看懂这2篇文章 你就懂了 https://juejin.im/post/5c8e5e4951882545c109ae9c https://www.zhihu.com/question/31809713/answer/53544875 Keep Moving 时至今日,前端对于知识的考量是越...

2019-12-04 09:11:37 23 0

原创 处理js history.go(-1) 页面跳转 反复死循环问题

这里说一个常见的问题 js的痛点 就是 我们的 -1 返回 列举 下列场景 登录注册2个页面 登录能跳转注册 注册可以跳转登录 且 2个页面的头部均有返回图标 A.如果返回 都使用-1 那么 当你登录注册来回点击10次的时候 其实 是 10次跳转 而 10次过后 当你开始点击返回的时候 ...

2019-12-03 17:13:51 341 0

原创 js 配合高德地图 获取当前用户经纬度及位置信息

第一步 引入 js 文件 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.3&key=********************"></...

2019-12-03 15:53:16 404 0

原创 面试前端总结

三次握手和四次挥手详细介绍 https://blog.csdn.net/qq_38950316/article/details/81087809 https://blog.csdn.net/qq_39331713/article/details/81705890 TCP 有哪些手段保证可靠交...

2019-12-03 15:49:03 32 0

原创 记录一位社招面试腾讯成功拿到offer的面试内容及收集的答案(下)

一面二面的内容 写在了博主的另一篇博客里https://blog.csdn.net/gaoqiang1112/article/details/103343118 三面(小团队负责人) 为啥想离职,现公司不好吗 360企业安全和360啥关系 你认为蓝信为什么要有支付功能 ...

2019-12-03 15:45:34 325 0

原创 记录一位社招面试腾讯成功拿到offer的面试内容及收集的答案(上)

// 以下记录 是为了 以后如果有机会面试大厂 起码了解一些 作为合格前端应该掌握的知识点 勉励自己 // 对了 还有平时 对用到的专有名词及缩写 请查清全称及读音 否则面试的时候 真的画面太有喜感了 不敢想了 //记录一位社招面试腾讯成功拿到offer的面试内容及收集的答案(下)https:...

2019-12-03 13:56:47 266 0

转载 http1 http2 http 3 解读

HTTP/2 相比于 HTTP/1.1,可以说是大幅度提高了网页的性能,只需要升级到该协议就可以减少很多之前需要做的性能优化工作,当然兼容问题以及如何优雅降级应该是国内还不普遍使用的原因之一。 虽然 HTTP/2 提高了网页的性能,但是并不代表它已经是完美的了,HTTP/3 就是为了解决 HTT...

2019-12-03 13:10:02 198 0

转载 【TCP协议】(2)---TCP三次握手和四次挥手

TCP有6种标示:SYN(建立联机)ACK(确认)PSH(传送)FIN(结束)RST(重置)URG(紧急) 一、TCP三次握手 第一次握手 客户端向服务器发出连接请求报文,这时报文首部中的同部位SYN=1,同时随机生成初始序列号seq=x,此时,TCP客户...

2019-12-02 09:23:56 14 0

转载 【TCP协议】(1)---TCP协议详解

本文内容如下: 1)TCP协议概念 2)TCP头部结构和字段介绍 3)TCP流量控制 滑动窗口 4)TCP拥塞控制 慢启动、拥塞避免、快重传、快恢复 有关TCP的三次握手四次挥手单独写了一篇博客:【TCP协议】---TCP三次握手和四次挥手 有关T...

2019-12-02 09:22:42 11 0

原创 webstorm git 如何回滚单个文件的 单个版本

第一步 单个文件 右键单击 第二步 双击 要回滚的那次 左右对比代码 左侧为当时提交之前的代码 复制 粘贴回来就可以了 3 这里不建议 直接 在git记录上 revent commit 因为 你要对单个文件操作 但是这次commit 有可能 你同时操作了多个文件 所以 你很难控制 所有...

2019-11-28 10:02:11 416 0

原创 pyCharm 如何使用anaconda 里配置好的env的环境

手写利用conda 创建新的env conda create -n myPaChong conda install scrapy 打开pycharm 选择属性 然后找到 然后右侧 找到设置图标 然后 按照查找目录 找到python 就好了 ...

2019-11-11 16:38:44 170 0

原创 vue 如何使用graphql? node.js如何使用graphql? node框架 egg 如何使用graphql?

说明 本文中 vue+node 均基于的 apollo.js使用 vue 是在apollo基础上 封装了一个 vue的组件 方便使用 vue 使用 graphql 1下载依赖包 npm install --save vue-apollo graphql apollo-client apo...

2019-10-31 13:20:40 148 0

提示
确定要删除当前文章?
取消 删除