博客网站-专注最前沿的web前端主流框架Vue和React及JavaScript代码，记录和分享web前端开发的个人技术博客

前端开发，使用箭头函数应注意什么？

1、用了箭头函数，this就不是指向window，而是父级（指向是可变的）；2、不能够使用arguments对象；3、不能用作构造函数，这就是说不能够使用new命令，否则会抛出一个错误；4、不可以使用yield命令，因此箭头函数不能用作 Generator 函数

JavaScript变量称名var、let、const之间的区别

1、var声明变量可以重复声明，而let不可以重复声明。2、var是不受限于块级的，而let是受限于块级。3、var会与window相映射（会挂一个属性），而let不与window相映射。4、var可以在声明的上面访问变量，而let有暂存死区，在声明的上面访问变量会报错。5、const声明之后必须赋值，否则会报错。6、const定义不可变的量，改变了就会报错。7、const和let一样不会与window相映射、支持块级作用域、在声明的上面访问变量会报错。

站长创业_个人站长未来创业的方向

站长创业越来越艰难，十年前随便搞个小代码就可以开启你的网站创业了，五年前搞个行业网站也能小赚一把，现在好像能够赚钱的项目越来越少了。无论是时间成本还是资金成本不断增加，那么还有哪些创业的成本比较低可以让站长赚一把呢?

关于js书写规范

1、文件编码统一为UTF-8。2、书写过程中，每行代码结束必须有分号。3、库引入，原则上仅引入jQuery库。4、代码结构明了化，加适量注释，提高函数重用率。5、注重与html分离，减少reflow，注重性能。

关于js命名规范

1、区别大小写。2、首字符必须是字母、下划线或美元符号。3、除了首字符以外的字符，可以由数字、字母、下划线、美元符号等组成。4、不允许包含空格。5、不能以关键字或保留字命名。

npm代理查看和设置

一、通过以下命令先查看一下有没有设置代理。npm config get proxy；npm config get https-proxy。如果以上两个命令如果返回null，那么就不需要执行以下命令清理，npm config set https-proxy null npm config set proxy null。二、重新设置npm config set registry https://registry.npmjs.org/

php使用ZipArchive提示Fatal error: Class ZipArchive not found in的解决方法_php技巧

ZipArchive是php自带的一个压缩与解压缩函数了，今天理所当然的情况中使用new ZipArchive来创建zip文件时碰到提示Fatal error: Class ZipArchive not found in错误，感兴趣的朋友就一起来看看解决方法。

js获取上传音视频的时长时间

1、URL.createObjectURL(video)返回一个音频url地址，然后将该地址赋予页面上的video.src属性。2、这里使用定时器主要是异步的原因，获取地址后添加到video.src中后直接获取该音频duration属性是个NAN值。所以需要定时后获取。

修改PHP上传文件大小限制(windows、linux)

1，编修php.ini 找到：max_execution_time = 30 ，这个是每个脚本运行的最长时间，单位秒，修改为： max_execution_time = 150。找到：max_input_time = 60，这是每个脚本可以消耗的时间，单位也是秒，修改为： max_input_time = 300

上传文件时$_FILES为空，可能的原因及解决方法

上传视频的时候打印$_FILES为空，小的文件就没问题，后来发现是因为传的文件太大，出现这个问题的原因主要有两个：表单原因或者php设置原因。

常用应用端口

常用的应用端口有远程连接ftp 20-21、ssh 22、telnet 23、rdp 3389；应用http 80、https 443、http_alt 8080；数据库mysql 3306

Git修改默认的启动目录的方法

1、桌面找到Git Bash的快捷启动图标，右击Git的快捷方式，选择“属性”。2、把 –cd-to-home去掉。3、把起始位置中的“%HOMEDRIVE%%HOMEPATH%”替换成你的工作空间。4、重新打开bash，你就发现当前目录已经是你替换的目录了。

双鱼座2月19日-3月20日

双鱼座是十二宫最后一个星座，他集合了所有星座的优缺点于一身，同时受水象星座的情绪化影响，使他们原来复杂的性格又添加了更复杂的一笔。双鱼座的人最大的优点是有一颗善良的心，他们愿意帮助别人，甚至是牺牲自己。

水瓶座1月20日-2月18日

水瓶座的人很聪明，他们最大的特点是创新，追求独一无二的生活，个人主义色彩很浓重的星座。他们对人友善又注重隐私。水瓶座绝对算得上是”友谊之星“，他喜欢结交每一类朋友，但是确很难与他们交心，那需要很长的时间。他们对自己的家人就显得冷淡和疏远很多了。

摩羯座12月22日-1月19日

摩羯座是十二星座中最有耐心，为事最小心、也是最善良的星座。他们做事脚踏实地，也比较固执，不达目的是不会放手的。他们的忍耐力也是出奇的强大，同时也非常勤奋。他们心中总是背负着很多的责任感，但往往又很没有安全感，不会完全地相信别人。

射手座11月23日-12月21日

射手座崇尚自由，勇敢、果断、独立，身上有一股勇往直前的劲儿，不管有多困难，只要想，就能做，你的毅力和自信是难以击倒的。射手男酷爱自由，讨厌被束缚，射手女性格简单直接，不耍心计，可是任性。

天蝎座10月24日-11月22日

天蝎座精力旺盛、占有欲极强，对于生活很有目标，不达到目的誓不罢休，复仇心理重，记仇会让自己不顾一切报复曾经伤害过你的人。天蝎男自我主义色彩很强烈，天蝎女的自我保护意识很强，不容易接近。

天秤座9月23日-10月23日

天秤座常常追求平等、和谐，擅于察言观色，交际能力很强，因此真心朋友不少，因为你也足够真诚，但是最大的缺点就是面对选择总是犹豫不决。天秤男容易在乎自己而忽略别人，天秤女就喜欢被陪伴的感觉。

处女座8月23日-9月22日

处女座虽然常常被黑，但你还是依然坚持追求自己的完美主义，因为在你看来，生活不能将就，追求的完美更不能将就，有目标才有进步，当然也需要鼓励。处女男的毅力很强，能坚持，处女女的求知欲很强。

狮子座7月23日-8月22日

狮子座有着宏伟的理想，总想靠自己的努力成为人上人，你向往高高在上的优越感，也期待被仰慕被崇拜的感觉，有点儿自信有点儿自大。狮子男的大男人气息很重，爱面子，狮子女热情阳光，对朋友讲义气。

巨蟹座6月22日-7月22日

巨蟹座的情绪容易敏感，也缺乏安全感，容易对一件事情上心，做事情有坚持到底的毅力，为人重情重义，对朋友、家人都特别忠实，巨蟹男是一等一的好男人，顾家爱家人，巨蟹女充满母性光环，非常有爱心。

双子座5月21日-6月21日

双子座喜欢追求新鲜感，有点儿小聪明，就是耐心不够，往往做事都是三分钟热度，难以坚持，但是你的可爱性格会让很多人都喜欢跟你做朋友。双子男表面很花心，其实深情，而双子女就喜欢求新和求变。

金牛座4月20日-5月20日

金牛座很保守，喜欢稳定，一旦有什么变动就会觉得心里不踏实，性格也比较慢热，但你是理财高手，对于投资理财都有着独特的见解。金牛男的性格有点儿自我，而金牛女就喜欢投资自己，想要过得更好。

白羊座 3月21日-4月19日

白羊座有一种让人看见就觉得开心的感觉，因为总是看起来都是那么地热情、阳光、乐观、坚强，对朋友也慷概大方，性格直来直往，就是有点小脾气。白羊男有大男人主义的性格，而白羊女就是女汉子的形象

web安全总结:替换sql字段内容常用语句替换语句批量修改、增加、删除字段内容

sql替换语句，用该命令可以整批替换某字段的内容，也可以批量在原字段内容上加上或去掉字符。命令总解：update 表的名称 set 此表要替换的字段名=REPLACE(此表要替换的字段名, \\\'原来内容\\\', \\\'新内容\\\') 如 UPDATE Whir_ProductRelese SET ReleseName=REPLACE(ReleseName,\\\'aa\\\',\\\'bb\\\')

三个和尚的故事与项目机构管理【转载】

一个和尚挑水吃、两个和尚抬水吃、三个和尚没水吃。总寺的方丈大人得知情况后，就派来了一名主持和一名书记，共同负责解决这一问题。主持上任后，发现问题的关键是管理不到位，于是就招聘一些和尚成立了寺庙管理部来制定分工流程。为了更好地借鉴国外的先进经验，寺庙选派唐僧等领导干部出国学习取经；此外，他们还专门花钱请了天主教堂、基督教会的神父传授MBA。外国的神父呆了不久留下几个屁就走了，一个屁叫BPR，一个屁叫ERP。

MySQL的安装与配置

点击更多

SQL手工注入漏洞测试(Access数据库)

点击更多

关于测试排期的那些事

问题：组织架构是这样的，项目开发和产品同属一个部门，测试属于一个部门，各自有各自的领导。由于开发质量很差，例如简单的从数据库显示数据到页面的功能，三四个页面，能有40 bug，重新激活的bug也有6个，所以测试估期就比较长。结果项目负责人两次打回测试的估期，让重新排期，测试同学其实感受到了项目负责人的意思，但是没有主动与项目负责人和自己的领导沟通。

关于原生js实现添加和删除class类标签

关于原生js的class类标签添加和删除方法。1、添加class。格式：节点.classList.add(\"类名\")；2、删除class。格式：节点.classList.remove(\"类名\")；3、具体使用：document.getElementById(\'head\').classList.add(\"shadow\")；document.getElementById(\'head\').classList.remove(\"shadow\")；

什么样的人适合学习网络安全？

有很多想要转行网络安全或者选择网络安全专业的人在进行决定之前一定会有的问题：什么样的人适合学习网络安全？我适不适合学习网络安全？

MySQL语句大全

MySQL 是最流行的关系型数据库管理系统，在 WEB 应用方面 MySQL 是最好的 RDBMS(Relational Database Management System：关系数据库管理系统)应用软件之一。

扫码登录是如何实现的？

我们来分析一下，扫码登录，其实涉及到三种角色，需要解决两个问题。三种角色，很明显，扫码登录当中涉及到的三种角色：PC端、手机端、服务端。相关的设计都要围绕这三端来展开，具体的设计其实就是每一端应该完成什么功能？应该怎么实现？端和端应该如何交互？

项目根目录下的package.json文件中^和~的区别

^符号 ^表示以大版本号开头，例如：\\\"vue\\\": \\\"^2.6.11\\\"，若es6-promise有新的版本3.0.0及以上，你咋执行npm install时，只会匹配到2.x.x的最新版本，不会匹配到3.0.0及以上；符号再看\\\"typescript\\\": \\\"3.8.3\\\"，若typescript有新的版本3.9.0及以上，执行npm install时，只会匹配到3.8.x的最新版本，不会匹配到3.9.0及以上的版本。

npm 按指定版本安装依赖，需要带@符号

1、执行命令npm install vue@3.0.0 --save 安装完成后可以在package.json中可以看到：\\\"vue\\\": \\\"^3.0.0\\\"；2、全局安装 npm install xxx -g //模块将被下载安装到【全局目录】中; 3、本地安装npm install xxx //则是将模块下载到当前命令行所在目录

有哪些适合程序员看的网站？

程序员网站大汇总，除了技术提升、算法刷题、课程学习、电子书籍的网站，还有兼职副业平台！

PHP在Windows环境下获取GMT时间

在调用讯飞语音合成(流式版)接口时，它要求传入date参数为GMT时间，类似这样“Thu, 01 Aug 2019 01:53:21 GMT”。使用它默认的demo测试时，发现一直提示401 Unauthorized错误，官方说明是认证签名错误。

网站行业已经告别夕阳，进入寒冬

接触网站这行业大概7、8年了吧，没有什么过硬的技术，也没有什么牛逼的方法，更没有多广泛的资源，反正就这样一直干过来了。虽然没有在网站行业赚过多少钱，但是做网站似乎是真的已经不是夕阳行业，而是已经进入寒冬冬眠了。

http请求详解(看完必懂)

三次握手的必要性：为了保证服务器能接收到客户端的信息并做出正确的应答而进行前两次（第一次和第二次）握手，为了保证客户端能够接收到服务端的信息并能做出正确的应答而进行后两次（第二次和第三次）握手。四次挥手：当客户端和服务器通过三次握手建立了TCP连接之后，当数据传输完毕，就要断开TCP连接，这个过程称为四次挥手。

面向前端开发人员的8个有用工具

点击更多

虚拟主机和VPS和云服务器之间的区别

一直以来，对虚拟主机、云服务器这些服务器产品的概念比较模糊，虽然大概知道他们之间的性能差异，但对他们的详细区别却一知半解，以下内容通俗的阐述了虚拟主机和 VPS 和云服务器之间的区别，是新手站长优质的扫盲贴。

fetch请求图片获取图片的大小和blob数据

使用window内置方法fetch获取图片，并将图片信息转换程Blob对象，再使用Blob.size通过计算得到图片大小

CSS3弹性盒子模型Flex属性设置

弹性盒模型使用首先必须条件就是要有：display:flex; 然后弹性盒子的五个属性才会生效，五个属性分别是：flex-direction，justify-content，align-items，flex-wrap，align-content

网站链接地址url组成部分和简单说明

1、协议部分：该URL的协议部分为“http:”，表示网页使用的是HTTP协议。在\\\"http:\\\"后面的“//”为分隔符。2、域名部分：该URL的域名部分为\\\"www.dongblog.com\\\"，也可以使用IP地址作为域名使用。3、端口部分：域名后面的是端口,域名和端口之间使用\\\":\\\"作为分隔符。默认端口为80，一般默认端口不显示。

keycode键盘码和JavaScript键盘事件监听代码

通常我们需要快捷键实现一些功能，比如复制和粘贴，对应的快捷键是按ctrl c和ctrl v的组合键，那么我们需要判断事件中是否含按下ctrl键和c或z键

从输入一个 URL 地址到浏览器完成渲染的整个过程

关于一个 URL 地址到浏览器完成渲染的整个过程，需要经过以下几个基本步骤

http 状态码 204 301 302 304 400 401 403 404 含义

1. http 状态码 204 （无内容）服务器成功处理了请求，但没有返回任何内容。2. http 状态码 301 （永久移动）请求的网页已永久移动到新位置。服务器返回此响应（对 GET 或 HEAD 请求的响应）时，会自动将请求者转到新位置。

原生JavaScript代码如何实现Ajax请求

1、创建 XMLHttpRequest 对象,也就是创建一个异步调用对象。2、创建一个新的 HTTP 请求,并指定该 HTTP 请求的方法、URL 及验证信息。3、设置响应 HTTP 请求状态变化的函数。4、发送 HTTP 请求。5、获取异步调用返回的数据。6、使用 JavaScript 和 DOM 实现局部刷新。