hunter_97的博客

允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。当尝试访问可能不存在的对象属性时，可选链操作符将会使表达...

一、遍历树结构1. 树结构介绍JS中树结构一般是类似于这样的结构：let tree = [ { id: '1', title: '节点1', children: [ { id: '1-1', title: '节点1-1' }, { id: '1-2', title...

虽然 B/S 是目前开发的主流，但是 C/S 仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上 Web 开发的低成本、高效率的优势，这种跨平台方式越来越受到开发者的喜爱。Electron 是一个基于 Chromium 和 Node.js，使用 HTML、CSS 和 JavaScript 来构建跨平台应用的...

常用实体符号HTML 原代码显示结果描述&lt;<小于号或显示标记&gt;>大于号或显示标记&amp;&可用于显示其它特殊字符&quot;“引号&reg;®已注册&copy;©版权&trade;™商标在实际开发的过程中，很多情...

在PowerShell中运行某些脚本时，会提示：无法加载文件ps1，因为在此系统中禁止执行脚本。有关详细信息，请参阅 "get-help about_signing"解决办法：1.以管理员身份运行powershell2.输入set-ExecutionPolicy RemoteSigned然后再去运行对应脚本，就可以运行了。...

一、 浏览器兼容(常规)IE9+、Edge、Chrome、Firefox、Safari、Opera二、 包管理工具npm三、 前端框架vuejQueryreact四、 前端脚手架vue-cli3五、 UI框架PC端element-ui、layui移动端vant六、 ajax框架axios七、 推送技术websocket、轮询八、 css预处理器le...

在js代码执行过程中一旦有错误，后续的相关代码都会终止，这样会使得我们的项目代码结构上很不健壮。在其他的一些编程语言中都有异常捕获的方法,提供了异常处理机制，可以处理出现的异常，而不会停止整个应用程序.在es3之后的版本中js也可以进行异常捕获，通过try{}catch{}使的前端代码更加健壮。Error具有下面一些主要属性：1.description: 错误描述 (仅IE可用).2.fi...

由于工作需要，近期需要做一个即时通讯的功能，所以就单独去了解了一下WebSocket的相关知识，学习、使用一下WebSocket。什么是WebSocketWebSocket是HTML5新增的协议，它的目的是在浏览器和服务器之间建立一个不受限的双向通信的通道，比如说，服务器可以在任意时刻发送消息给浏览器。为什么传统的HTTP协议不能做到WebSocket实现的功能？这是因为HTTP协议是一...

&nbsp; 它叫不换行空格，全称No-Break Space，它是最常见和我们使用最多的空格，大多数的人可能只接触了&nbsp;，它是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的(只算1个)。要使用html实体表示才可累加，该空格占据宽度受字体影响明显而强烈。&ensp;它叫“半角空格”，全称是En Space，...

一、设计原则常用控件、表格、布局和页面做出一套或者多套模板。这里我们可以选择一套成熟的UI框架进行微调就可以了，如element-ui、layui、iview。需要使用统一的颜色、图标的地方产品、UI设计人员应该提前规划好。前端工程师应根据这些主题元素提前做好规划，最好能够将使用这些主题元素的样式都写在一个CSS文件当中、相应的主题图标的图片放在同一个文件夹，那么以后就能够很方便的更改主...

如何关闭运行在某端口的的进程，下面以8080端口为例：运行cmd,输入netstat -o -n -a | findstr :端口号如：netstat -o -n -a | findstr :8080，最后一列的数字为process ID 即PID。输入taskkill /F /PID PID编号如：上图中我们查到本地8080端口的PID编号为1240，就输入taskkill...

CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点，必须规定两项内容：指定要添加效果的CSS属性；指定效果的持续时间。一、过渡属性属性描述CSStransition简写属性，用于在一个属性中设置四个过渡属性。3transition-property规定应用过渡的 CSS 属性的名称。3transition-duration定义过渡效...

<!--[if lt IE 8]> <link rel="stylesheet" href="style.css"><![endif]-->类似于这样的条件注释判断，在之前的开发中我们回经常用到，本文就对此方面的相关操作进行简单的讲解。一、条件注释判断符号符号示例功能![if !IE]NOT运算符。这是摆立即在前面的功能...

一、命令行汇总git config //配置本地仓库常用git config --global user.name、git config --global user.emailgit config --list //查看配置详情git init //初始一个仓库，添加--bare可以初始化一个共享(裸)仓库git status //可以查看当前仓库的状态git add 文件 ...

远程(共享)仓库可以协助我们是开发变得更加方便、团队之间配合开发更加容易。一、自建远程(共享)仓库创建仓库Git要求共享仓库是一个以.git结尾的目录。mkdir 仓库名.git 创建以.git结尾目录cd 仓库名.git 进入这个目录git init --bare 初始化一个共享仓库,也叫裸仓库 注意选项--bare创建仓库.png这样就建好了一个共享的仓库，但这时这个...

在前面两个章节中已经学习了git的基础知识，在本章和下章讲学习git版本控制比较核心的一些操作。(由于本章中的部分内容来自其他文献，可能有的地方可能理解起来不是太易懂，比如在文中分支那一部分的结构图把箭头看成反向的可能更容易理解。)Git本地仓库：指的是开发者开发设备中的仓库。此章节较长，请做好心理准备，耐心阅读。( :一、基础操作任意目录(建议开发根目录)右键 > Git Bash...

一、安装Windows安装：下载Git客户端软件，和普通软件安装方式一样。Linux安装： CentOS发行版：sudo yum install git ；Ubuntu发行版：sudo apt-get install git 。Mac安装：打开Terminal直接输入git命令，会自动提示，按提示引导安装即可。二、工作原理为了更好的学习Git，我们们必须了解Git管理我们文件的3种状态...

一、版本控制版本控制(Version Control Systems)是一种记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的系统。这个系统可以自动帮我们备份文件的每一次更改，并且可以非常方便的恢复到任意的备份(版本)状态。举例：我们通常都是手动的重命名一个文件进行备份的，index.html改成index1.html或者index.html.bak等形式，然后这种方式对于单个文件我...

npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。在真正步入前端的大门后，我们会接触到node.js，继而会牵引出一个重要的包管理工具npm。最新版的node.js已经集成了npm包管理工具。在安装完node.js后，我们可以通关node -v检查node的版本以及是否正确安装，通关npm...

前面写过一篇文章是关于js遍历数据的，这段时间看一篇关于JavaScript中的迭代方法感觉不错也挺实用的，给大家推荐一下。ECMAScript5为数组定义了5个迭代方法。每个方法都接收两个参数：要在每一项上运行的函数和(可选的)运行该函数的作用域对象(即影响this的值)。传入这些方法中的函数会接收三个参数：数组项的值、该项在数组中的位置和数组对象本身。根据使...

遍历数据最常见的方法就是for循环，出for循环外也有其他的一些比较好用的方法。var array = [1,2,3,4,5];//for循环1for(let i = 0 ; i < array.length ; i++){ console.log(array[i]);}//for循环2for(let index in array){ console.log(a...

在编写js脚本的时候，经常会遇到要对数据进行类型转换的地方。js实现数据转换的方式主要是三种：转换函数、强制类型转换、利用js变量弱类型转换。一、字符串转数字js提供了parseInt()和parseFloat()两个转换函数。前者把值转换成整数，后者把值转换成浮点数。只有对String类型调用这些方法，这两个函数才能正确运行；对其他类型返回的都是NaN(Not a Number)。一些示...

关于实现渐变色的解答，渐变分为线性渐变和径向渐变。一、 线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向为了创建一个线性渐变，必须至少定义两种颜色结点。颜色结点就是呈现平稳过渡的两端颜色。也可以设置一个起点和一个方向(或一个角度)。语法background: linear-gradient(direction, color-stop1, color-st...

Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。Cookie 的作用就是用于解决 "如何记录客户端的用户信息"。localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将...

一个非常好用的前端验证码插件。用法教程小结：//html<div id="verify-img"></div>//js//初始化验证码var verifyCode = new GVerify({ id:"verify-img", //容器的ID type:"number" //图形验证码的类型：blend-数字字母混合类型(默认)、...

　　弹性盒子是 CSS3 的一种新的布局模式。　　CSS3 弹性盒( Flexible Box 或 flexbox)，是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。　　 CSS3 弹性盒子常用到的属性:属性描述display指定 H...

　　最近在了解一些关于less方面的东西， 整理了一点比较基础的。变量　　变量允许我们单独定义一系列通用的样式，然后在需要的时候去调用。所以在做全局样式调整的时候我们可能只需要修改几行代码就可以了。/*LESS*/@color: #4D926F;#header { color: @color;}h2 { color: @color;}/* 生成的 CSS */#h...

　　当今流行的浏览器(如:Firefox、Opera、Internet Explorer、Chrome、Safari等等)中，有一些都是以自己的方式去理解CSS规范，这就是的相同的代码相同的页面在不同的浏览器中可能会渲染出不同的效果。　　为解决这个问题，一些前辈们想到了一种避免浏览器兼容性问题的方法，那就是CSS Reset，也可以叫做CSS重设、CSS复位、默认CSS、CSS重置等。可以理解...

　　所有的悲伤，总会留下一丝欢乐的线索。所有的遗憾，总会留下一处完美的角落。我在冰封的深海，找寻希望的缺口。却在午夜惊醒时，蓦然瞥见绝美的月光。--几米　　前段时间在网上看到一句话，一个人经历的多了就会变得感性，很多自己以前看起来不起眼的事情都会触动到自己的内心。我觉得只有真正的成长才会是一个人慢慢的变得感性，有别于以前的自己。　　我的改变是从母亲的去世开始的……　　当时母亲的...

　　在开发过程中ajax是必须的，对近期在ajax的使用上的心得进行总结。一、关于ajaxajax工作原理.png//原生ajax实例var xmlhttp;if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 建立XMLHttpRequest实例 xmlhttp=ne...

原文地址：5 Tips to Write Better Conditionals in JavaScript原文作者：ecelyn Yeen(@jecelynyeen)译文出自：阿里云翻译小组译文链接：https://github.com/dawn-teams/translate/blob/master/articles/5-Tips-to-Write-Better-Condit...

所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。css盒子模型 又称框模型 (Box Model)，是CSS中一个重要概念，文档中的每个元素被描绘为矩形盒子，所有文档元素都生成一个矩形框，这称为元素框(element box)，它描述了一个元素在文档布局中所占的空间大小，每个框影响着其他元素框的位置和大小。它包括：外边距(margin)，内边距(...

.md即markdown文件的基本常用编写语法,是一种快速标记、快速排版语言，现在很多前段项目中的说明文件readme等都是用.md文件编写的，而且很多企业也在在鼓励使用这种编辑方式，特别作为一个前端从业者更要学会使用这种语言。下面就简单和大家分享一些.md基本语法一、基本符号：* - +. >基本上所有的markdown标记都是基于这四个符号或组合，需要注意的是，如果以基本符号开头的标...

在日常的开发过程中，总会遇到一些情况需要元素居中，下面列举了部分元素居中方法。一、实现不定宽高水平垂直居中.parent{ justify-content:center;/*子元素水平居中*/ align-items:center;/*子元素垂直居中*/ display:-webkit-flex;}二、div绝对定...

BFC全称是Block Formatting Context，即块格式化上下文，是 W3C CSS2.1 规范中的一个概念。 简单理解就是如果子元素浮动无法支撑起父元素，就会使页面布局混乱。而BFC 属于定位方案的普通流。具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一...

从事前端方面的工作已经有一段时间了，有一点心得写下来分享一下。一、基础 想要从事前端工作最基本的HTML,CSS，JavaScript是必须要掌握的，这是前端的根本。相对其他的计算机语言这几门语言还是比较容易接受的，很多人可以通过自学，来了解。这里推荐几个帮助学习的网站。 菜鸟教程 w3cschool 在把以上基础语言掌握的基础上可以进行尝...