淡逝奈成风吟-CSDN博客

原创 JS变量的执行环境和生命周期

目录：变量的执行环境（执行上下文）执行上下文的生命周期创建变量对象变量的数据存储变量的内存空间变量的垃圾回收let/const/var的区别执行环境（执行上下文)javascript的运行环境主要包括以下三种：全局环境：代码运行起来后会首先进入全局环境.函数环境：当函数被调用时，会进入当前函数中执行代码.eval环境：不建议使用，这里不做介绍.js运行环境也叫做执行上下文，因此在一个JavaScript程序中，必定会出现多个执行上下文.JS引擎会以栈(遵循后进先出的数据存

2020-07-28 23:03:31 459

原创 Node.js

Node.js机制及原理理解初步一、node.js优缺点node.js是单线程。好处就是1）简单2）高性能，避免了频繁的线程切换开销3）占用资源小，因为是单线程，在大负荷情况下，对内存占用仍然很低3）线程安全，没有加锁、解锁、死锁这些问题phpnode.js坏处就是如何解决高并发？node使用异步IO和事件驱动（回调函数）来解决这个问题。一般来说，高并发解决方案会提供多线程模型，为每个业务逻辑提供一个线程，通过系统线程切换来来弥补同步I/O调用的时间开销。像apache，是一个

2020-07-27 21:24:55 166

原创 AJAX

ajax1.1 什么是ajax:Ajax即“Asynchronous Javascript And XML”(异步JavaScript 和XML)，是指一种创建交互式网页应用的网页开发技术。Ajax=异步JavaScript和XML（标准通用标记语言的子集）。通过在后台与服务器进行少量数据交换,Ajax可以使用网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新（无刷新技术）。传统的网页（不使用Ajax）如果需要更新内容，必须重载整个网页页面。1.2 Ajax的应用场景：

2020-07-17 23:26:25 405

原创日期格式封装

2020-07-16 21:10:24 192

原创正则表达式的学习之一

正则认识正则作用是什么，怎么用，相信很多人都有这样的疑问，所以学习正则之前先要做的就是认识他：正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作

2020-07-16 21:03:09 117

原创 BFC

说起页面的布局，不得不提一个容易忽略但是很重要的东西——BFC(block formatting context)，翻译的直接点就是块级格式化上下文，翻译的有意境点就是开辟自己的地盘。以下是我对BFC的一些理解：一、什么是BFCBFC是一个独立的渲染区域，只有block-level box参与，它规定了内部的block-level box如何布局，并且与这个区域外部毫不相干。（也就是创建一个封闭空间，与世隔绝）。block-level box：块级元素。display属性为block, list-it

2020-07-09 23:33:38 109

原创 DOM深入学习之二

1.回顾<body> <div class="box"></div> <button>显示</button> <script> var box = document.getElementsByClassName("box")[0]; console.log(box); var btn = document.getElementsByTagName("button")[0];

2020-07-08 23:17:28 116

原创 DOM深入学习之一

1.DOM选择器选择器的作用：选中Html元素，然后进行 js 的修改。用什么存选择器选中结果？答案是变量。 // 通脱 html 字符串获取html元素集合返回【类数组】 (Elements) var divs = document.getElementsByTagName('div'); console.log(divs) console.log(divs[1]) // 获取 class 为 'wraper' 的元素集合返回【类数组】 var wrap =

2020-07-08 22:05:35 119

原创垃圾回收系统与闭包微妙关联

内存管理简介像C语言这样的底层语言一般都有底层的内存管理接口，比如 malloc()和free()。相反，JavaScript是在创建变量（对象，字符串等）时自动进行了分配内存，并且在不使用它们时“自动”释放。释放的过程称为垃圾回收。这个“自动”是混乱的根源，并让JavaScript（和其他高级语言）开发者错误的感觉他们可以不关心内存管理。谈到这里就不得不提到js垃圾回收机制：js的垃圾回收机制(针对的是内存说的)说的是：什么样的数据是没用的数据；没用的数据将被销毁；销毁的是堆中的数据。在内存中

2020-07-03 22:49:15 143

原创数组下常见api

数组是有序的元素序列，可以存储多个值怎么理解：一个变量存储多个值数组是线性的：除了第一个元素，每一个元素都有一个前驱元素，除了最后一个元素，，每一个元素都有一个后驱元素声明语法糖： arrayvar arr = [];var arr=[1,2,3,4,5,6,87]; 构造函数写法：var arr = new Array();var arr = new Array(1,2,3,4,5);使用如何获取数组中的元素因为数组是线性的，所以数组中的每一个元素，在数组中都有自己的位

2020-07-01 23:28:56 135

原创 js中的封装

js封装函数// 获取Idfunction getId(e) {return document.getElementById(e);}// 获取类名的集合function getClassName(e) {return document.getElementsByClassName(e);}// 获取标签名的集合function getTagName(e) {return document.getElementsByTagName(e);}// 获取名称的集合function g

2020-06-28 20:41:46 180

原创预编译相关内容

js预编译众所周知javascript是解释性语言，主要特点为解释一行执行一行。而在js运行时会进行三件事：1语法分析 2.预编译 3.解释执行语法分析会在代码执行前对代码进行通篇检查，以排除一些低级错误预编译发生在代码执行的前一刻解释执行顾名思义就是执行代码我先给大家举几个预编译的小例子：var a = 123;console.log(a)；此时他返回的值会是123；但如果我们调换位置：console.log(a);var a = 123;我们得到的结果便会是undefine

2020-06-28 20:31:24 202

原创正则表达式的相关内容和解释

正则表达式概念本节讲正则表达式在js中的使用，注意正则对象是一个引用类型。初始化：字面量和对象使用与对象的定义一样，我们可以使用字面量定义正则表达式，也可以使用正则对象来定义正则表达式，他们的区别是使用的转义有一定差别。在使用字面量的时候，使用/ /把正则表达式包起来，后面可以写上匹配模式或者不写，不写默认不是全局匹配，我们在使用的时候，一般都是使用字面量来初始化，因为这样比较简单，转义也不像字符串那么复杂。// 正则表达式 /at/g 表示匹配所有at /g表示全局搜索var patter

2020-06-23 19:31:56 121

原创 px转rem的详细解释和用法

最终可实现：例如宽 20px 的图，就可以写成 0.2rem ；公式为20px/100=0.2rem；var rootResize=function(){ var baseFontSize = 100; var baseWidth = 640; var minWidth=320; var clientWidth = document.documentElement.client

2020-06-19 21:00:11 1094

原创 javascript入门级详细介绍和解答

一、简介1、概述：JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。诞生于1995年，当时的主要目的是验证表单的数据是否合法。JavaScript本来应该叫Livescript，但是在发布前夕，想搭上当时超热的java顺风车，临时把名字改为了JavaScript。（也就是说js跟java没有关系，当时只是想借助java的名气）。js组成部分：（1）核心（ECMAScript）：这一部分主要是js的基

2020-06-19 20:47:51 164

原创 JavaScript大体学习思路

JavaScript学习javaScript基础　概念：　功能：　javaScript发展史基本语法　与html的结合方式　注释　数据类型　变量运算符　1.一元运算符　2.二元运算符　3.赋值运算符　4.比较运算符　5.逻辑运算符　6.三元运算符基本对象　1.fuction对象　2.Array对象　3.Date对象　4.Math对象　5.RegExp对象　6.Global对象弹出窗口显示页面Java特定对象的获取BOM　概念　组成　Window窗口

2020-06-18 23:23:40 492

原创字母x与“居中”

字母x ？《css世界》中提到：“我们这里的字母x就是26个英文字母中的x。由于自身形态的一些特殊性，这个小小的不起眼的字母担当大任，在css世界中扮演了一个重要的角色。”笔者在这两天写一个项目中遇到了“居中”的困惑：我发现代码段li{ verticle-align: middle;}失效！经过一番查证，发现：vertical-align属性只对行内元素有效，对块元素无效但我很快想到：有时候为什么写了line-height也会出错、或者说反而会出错呢？有时使用display:inl

2020-06-11 19:51:42 306

原创 Vue的学习经验

一、Vue的基本使用及模板语法1、Vue简介1.1 Vue是一套用于构建用户界面的渐进式框架：声明式渲染—>组件系统—>客户端路由—>集中式状态管理—>项目构建1.2 优点：易用：熟悉HTML、CSS、JavaScript知识后，可快速上手Vue灵活：在一个库和一套完整框架之间自如伸缩高效：20kB运行大小，超快虚拟DOM2、Vue的基本使用2.1 Vue使用的基本步骤1、需要提供标签用于填充数据2、引入vue.js库文件3、可以使用vue的语法做功能了4、把

2020-06-11 19:38:13 214

原创网页适配问题与解决方案

网页适配 iPhoneX，就是这么简单淡逝奈成风吟 2020-06-08 19:19:44前言iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。笔者通过查阅了一些官方文档，以及结合实际项目中的一些处理经验，整理了一套简单的适配方案分享给大家，希望对大家有所帮助，以下是处理前后效果图：

2020-06-08 20:13:32 1904

YANNINGXINYI的博客