Andrelia的博客

原创 如何提高阅读能力

以下是本人对如何提高阅读能力的思考与总结：谨记：学而不思则罔，思而不学则殆

原创 练就强大的学习能力（二）

思维导图版：

原创 练就强大的学习能力（一）

一下是我经过探索与实践认为对我个人比较有用的提升学习能力的方法：一，有效时间篇与专注力篇1，从此跟拖延症说再见2，快速进入学习状态的法门3，直达目标的学习准备4，解决核心干扰二，学习方法篇5，不得不知的一个学习误区6，输出倒逼输入 | 最有用的学习方法7，交替学习 | 提升秘诀8 ，刻意练习 | 最快的进步手段9，薄与厚背后的结构化思维10， 全文总结

原创 如何高效的在网上找开源项目做

如何高效的在网上找开源项目做适合在校学生和任何想转IT行业的人找项目练手，积累项目经验一、工具GitHub足矣二、方法相信很多人在github上找资源就直接在搜索框里打技术名，像下图这样。结果有14万+，你根本无从选择适合自己的。其实我们再搜索的时候，可以对项目名称进行搜索匹配也可以搜索description或者readme。具体怎么做呢？看下面：我们要搜索名字带sprin...

原创 JavaScript 之 DOM(Web API、DOM、事件高级（事件冒泡、事件委托）)

一、Web API简介目标：能够说出 Web APIs 阶段与 JavaScript 语法阶段的关联性能够说出什么是 API能够说出什么是 Web API1. Web APIs和JS基础关联性1.1 js的组成：2. API和Web API2.1 APIAPI（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是...

原创 JavaScript 之 BOM(window对象、定时器、JS执行队列、location对象、navigator对象、history对象）

BOM目标能够说出什么是BOM能够知道浏览器的顶级对象window能够写出页面加载事件及注意事项能够写出两种定时器函数并说出区别能够说出JS执行机制能够使用location对象完成页面之间的跳转能够知晓navigator对象涉及的属性能够使用history提供的方法实现页面刷新目录BOM概述window对象的常见事件定时器JS执行机制location对象nav...

原创 JavaScript 之 网页特效篇（offset系列、client系列、scroll系列、动画函数封装、常见网页特效）

网页特效1.元素偏移量 offset 系列offset 翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置可以获取元素自身的宽度和高度注意：返回的数值不带单位offset 系列常用属性:offset 系列属性作用element.offsetParent返回作为该元素带有定位的父级元...

原创 JavaScript 高级部分 之赋值、浅拷贝与深拷贝

浅拷贝与深拷贝前言你可能会经常遇到操作数组、对象的情况，然后你肯定会将原数组、对象进行‘备份’当真正对其操作时发现备份的也发生改变，此时你一脸懵逼，到时是为啥，不是已经备份了么，怎么备份的数组、对象也会发生变化。那么你就需要了解一下浅拷贝和深拷贝。数据类型ECMAScript变量包含两种不同数据类型的值：基本数据类型和引用数据类型。基本数据类型的特点：直接存储在栈（stack）中的...

原创 正则表达式

正则表达式正则表达式:也叫规则表达式,按照一定的规则组成的一个表达式,这个表达式的作用主要是匹配字符串的“我的电话:10086,他的电话:10010,你的电话:10000” 正则表达式,把这个字符串中的所有的数字找到正则表达式的作用:匹配字符串的在大多数编程语言中都可以使用正则表达式的组成:是由元字符或者是限定符组成的一个式子正则表达式语法元字符: - ....

原创 JavaScript 高级部分 之函数、闭包、递归、apply、call、bind、沙箱

函数、闭包、递归、apply、call、bind、沙箱函数中this的指向普通函数中的this是谁?-----window对象.方法中的this是谁?----当前的实例对象定时器方法中的this是谁?----window构造函数中的this是谁?-----实例对象原型对象方法中的this是谁?—实例对象函数的不同的调用方式普通函数方式function f1() { ...

原创 JavaScript 高级部分 之原型链、继承

原型链及继承一、复习面向对象及原型1.面向对象？面向过程和面向对象都是编程的思想,方式不一样面向过程:凡事都是亲力亲为,所有的代码都要自己写,每一步都要很清楚,注重的是过程面向对象:执行者成为指挥者,只要找对象,然后让对象做相关的事情,注重的是结果面向对象的特性:封装,继承,多态封装；就是代码的封装,把一些特征和行为封装在对象中.面向对象的编程思想:根据需求,抽象出相关的对象,总...

原创 JavaScript 高级部分 之面向对象编程、原型

JavaScript面向对象编程什么是对象：ECMAScript-262 把对象定义为：无序属性的集合，其属性可以包含基本值、对象或者函数。严格来讲，这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。提示：每个对象都是基于一个引用类型创建的，这些类型可以是系统内置的原生类型，也可以是开发人员自定义的类型。什么是面向对象：面向对象不...

原创 《JavaScript高级程序设计》笔记地址

https://andreliajun.github.io/javascript-notes/#/持续更新中

原创 腾讯云Centos7系统nginx、pm2部署node.js项目（从购买服务器到部署项目）

前言暑假的时候用node.js写了一个爬虫小项目，用的技术有express,bootstrap,animate.css,cheerio等。想着把它部署到服务器上，这个过程有点艰辛，之前一直用的是windows操作系统，但是还是Linux适合做服务器，以后基本上也是用linux，就把服务器换成centos7试试，我是没有任何Linux基础的，之前也没怎么部署过项目，真的一头雾水，啥也不懂，但是还好...

原创 Vue3怎么使用router

是 Vue3 中用于获取当前路由实例的语法。它是 Vue.js 3.2 中新增的 Composition API 之一，通过。获取路由实例的方法。而在 Vue3 中，由于组件的实例化方式发生了变化，不再直接拥有。函数可以获取路由实例，然后进行路由导航。在 Vue2 中，可以直接通过。进行路由跳转时，该语法只能用于。来获取路由实例和路由信息。需要注意的是，在使用。函数中进行路由跳转。

原创 Vue3怎么使用nextTick

在 Vue 3 中，可以通过。

转载 Window笔记本触摸板手势大全

计算机使用技巧

原创 练习写作第一天——谈谈写作

写作的精进过程，就是你不断发现过去写得很差的过程。不要抱着“我先准备好，再一炮打响”这种念头学写作，要接受过程中的不如意，有句话说得好：先干起来，你就成功了一半。

原创 git pull 报错Your configuration specifies to merge with the XXX from the remote, but no such ref was..

翻译过来的大致意思是：你的配置指定与ref 'XXX’合并 从远程，但没有这样的引用。打开.git文件夹打开config文件[branch "master"] remote = origin merge = refs/heads/XXX上诉XXX应该和 branch后面的分支名称保持一致。如果不一致就会报错，更改之后，git pull就成功了。...

原创 js对象的遍历总结（看这一篇就够了）

for inObject.prototype.fun = () => {};const obj = { 2: 'a', 1: 'b' };for (let i in obj) { console.log(i, ':', obj[i]);}// 1: b// 2: a// fun : () => {} Object 原型链上扩展的方法也被遍历出来for (let i in obj) { if (Object.prototype.hasOwnProperty.call(.

原创 算法复杂度详解

算法复杂度详解在本篇文章中你将了解到：O(1),O(n),O(logn),O(nlogn)…的区别及分析方法时间复杂度的优劣对比首先o(1), o(n), o(logn), o(nlogn)是用来表示对应算法的时间复杂度,这是算法的时间复杂度的表示。不仅仅用于表示时间复杂度，也用于表示空间复杂度。算法复杂度分为时间复杂度和空间复杂度。其作用：时间复杂度是指执行这个算法所需要的计算工作量；空间复杂度是指执行这个算法所需要的内存空间；O后面的括号中有一个函数，指明某个算法的耗时/

原创 我之所以看的更远，是因为我站在巨人的肩膀上

博客换了又换，最终决定使用博客园这个平台了。从大一开始学编程起就断断续续的写了不少博客，加上没发布的也有几百篇了。但是近期反思，大部分的博客质量并不是很高，只是小白学到点东西就想着把它记下来还有一些踩坑的经历，少数博客是认真反思后的总结，没有一篇博客有想过让别人也能看懂，我每次都是觉得用自己的语言自己能看懂方便自己记忆就好。我意识到自己的水平真的和大牛差太远了，有些时候想写点东西但是看看大...

原创 Struts2.5.20 ——404问题踩过的坑

struts2.5项目出现404需要注意以下几点：1. Struts2.5需要的最少jar文件有：commons-fileupload-1.3.2.jarcommons-io-2.4.jarcommons-lang3-3.4.jarfreemarker-2.3.23.jarognl-3.1.10.jarstruts2-core-2.5.2.jarjavassist-3.20.0-G...

原创 友情链接

于衡王总

原创 正则表达式语法速查表

推荐保存

原创 Git常用命令速查表

推荐保存

翻译 JavaScript拷贝数组的实现方式

JavaScript中我们经常会遇到拷贝数组的场景，但是都有哪些方式能够来实现呢，我们不妨来梳理一下。 1、扩展运算符（浅拷贝）自从ES6出现以来，这已经成为最流行的方法。它是一个很简单的语法，但是当你在使用类似于React和Redux这类库时，你会发现它是非常非常有用的。numbers = [1, 2, 3];numbersCopy = [...numbers];这个方法不...

原创 备战校招（一）

原创 在github上免费搭建静态网站服务

对于静态的项目可以免费部署到github上，这样不论是自己还是别人访问都比较方便，且免费。但如果涉及到性能比较高、有数据库存储的需求就不推荐。在Github上免费部署静态网站的简单的操作步骤如下：1. 安装git2. 配置SSH密钥（方便代码提交）在git-bash中输入命令，类似如下：ssh-keygen -t rsa -C “您的邮箱”。当看到Enter passphrase时...

原创 通俗理解URL和URI

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 ...

原创 css代码验证与压缩

检验css文件是否有语法错误，可以检验本地的css文件（上传即可），也可以检验任意一个网站。http://jigsaw.w3.org/css-validator/css代码压缩推荐使用谷歌插件web前端助手，也可以去站长之家压缩...

原创 使用github托管自己的笔记(docsify/vuepress)

前段时间经常在github上看到别人做的笔记，大概长这个样：觉得非常好看且有条理，于是了解了一下，做成这样的网站式的博客可以用docsify也可以用vuepress，可以根据个人喜好进行选择，下面推荐几篇博客，按照上面写的做，很快就可以搭建好属于自己的线上笔记。docsify: https://segmentfault.com/a/1190000017576714(写的最详细)https:...

原创 css权重计算方法

css权重是什么？CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。权重的等级有哪些以及如何计算权重？可以把样式的应用方式分为几个等级，按照等级来计算权重1、!important，加在样式属性值后，权重值为 100002、内联样式，如：style=””，权重值为10003、ID选择器，如：#conten...

原创 CSS - 去除图片img底侧空白缝隙

CSS - 去除图片img底侧空白缝隙 </h1> <div class="clear"></div> <div class="postBody"> 1. 图片底部有空隙<!DOCTYPE html><html lang="en">&...

转载 CSS精灵图（sprite）

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 ...

原创 Dynamic Dummy Image Generator动态虚拟图像生成器

介绍umy Image 网站是一个可以帮助前端设计师设定占位图片的在线工具，可以按照你设定的大小生成出一个图片占位符，用以填充网页设计上的图片，充实网页模版内容，更直观的查看网页设计模版的整体效果。用法进入官网https://dummyimage.com/在地址栏内一这种格式输入你想要的图片https://dummyimage.com/2000x900/e91e63/fff200090...

原创 为什么要用box-sizing: border-box？一般什么时候用？

1新建一个HTML文档，并定义一个块元素，CSS示例：.normal{width: 100px; height:100px; background: blue; }步骤阅读2保存文件，预览效果，步骤阅读3再次加入一个DIV并在原有的CSS上复制一份，加入Padding属性，示例：.normal-padding{       &n...

原创 为什么要浮动，为什么要清除浮动，清除浮动的方式有哪些？

一、为什么要浮动？据网上资料显示，以前提出浮动的概念主要是为了解决左边图片，右边文字的需求，后来浮动在网页的布局中应用比较广泛。我之前在学习网页设计时，针对于一个花店的导航页，存在许多的图片显示，而有效并且美观的布局样式极为重要，这时float属性就显得尤为重要。二、为什么要清除浮动？浮动的属性虽然方便使用，但是在使用这种属性时，也存在着一种弊端，那就是当子元素设置了float属性之后，且父...

转载 内联元素与块级元素特性及转换

块级元素(block)特性：总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示;宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;内联元素(inline)特性：和相邻的内联元素在同一行;宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的t...

原创 node.js项目部署到服务器上使用forever/pm2

将代码部署到服务器的代码目录，这里要注意，如果直接 npm start 或 node app.js 启动，则一旦退出 ssh 远程登陆，nodeapp 就会停止运行。因此我们使用 forever 或者pm2启动 nodeapp。forever和pm2的区别：forever 管理多个站点，每个站访问量不大，不需要监控。pm2 网站访问量比较大，需要完整的监控界面。使用forever的命令：...