JavaScript
夏天的风欧阳冰嫣
这个作者很懒,什么都没留下…
展开
-
process.env.NODE_ENV = 'production'
在node中,有全局变量process表示的是当前的node进程。process.env包含着关于系统环境的信息。但是process.env中并不存在NODE_ENV这个东西。NODE_ENV是用户一个自定义的变量,在webpack中它的用途是判断生产环境或开发环境的依据的。为了查看 process的基本信息,新建一个 process.js 文件,在里面加一句代码:console.l...原创 2020-01-21 11:00:12 · 10907 阅读 · 0 评论 -
JS遍历DOM树—(二叉树算深度优先遍历特例)
目录:二叉 DOM 树的遍历:前序,中序,后序多叉 DOM 树的遍历:广度优先搜索(队列),深度优先搜索(栈)二叉 DOM 树的前序、中序、后序遍历,是深度优先遍历的特例二叉 DOM 树的遍历[javascript] view plain copyfunction Tree() { var Node = function(key){ this...原创 2018-03-23 17:15:53 · 922 阅读 · 0 评论 -
JavaScript实现排序二叉树(数据结构)
被腾讯面试了2小时算法挂掉的前端不是好前端谁让前端JS那么火呢?SO 重新学习数据结构和算法吧!排序算法对前端来说非常重要!排序二叉树: 左子树小于根节点,右子树大于根节点,子树也满足这样的条件,这样的树叫做排序二叉树。所以JavaScript构建这样一个二叉树的过程如下:var BinaryTree = { var Node = function(){ }//定义二叉树的节点Node ...原创 2018-03-19 19:06:16 · 2242 阅读 · 0 评论 -
前端基础知识
帧元素 (有窗口元素:select元素,object元素,插件 IFrame)> HTML元素优先(帧元素: )表单(文本区域,列表框,各种输入框) > 非表单元素浏览器显示中的HTML显示顺序也不一样,一般是从上到下显示。JS基本数据类型: NULL, Undefined,Number,String,Boolean( 两个不一般的null和undefined,三个NBS)在ht...原创 2018-03-12 21:23:30 · 289 阅读 · 0 评论 -
DocumentFragment() 创建碎片,减少reflow回流
js中的DocumentFragment() 纯增加性能的方法 |document.createDocumentFragment()说白了就是为了节约使用DOM。每次JavaScript对DOM的操作都会改变页面的变现,并重新刷新整个页面,从而消耗了大量的时间。为解决这个问题,可以创建一个文档碎片,把所有的新节点附加其上,然后把文档碎片的内容一次性添加到document中。 var oui=d...原创 2018-03-15 11:15:05 · 258 阅读 · 0 评论 -
es6快速入门
转载说明:原文地址 ES6快速入门上次分享了es6开发环境的搭建,本次接着分享es6常用的特性。1.变量声明let和const我们都是知道在ES6以前,var关键字声明变量。无论声明在何处,都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升例如:function aa() { if(bool) { var test = 'hello man...转载 2018-02-28 21:19:05 · 221 阅读 · 0 评论 -
标准模式与混杂模式
标准模式与混杂模式DOCTYPE 的一个重要作用就是告诉浏览器,它该以何种模式呈现。我们通过document.compatMode这个属性来检测,当前页面处于何种模式:CSS1Compat:标准模式BackCompat:混杂模式在标准模式中,浏览器以其支持的最高标准呈现页面,;在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。 模式触发浏览...原创 2018-02-27 18:58:14 · 581 阅读 · 0 评论 -
Doctype是什么与浏览器模式详解(标准模式&混杂模式)
Doctype是什么与浏览器模式详解(标准模式&混杂模式)DOCTYPE 的一个重要作用就是告诉浏览器,它该以何种模式呈现。我们通过document.compatMode这个属性来检测,当前页面处于何种模式:CSS1Compat:标准模式BackCompat:混杂模式Doctype是什么<!doctype>声明必须处于HTML文档的头部,在<html>标签之前,HT...原创 2018-02-27 18:57:27 · 280 阅读 · 0 评论 -
左中侧导航栏组件
2018.1.11 21:35pm左中侧效果:可直接使用 LeftSidebar *{ margin:0; padding: 0; } .nav{ width: 160px; height: auto; position: fixed; left:0; top:50%; /*计算方法:每个行高40*原创 2018-01-11 21:33:23 · 383 阅读 · 0 评论 -
javascript的 || 和 &&
总结一下:1、只要“||”前面为false,无论“||”后面是true还是false,结果都返回“||”后面的值。2、只要“||”前面为true,无论“||”后面是true还是false,结果都返回“||”前面的值。3、只要“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值;4、只要“&&”前面是true,无论“&&”后面转载 2017-10-12 10:49:55 · 176 阅读 · 0 评论