- 博客(12)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 对Javascript中的一些基本概念和一些难点的理解
1. 字面量在计算机科学中，字面量（literal）是用于表达源代码中一个固定值的表示法（notation）。通俗来讲，字面量就是指这个量本身，比如字面量3。也就是指3. 再比如 string类型的字面量"ABC", 这个"ABC" 通过字来描述。 所以就是字面量，可以简单理解成一眼就能知道的量。对比下 string x; 那么x 是多少呢？ 它是个变量，你不确定它的值。 但是string x...
2020-02-13 17:58:02
305
原创 JavaScript数据类型和内存(内存泄漏、内存垃圾回收)
变量和内存管理为了合理的管理内存，操作系统一般会把内存划分区域来使用，如代码区、数据区等。被编译成机器的码的程序在执行时会被复制到内存的代码区，程序中的变量和常量会被存放到数据区中。数据区，一般又分成：堆区、栈区、全局区……。各大语言的编译器的内存模型一般会有一定的差别，不过基本都有堆和栈之分。对于JavaScript来说，为了更好的理解，也需要去讨论讨论堆和栈。栈区一般由系统自动分配存储空...
2020-02-13 15:39:18
201
原创 前端开发必须要掌握的的响应式布局方式
1. 响应式开发原理1.1 响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备的划分情况：设备尺寸区间超小屏幕（手机）< 768px小屏设备（平板）>= 768px ~ < 992px中等屏幕（桌面显示器）>= 992px ~ < 1200px宽屏设备（大桌面显示器）...
2020-02-13 15:34:19
1131
原创 前端开发中常用的移动端web开发和流式布局
1.0 移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手...
2020-02-13 15:28:55
764
原创 总结一些前端优化的小技巧
优化基本思路减少HTTP请求数量减小请求资源的大小小技巧将图片压缩后再放到生产环境，这样图片可以变得相对较小，常用压缩工具有： https://tinypng.com/ 和 https://pngcrush.com/精灵图(雪碧图)的优化把图片横向合并而不是纵向，横向更小。把颜色近似的图片合并到一张雪碧图，这样可以让颜色数更少，如果低于 256 就可以用 png8。...
2020-02-13 15:14:26
146
原创 前端工程优化之重绘、回流和图层的概念
重绘、回流和图层在前面的学习中，我们知道浏览器在渲染一个页面的过程是这样的：解析HTML构建DOM树渲染引擎使用HTML解析器（调用XML解析器）解析HTML（XML）文档，将各个HTML（XML）元素逐个转化成DOM节点，从而生成DOM树。接着渲染引擎使用CSS解析器解析外部CSS文件及style标签中的样式信息，构建出CSSOM 树。构建渲染树渲染引擎使用上一步CSS解析器...
2020-02-13 15:12:32
281
原创 彻底理解前端工程优化难点之防抖和节流
防抖和节流在给DOM绑定事件时，有些事件我们是无法控制触发频率的。 如鼠标移动事件onmousemove, 滚动滚动条事件onscroll，窗口大小改变事件onresize，瞬间的操作都会导致这些事件会被高频触发。 我们看个例子：<div id="xxx" style="width: 100px; height: 100px; background-color: red;">1&l...
2020-02-13 15:08:20
150
原创 深刻理解什么是回调函数和高阶函数
在JavaScript中，函数是一等公民，它们是一种特殊类型的对象，也就是Function对象。更确切地说，函数是用Function()构造函数创建的Function对象，既然函数就是对象，那么函数就可以作为另外一些函数的实参进行传递。1. 回调函数回调函数就是一个通过函数指针调用的函数。如果你把函数的指针（地址）作为参数传递给另一个函数，当这个指针被用来调用其所指向的函数时，我们就说这是回调...
2020-02-13 15:05:05
1630
原创 彻底搞懂什么是深拷贝和浅拷贝
深拷贝和浅拷贝，主要是对象发生复制的时候，根据复制的层级不同来区分的。很多人在这里经常变量赋值发生混淆。我们前面知道了，对于JavaScript数组等复杂的数据类型来说，将其赋值给其它变量，其实只是复制了对象的地址给它，两个变量指向的是同一个对象，因此普通的赋值既不是深拷贝也不是浅拷贝。浅拷贝所谓浅拷贝就是指对象复制的时候只复制一层。var xiaoHong = { name: '小...
2020-02-13 15:00:53
945
原创 现代浏览器的组成和页面渲染步骤
现代浏览器组成目前，常用的浏览器主要有：Chrome、IE（Edge）、Safari、Firefox等。不同的浏览器在结构方面虽然有所差异，但是整体的设计理念是相似的。因此，可以抽象得到如下图所示的参考结构：浏览器的抽象分层结构图中将浏览器分成了以下8个子系统：用户界面（User Interface）用户界面主要包括工具栏、地址栏、前进/后退按钮、书签菜单、可视化页面加载进度、智能下载处...
2020-02-13 14:56:36
284
原创 目前最火的前端布局方式：less+rem+媒体查询
1. rem基础rem单位rem (root em)是一个相对单位，类似于em，em是父元素字体大小，rem的基准是相对于html元素的字体大小。比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。/* 根html 为 12px */html { font-size: 12px;}/* 此时 div 的字体...
2020-02-10 19:56:52
3484
原创 基于码云的git项目版本控制器的简单使用
将项目提交到git远程仓库的步骤1. 安装git(windows系统)官方下载地址： https://git-scm.com/downloads下载完成之后，点击安装：注意：点击next，什么都不要动一路安装到底即可创建一个自己的远程仓库， 如下图：将需要填写的选项填完后，点击创建就会看到如下页面：1.1. 安装完成之后，在桌面上单击右键可以看到Git Bash Here 选...
2020-02-05 15:18:02
372
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人