- 博客(214)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 大前端每日一题，从基础到进阶，从原理到实战，带你构建高级前端知识体系
第1题(2019-07-22)：以下代码输出什么？function fn(a) { console.log(a); var a = 2; function a() {} console.log(a);}fn(1);讨论及参考答案：第1题第2题(2019-07-23)：a在什么情况下，控制台会输出hello world（答案不唯一）var a = ?;if(a...
2019-11-11 09:01:51
2007
4
转载 node.js中mysql批量插入更新的三种方法
【背景】在项目中遇到一个批量插入数据的需求，由于之前写过的sql语句都是插入一个对象一条数据，于是去网上搜关键词 "sql批量插入"、"mysql批量插入"等，搜到的答案不外乎这三种：1.逐条执行，在for循环里写insert插入语句 这种方法显然性能还差，不符合常理，遂淘汰。2.批量执行INSERT INTO table ( "clo1", "col2", "col3", "col4", "col5" )VALUES( 1, 10, NULL, '2019-12-19 13:38:.
2021-08-09 11:51:15
5464
转载 nodejs中的formidable模块及限制上传大小
今天总结了下Node.js的Formidable模块的使用，下面做一些简要的说明。1) 创建Formidable.IncomingForm对象 var form = new formidable.IncomingForm()2) form.encoding = 'utf-8' 设置表单域的编码3) form.uploadDir = "/my/dir"; 设置上传文件存放的文件夹，默认为系统的临时文件夹，可以使用fs.rename()来改变上传文件的存放位置和文件名...
2021-06-09 17:30:43
1271
转载 Redis 主从复制、哨兵和集群原理与区别
简介谈到Redis服务器的高可用，如何保证备份的机器是原始服务器的完整备份呢？这时候就需要哨兵和复制。哨兵(Sentinel)：可以管理多个Redis服务器，它提供了监控，提醒以及自动的故障转移的功能。复制(Replication)：则是负责让一个Redis服务器可以配备多个备份的服务器。Redis正是利用这两个功能来保证Redis的高可用哨兵哨兵是Redis集群架构中非常重要的一个组件，哨兵的出现主要是解决了主从复制出现故障时需要人为干预的问题。Redis哨兵主要功能（1）
2021-06-04 14:24:10
730
原创 记一次企业开发中使用nvm切换node版本npm不能用的问题
刚开始安装nvm的时候，安装完之后使用nvm -v查看版本，提示nvm不是内外部命令报错，后面在网上也查了一些资料，说是环境变量配置的原因等，正常来说安装时环境变量会自动添加的，除非是出现特殊情况没有添加环境变量或者路径错了之类，最后我想了一下会不会是没有重启电脑导致的呢？果然重启后再运行nvm -v显示版本号了，nvm安装成功。nvm安装成功的示例图如下：现在来重点说一下nvm切换node版本npm不能用的问题，我从高版本nodejs切换到低版本的时候，使用node -v查看node的版本是.
2021-04-19 18:45:36
3197
原创 这可能是最全的HTML(5)知识体系总结
1.文档声明（Doctype）和<!Doctype html>有何作用? 严格模式与混杂模式如何区分？它们有何意义?文档声明的作用文档声明是为了告诉浏览器，我们写的HTML文档当前使用什么版本的HTML来写的，这样浏览器才能按照我们声明的版本来正确的解析。<!Doctype html>的作用<!doctype html> 的作用就是让浏览器进入标准模式，使用最新的 HTML5标准来解析渲染页面；如果不写，浏览器就会进入混杂模式，我们需要避免此类情况发生。严
2020-07-08 15:57:27
1342
转载 Nodejs进阶：服务端字符编解码&乱码处理
写在前面在web服务端开发中，字符的编解码几乎每天都要打交道。编解码一旦处理不当，就会出现令人头疼的乱码问题。不少从事node服务端开发的同学，由于对字符编码码相关知识了解不足，遇到问题时，经常会一筹莫展，花大量的时间在排查、解决问题。文本先对字符编解码的基础知识进行简单介绍，然后举例说明如何在node中进行编解码，最后是服务端的代码案例。本文相关代码示例可在这里找到。关于字符编解码在网络通信的过程中，传输的都是二进制的比特位，不管发送的内容是文本还是图片，采用的语言是中文还是英文。
2020-06-16 09:23:04
1101
转载 深入基础(四)Buffer,转码
Buffer 前面提及到一些关于buffer类的问题,当时不是很明确 那么就次机会顺便深入探讨一下这个东西到底干嘛的出现在什么时候,如何使用.昨天跟朋友聊天他说我每一篇博文内容太长太长了 虽然很精细,但是的确深入的有点多了,so 这篇开始尽量多分几篇共同讨论,减少单一文章内容过多的问题哈.想起个事儿来这,这两篇博文其实都是在深挖原生模块fs,原生如果操作文件的,细心的孩砸都会发现的,对于fs模块学习还有两章,我准备这两张完事儿之后开始学习http模块 目前项目中有用到部分http模块的功能,好...
2020-06-16 09:18:57
1127
转载 Node.js 事件循环工作流程 & 生命周期 -- Void Canvas
一年前在描述 setImmediate & process.nextTick的区别时，我写了一些关于具体的 node 的事件循环的架构。出乎我的意料，读过那篇文章的读者对于事件循环的这一部分变得更加有兴趣，我收到了很多反馈，也有很多读者在站内搜索相应的关键词，这就是我为什么决定回来写 nodejs 的事件循环的工作流程。我建议你阅读整篇文章，而不仅仅是看看每个段落中的标题。...
2020-04-26 16:47:51
510
转载 深入理解Node.js 进程与线程(8000长文彻底搞懂)
前言进程与 线程是一个程序员的必知概念，面试经常被问及，但是一些文章内容只是讲讲理论知识，可能一些小伙伴并没有真的理解，在实际开发中应用也比较少。本篇文章除了介绍概念，通过Node.js 的角度讲解 进程与 线程，并且讲解一些在项目中的实战的应用，让你不仅能迎战面试官还可以在实战中完美应用。文章导览面试会问Node.js是单线程吗？Node.js 做耗时的计算时候...
2020-04-26 16:12:29
346
转载 前端兼容性问题：快速去掉mac safari浏览器input右边的小图标/小按钮
去掉mac safari浏览器input右边的小图标/小按钮input:focus::-webkit-contacts-auto-fill-button{ opacity: 0;}去掉Safari浏览器下密码输入框自带的小钥匙图标input::-webkit-credentials-auto-fill-button { display: none !important...
2020-04-15 09:19:56
959
原创 es6超好用的语法糖Decorator
Decorator（修饰器/装饰器）是es6提出的语法糖，用于修改类的行为。不过目前主流浏览器都没有很好的支持，我们需要用babel来转换为浏览器能识别的语言。在这篇文章中将介绍decorator的基础用法和一些应用实例。1.修饰类(1) 基础用法@testableclass MyClass{}function testable(target){ target.isTe...
2020-03-30 10:50:43
392
原创 JS字符串False转Boolean
大家都知道在JS的世界里， 0、-0、null、""、false、undefined 或 NaN，这些都可以自动转化为布尔的 false，那么字符串的"false"是不是false呢，答案是否定的，if("false") 来判断的话，是等于true的。1.var hasAuth = 'true';if(hasAuth){ //此时的hasAuth是true }2.var h...
2020-03-30 10:41:21
1818
原创 vue中进入路由页面和离开路由页面后执行函数
前几天在项目中遇到一个需求，要在离开页面后掩藏某一个按钮，因为之前在开发小程序时，有离开页面的生命周期，所以Vue应该也有这个的。进入路由页面：mounted(){ this.$nextTick(()=>{ show(); })}离开路由页面后执行函数：destroyed: function () { co...
2020-03-30 10:35:36
5335
转载 【JavaScript】标准日期、中国标准时间、时间戳、毫秒数互转
标准日期：2017-09-19 或 2017-09-19 20:00:00 中国标准时间：Mon Oct 23 2017 17:20:13 GMT+0800 (中国标准时间) 时间戳：1508750413 毫秒数：1508750413000注意：时间戳*1000就是毫秒数日期或中国标准时间转毫秒数：//变量let myDate2 = 'Mon Oct 23 2017 ...
2020-01-10 15:14:05
1048
原创 详解Vue Router 的params和query的使用和区别
首先简单来说明一下$router和$route的区别//$router : 是路由操作对象，只写对象//$route : 路由信息对象，只读对象//操作 路由跳转this.$router.push({ name:'hello', params:{ name:'word', age:'11' }})//读取...
2020-01-03 08:58:19
3298
1
原创 vue router-link 返回上一页
1、如果使用了Vue-router的话，就可以用 this.$router.go（-1） 实现返回；2、如果没使用vue-router，就可以用window.history.go（-1）实现返回效果。可以 定义方法@click="goback"ethods:{ goback(){ this.$router.go(-1);/...
2019-12-24 10:02:12
8208
原创 web全栈每日一题周刊 | 第一期
业精于勤，荒于嬉；行成于思，毁于随！学习从来都不是一蹴而就的事情，需要每天的点滴积累与沉淀，从而由量变引发质变！我在 github 上建了一个仓库 全栈每日一题，每天早上9点发布一个web全栈的题目。有关前端，nodejs，运维，数据库以及软技能等，促进个人技术职业成长，欢迎交流。为什么建这个仓库？每个人的学习方式不一样，有的人自律性强一些就会工作之余去学习新知识技术，构建自己的知...
2019-12-20 17:58:11
417
转载 面试官：一个 TCP 连接可以发多少个 HTTP 请求?
曾经有这么一道面试题：从 URL 在浏览器被被输入到页面展现的过程中发生了什么？相信大多数准备过的同学都能回答出来，但是如果继续问：收到的 HTML 如果包含几十个图片标签，这些图片是以什么方式、什么顺序、建立了多少连接、使用什么协议被下载下来的呢？要搞懂这个问题，我们需要先解决下面五个问题：现代浏览器在与服务器建立了一个 TCP 连接后是否会在一个 HTTP 请求完成后断开？什么...
2019-12-18 10:15:49
385
原创 【吐血整理】强烈推荐 GitHub 上值得学习的开源实战项目(持续更新中，万字长文建议收藏)
强烈推荐 GitHub 上值得学习的开源实战项目，包含web前端，java，PHP，python，Android/IOS，大数据，区块链，AI机器学习，数据结构与算法，设计模式等等。为什么要写这篇文章，前几天在微信群里看到一个新进群的同学在问有没有公司级的VUE项目给他学习参考一下，于是我就整理了下面这一份长文，本来上周末就要发的，后面越写越多，当然也检讨一下自己的效率，以后斜纹发文一定要给自...
2019-12-12 18:48:50
8723
1
原创 小程序页面传值、页面与组件通信方式总结
在小程序开发中，页面传值经常会用到，如果有调用组件和插件的话还会涉及到页面与组件的通信传值等，今天我是想来总结下微信小程序页面和组件传值。一.页面与页面的传值1.跳转的url带参传值微信小程序页面直接传值我们经常用到的是页面URL跳转传值，跳转到的页面通过到生命周期onLoad里面接收。//A页面Page({ data:{}, linkTo:function(...
2019-12-12 17:38:50
1272
原创 终于轮到Vue来带给React灵感了？
终于轮到Vue来带给React灵感了？react-transition-groupvue的transitionSwitchTransition用法注意事项结束语react-transition-group今天在查看react-transition-group的时候，突然发现多出来了一个组件：咦？奇怪，我记得以前明明只有仨啊，啥时候更新出来的，好奇心驱使我点了进去新出现的那...
2019-12-09 11:37:50
272
原创 前端需要知道的CSS函数大全
之前一直以为css没有几个函数，今天才发现css现在竟然已经有86个函数了，意不意外，惊不惊喜！！！我一直比较喜欢用css来解决之前js实现的效果，这样对性能时一种优化，自己也有成就感，希望这些函数能够更多的应用到自己的项目中，向张鑫旭老师学习做一些惊艳的效果出来把css玩出花根据w3cplus中可以划分为以下几类：属性函数：attr()；背景图片函数：linear-grad...
2019-12-03 18:04:47
317
原创 nodeJS入门指 — Buffer对象详解
JavaScript 语言自身只有字符串数据类型，没有二进制数据类型。Buffer 类，该类用来创建一个专门存放二进制数据的缓存区。一个 Buffer 类似于一个整数数组，但它对应于 V8 堆内存之外的一块原始内存。Buffer对象占用的内存空间是不计算在Node.js进程内存空间限制上的，因此，我们也常常会使用Buffer来存储需要占用大量内存的数据：构建函数var buf =...
2019-12-02 17:34:37
467
原创 深入理解AMQP协议
文章目录一、AMQP 是什么二、AMQP模型 工作过程 深入理解三、Exchange交换机 默认交换机 直连交换机 扇型交换机 主题交换机 头交换机 交换机小结四、Queue队列 队列属性 队列创建 队列持久化五、Consumer消费者六、消息机制 消息确认 拒绝消...
2019-11-29 15:14:40
220
原创 js获取服务器时间并将GTM时间转换为北京时间(亲测有效)
在项目做倒计时功能时用new Date().getTime()获取到的本地客户端的时间，假如用户本地的时间和服务器时间北京时间不一致的话会导致显示的倒计时不一致的问题。$.ajax({ url: '', type: 'get', success: function (data, status, xhr) { var s...
2019-11-27 17:16:12
2305
1
原创 vue-cli 3.0静态资源路径问题（何时使用 public 文件夹）
我们先来看看vue-li项目结构图：vue中静态资源的引入机制Vue.js关于静态资源的官方文档静态资源可以通过两种方式进行处理： 在 JavaScript 被导入或在 template/CSS 中通过相对路径(以 . 开头)被引用。这类引用会被 webpack 处理。 ○ 诸如<img src="...">、background: url(...)和...
2019-11-11 09:48:01
39194
2
原创 css样式问题踩坑汇总
1.position:fixed定位时 “高度坍塌” 问题发现在用jquery的css()方法给position：fixed的元素设置高度时，获取到的高度为0，如图：我把position:fixed样式取消了就可以获取到高度，我想了一下可能是脱离了普通文档流引起的，后面去网上搜索了一下解决方案，通过在这个元素的下面再加一个div，在这个div上设置高度来解决了这个问题，html代...
2019-10-25 18:13:47
254
原创 解决移动端video标签视频在Android系统中的层级问题
H5页面视频播放的问题相信曾经让很多同学崩溃，video标签的层级问题始终无法得到完美的解决方案。这次的需求是这样的：在浏览器中扫码打开一个H5页面，要将一个视频当成背景图片来播放（gif太大，所以不用）通过给video标签设置postion z-index等属性，明显是不可行的。方案1：<video id="video-ios" src="./ceshi.mp4" w...
2019-10-24 09:08:01
5137
原创 Vue中computed实现原理及与method的区别
1.初始化 data 和 computed，分别代理其 set 和 get 方法，对 data 中的所有属性生成唯一的 dep 实例2.对 computed 中的 属性生成唯一的 watcher，并保存在 vm._computedWatchers 中3.访问计算属性时，设置 Dep.target 指向 计算属性的 watcher，调用该属性具体方法4.方法中访问 data 的属性，...
2019-10-18 10:46:42
458
原创 Node.js中Redis 的使用
Node.js Redis基本功能：缓存系统 数据存储 消息中介基本工具服务启动工具 命令行 GUIPS：在之前，需要安装redis对Nodejs的支持https://redis.io/clients#nodejs$ npm install redis连接redis代码var redis = require('redis');var client = r...
2019-10-17 18:17:19
611
原创 ECMAScript 6 Proxy 实例的方法
Proxy 实例的方法get()get方法用于拦截某个属性的读取操作，可以接受三个参数，依次为目标对象、属性名和 proxy 实例本身（即this关键字指向的那个对象），其中最后一个参数可选。get方法的用法，上文已经有一个例子，下面是另一个拦截读取操作的例子。var person = { name: "张三"};var proxy = new Proxy(person,...
2019-10-08 14:53:41
238
原创 Js根据年和月获取该月有几天
js根据年和月获取该月有几天:/** * 判断某年是否闰年 */export function isRuinian(year){ if(year/4 == 0 && year/100 != 0){ return 29; } else if (year/400 == 0){ retu...
2019-09-27 10:09:28
516
原创 这可能是最全的form表单提交方式
1.无刷新页面提交表单表单可实现无刷新页面提交，无需页面跳转，如下，通过一个隐藏的iframe实现，form表单的target设置为iframe的name名称，form提交目标位当前页面iframe则不会刷新页面<form action="/url.do" method="post" target="targetIfr"><input type="text" nam...
2019-09-26 09:02:20
541
原创 在js中动态改变form表单中action的值
html代码：<form id="myform" action="" method="post" enctype="multipart/form-data"></form>JS动态改变form表单中action的值，写法如下：document.getElementById("myform").action = "hello?info="+info;或...
2019-09-26 08:55:54
3495
1
原创 常见的http状态码速查
前端开发中经常需要请求后台的API接口，那么后台返回的状态码常见的比如200,404,500等分别代表什么意思，下文就简单的总结了一下http各种状态码（比如1XX系列、2XX系列、3XX系列、4XX系列、5XX系列）分别代表什么意思，仅用于简单查询，详细说明烦请参考其他文章或者官方文档等。MDN HTTP状态码链接：https://developer.mozilla.org/zh-CN/do...
2019-09-23 14:06:39
255
原创 SVN各种报错及解决方案汇总(持续更新中ing）
1.SVN commit时，提示“remains in conflict”错误：1)、error出现原因：在本地项目删除了一个目录，又通过SVN的“Repo-browser”方式删除了SVN服务器端对应的目录；再提交时，就会提示该错误。2)、解决办法：项目目录 右键 ->TortoiseSVN -> Rev...
2019-09-20 11:37:03
2067
原创 Nodejs发送https Post请求时出现socket hang up错误的解决办法汇总
参考nodejs官网发送http post请求的方法，实现了一个模拟post提交的功能。实际使用时报socket hang up错误。方法一：后来发现是请求头设置的问题，发送选项中需要加上headers字段信息（这个估计也和对方的服务器有关，对于不完成的post请求头，可能被丢弃了）。完整的代码如下（遇到类型问题的同学可以做个参考）：var querystring = require...
2019-09-18 18:19:53
42852
原创 如何去掉网页的横向滚动条，竖向滚动条
让竖条没有：<body style=`overflow:-Scroll;overflow-y:hidden` ></body>让横条没有：<body style=`overflow:-Scroll;overflow-x:hidden` ></body>两个都去掉？更简单了<...
2019-09-12 09:05:24
1370
原创 解决WPS中的VBA支持库安装问题
在 WPS中宏需要VBA支持库在网上看了好多基本都是垃圾文件 ，用不了 话不多说 ，自己亲身经历 直接用链接: https://pan.baidu.com/s/1yLHaGBtMwBbXpCotZBtfbw提取码: qhtk复制这段内容后打开百度网盘手机App，操作更方便哦安装 很便捷 一键安装WPS重新启动 开发工具栏 （会自动提醒是否打开宏） 点击开启（刷新）...
2019-09-05 14:12:28
18527
5
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人