MR_LP的博客

注意如果正文中出现图片碎裂，无法加载的情况。可以前往我的简书专栏中查看，地址：H5 学习笔记0.前言感觉读者现在基本都已经习惯了我的套路，但是还是有几位读者让我“猝不及防”呀。例如我在上期文章中，说各位都习惯了我的墨迹，结果…一口老血就喷屏幕上了！~如果你的留言足够有趣，在下一期文章中，也会有机会上文章哦！~ ������在前两天，看了我男神（龙哥）专门去讲解兼容性的视频，觉得真心好，所以专门花时

1.前言在上一篇文章，HTML 5 动态效果制作方法整理中，我们分别介绍了前端开发中常用的几种动态效果的做法。其中，关于 Canvas 是现在非常流行，并且也被广泛运用的一种技术。那今天就一起来跟着我学习一下，如何实现下面的这个图片吧。2.前期准备我们的 Canvas 更擅长绘制大量的效果，例如我们上面看到的这个小动画。我们就可以通过 Canvas 去完成，那么问题就来了。我们要完成这个内容，该从何

作者前言： 最近身边好多小伙伴已经开始面试找工作了，在面试的过程中，无可避免的要去应对各种各样的面试题。 在之前的工作过程中，我也一直在有意识的记录各种面试题。 现在一起分阶段的分享给大家，希望大家能够在未来的一段时间中，面试顺利。 2016年11月16日17:07:33 题目序号 题目备注 1 在页面内居中（水平和垂直方向）*3 2 如何

0.前言最近弄东西，经常会用到终端里的命令，可是使用的时候总是会忘记一些功能怎么写，所以在网上找了一篇相对比较全的文章，在这里做一个分享。感谢原作者！1.目录操作 命令名 功能描述 使用举例 mkdir 创建一个目录 mkdir dirname rmdir 删除一个目录 rmdir dirname mvdir 移动或重命名一个目录 mvdir dir1

0.前言估计所有读者也慢慢适应我每次讲东西之前先墨迹一段的习惯了。那么我今天就来个转换，我！不！墨！迹！了！正文开始。1.script标签的默认行为首先我们先来看一下 <script> 标签 的几个重要特性：script标签的会阻止文档渲染。相关脚本会立即下载并执行。 注意：（不带defer或async属性）document.currentScript 可以获得当前正在运行的脚本(Chrome

0.注意如果本文中某些图片未能正确加载，请移步下面的连接查看。前端 Meta 用法大汇总1.前言昨天晚上刷朋友圈，发现有同时分享了这么一篇文章。这篇文章中将我们 Meta 标签 常用的几种用法分别说明，但是发现关于 Meta 标签的说明有些不完善，所以自己决定从新去书写一篇文章，专门来讲解一下我们的 Meta 标签。好了，陈述完毕，开始正文。本文主要分为四个模块，请读者自行选择查看。Meta 标签

0.前言如果图片没有正常加载，请移步鹏哥私房菜【SSL 是什么鬼？】今日闲着无聊，上网正好看到一个标题党，《洒泪告别 神秘代码终被谷歌逼上绝路》。因为好奇，所以点开看了一下，结果发现是一篇逗逼文章，说白了就是说一下，SSL 到底是什么？ 正巧之前也看过一些国外的文章，今天就一起来和大家分享一下，什么是 SSL。1.SSL 的由来我们知道，HTTP协议传输的数据都是未加密的，也就是明文的，因此使用HT

首先说声抱歉，之前填写的网页图片全部都插入错误了，导致之前很多读者没法查看到具体图片，在这里作者表示十分抱歉，因为我在编写的时候，查看图片一般都是正常的，假如发生了某些未知错误，可以点击我的简书处查看。1.前言我们都知道，我们平时在 PC 端编写的代码一般来说都直接在 PC 上查看一下展示的效果就可以。但是我们的界面在移动端设备上时，我们的用户往往会对界面的内容进行缩放等操作，这时候我们往往需要使

0. 前言相信各位小伙伴读了之前的文章，对 Canvas 基础已经有了一定的认识和了解，但是大家也一定记得我在上一篇文章留了一个小的坑。就是我没有告诉大家该如何去绘制圆，之所以没有说是因为绘制圆实际上是因为 CanvasRenderingContext2D 对象只提供了两个绘制矩形的方法，并没有直接提供绘制圆，椭圆等几何图形的方法。为了在 Canvas 上绘制更复杂的方法，必须在 Canvas 上启

0.前言 冒泡排序（Bubble Sort），是一种计算机科学领域的较简单的排序算法。 它重复地走访过要排序的数列，一次比较两个元素，如果他们的顺序错误就把他们交换过来。 走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。 这个算法的名字由来是因为越大的元素会经由交换慢慢“浮”到数列的顶端，故名。正如百度百科中的所说，我们的冒泡排序是一种非常基础的一种

1.前言最近忙的焦头烂额，今天下午准备静下心来反思一下，结果看了下知乎就停不下来了，捂脸 ing。好了，不扯淡了。今天下午看了一些内容，发现是一些自己之前不注意，或者看了一次就再也没用过的东西，今天正好就一起整理分享一下。2.实时编辑 CSS在 HTML 5 中新增了一个新的全局属性，contenteditable 属性。 contenteditable 属性规定是否可编辑元素的内容。我们可以

0.备注如果发现有某些图片未正常加载，可以点击下面链接，查看文章。HTML 5 动态效果制作方法整理1.前言随着时代的发展和进步，越来越多的开发者开始在前端界面中加入动态效果。那么我们今天就一起来整理和分享一下前端动态效果的制作方法，并对其中的 Canvas 进行一下简单的讲解。2.动态效果的分类我们首先先来简单看一下，动态效果的制作有哪些分类？3.GIF首先第一个就是我们的 gif 图片，这是一种

1.前言在日常的工作当中，每一次接触一个新的业务方向的时候，我们经常会遇到这么一个烦恼。就是我们已经将整个业务流程中所需要各种技术全部掌握了，但是当我们一次次的重复之前的工作，一次次处理相同的问题的时候，你会慢慢感到麻木，不停地重复相同的事情更让你感到厌烦。这时候你其实可以想想，是不是在我的工作中，出现了“瓶颈期”呢？这个时候我们从新回头来看一下，我们从最开始接触这一个行业时，是以一个什么样的心态走

1.前言今天朋友问我一个问题，我现在需要多次匹配同一个内容，但是为什么我第一次匹配，直接是 true，而第二次匹配确实 false 呢？var s1 = "MRLP";var s2 = "MRLP";var reg = /mrlp/ig;console.log(reg.test(s1));console.log(reg.test(s2));这时候你会发现，我们在连续使用一个正则匹配其他字符串

0. 前言重要：如果文章内部有图片无法显示，请移步简书 查看。今天在刷文章的时候，突然看到了一篇专门分享前端面试算法的文章。趁着现在有时间，赶紧和大家分享一波。下面直接开始正文。1. 正文虽说我们很多时候前端很少有机会接触到算法。大多都交互性的操作，然而从各大公司面试来看，算法依旧是考察的一方面。实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题，这些基

0.前言最近小编我刚刚结束上一段的工作，结果立马就马不停蹄的开始了新一轮的工作了，表示无辜，(o´・ェ・｀o)，程序猿真是个累死人不偿命的工作呀。今天晚上看到同事新启封的 JavaScript 权威指南，心血来潮的想，如果我能把这个书里面的重点以及具体知识点梳理出来，那么后来的人是不是就能少走一些弯路呢？抱着这个想法，于是就开始了今天晚上的读书之旅，更由于小编喜欢整理东西这个习惯，才有了此文。真心希

第三章“师傅，我经过昨天的修炼，已经对HTML 此门神功有了基础的了解，但是学生有一事不明。”“何事？但说无妨。”“这便是那‘盒模型’，都说‘盒模型’是继佛怒火连之后，另一件超神器，但是徒儿却始终不能掌握其原理。”“此事无碍，且看此图。” 我们把这个盒子，类比成我们中秋节的时候包装月饼的月饼盒子。 其中两个月饼盒子之间的距离就是咱们要介绍的–>margin（外边距）. 而咱们每个月饼

表单元素元素用于生成输入表单 , 该元素不会生成可视化部分.在 HTML 5 规范前, 其他表单控件 , 如单行文本框 ,多行文本域 , 单选按钮, 复选框 等都必须放在 元素之内.除此之外还可以指定如下属性:元素名称元素属性 action 指定当单击表单内的 “确认” 按钮时 , 该表单被提交到哪个地址.

form 属性在 HTML 5 之前,所有的表单控件必须放在元素内部, 表明该表单控件属于该表单.但 HTML 5 为表单控件新增了 form 属性, 用于定义该表单控件所属的表单, 该属性的值应该是它所属表单的 id.通过为表单控件指定 form 属性, 可以让表单控件定义在 元素之外, 从而提高灵活性.上面粗体字代码使用定义了一个多行文本域, 虽然它并不在元素内

color让 元素生成一个颜色选择器. 当用户在选择颜色选择器中选中指定颜色后,该文本框自动显示用户选中的颜色,该文本框的 value 为该颜色的值, 形如 #xxxxxx 的颜色值.date让元素生成一个日期选择器.time让元素生成一个事件选择器.datetime让元素生成一个 UTC

元素名称元素含义 ul定义无序列表,该元素可以指定 id , style , class 等属性,还可以指定 onclick 等事件属性 . 该元素只能包含子元素.ol定义有序列表 . 该元素可以指定 id , style , class 等属性,还可以指定 onclick 等事件属性 . 该元素只能包含子元素. 除此之外 , 在 HTML

前言 首先现在最上面去写一下，自己尝试去做讲师的感觉吧。 首先第一点，也是你最重要的一点，就是你的逻辑思维一定要清晰。 你一定要对你接下来要讲的东西，有一个很明确的认知。 你要明白你讲这个东西要花多长时间。 要涉及到哪些内容。 要通过什么样的方式去让学生们明白你想要做什么。 其次就是，你一定要对你讲的东西持非常确定的态度，如果你自己都不确定你讲的东西是否正确，

首先现在最上面去写一下，自己尝试去做讲师的感觉吧。 首先第一点，也是你最重要的一点，就是你的逻辑思维一定要清晰。 你一定要对你接下来要讲的东西，有一个很明确的认知。 你要明白你讲这个东西要花多长时间。 要涉及到哪些内容。 要通过什么样的方式去让学生们明白你想要做什么。 其次就是，你一定要对你讲的东西持非常确定的态度，如果你自己都不确定你讲的东西是否正确，学生们有怎么会知道，他是否能跟你去学习到正确的东西呢

首先非常抱歉，最近实在太忙，所以导致周六周日拖更，今天白天还忙工作，一直到现在才刚刚把最近学习的东西整理出来。 各位读者老爷，小的真的已经很辛苦了，现在22：17分了，我还在公司坐着，所以下面如果有什么错误的地方，也请各位观众老爷和谐讨论，别喷我。 好了，废话不多说了，直接上正文。 PHP学习笔记2016年03月21日22:25:24今日课程预览

2016.3.18__ JavaScript基础2_第十三天今日课程预览1.for循环如果您希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用循环是很方便的。当然，我们可以一遍遍的重复代码。document.write(cars[0] + "<br>");document.write(cars[1] + "<br>");document.write(cars[2] + "<br>");

启动拖动在 HTML 5 中, 元素默认是可拖动的;而元素只要设置了 href 属性,它默认也是可拖动的.对于普通元素而言,如果希望把它变为可拖动的,开发者只要把元素的 draggable 属性设为 true 即可.但仅仅设置该元素的 draggable 属性还不够,因为仅仅设置了 draggable= “true” 只表示该元素可拖动,但拖

元素名称元素属性script该元素用于包含 JavaScript 脚本.style该元素用于定义内部 CSS 样式.link该元素用于链接外部 CSS 样式等资源.title该元素用于定义文档标题.该元素较为常用的属性是 id , 作为唯一标识.该元素只能包含

元素名称元素含义src该属性指定图片文件所在的位置,该属性值既可以是相对路径,也可以是绝对路径.alt该属性指定一段文本,该文本将作为该拖的提示信息.height指定该图片的高度,该属性可以是百分比,也可以是像素值.width指定该图片的宽度,该属性可以是百分

表格相关元素元素名称元素含义 table定义表格 , 元素只能包含 0 个 或 1 个 子元素(定义表格标题) , 0 个 或 1 个 子元素(定义表格头) ,0 个 或 1 个 子元素(定义表格脚) ,  0 个 或 1 个 子元素(定义表格行) , 0 个 或 1 个 子元素(定义表格体) . 该元素还可以指定如下几个属性:

⬇️⬇️⬇️⬇️⬇️更多精彩文章请关注⬇️⬇️⬇️⬇️⬇️

⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️更多精彩文章请关注⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️

⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️更多精彩文章请关注⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️

contentEditable  如果属性设为 true ,那么浏览器允许开发者直接编辑 HTML 元素里的内容.注意:此处 HTML 元素并非文本框,文本域等允许用户输入的表单元素,而是把,等元素变为可编辑元素.同时contentEditable具有可继承的特点.除非显式指定 contentEditable = "false" c

文档结构元素元素名称元素属性article该元素用于代表页面上独立,完整的一篇”文章”,该元素表示的内容可以是一篇独立的文章,一个帖子等.总之,只要是一篇独立的文档内容,就应该使用元素表示,规则如下:(1).元素内部可以使用定义文章 “标题” 部分.(2).元素内部可以使用定义文章 “脚注” 部分.(3).

元素含义元素属性mark 用于显示 HTML 页面中需要重点”关注”的内容,就像我们看书时喜欢用荧光笔把某些重点内容标注出来一样,.该元素可以指定 id , style ,calss , hidden 等通用属性.浏览器通常会用黄色显示标注的内容.time用于显示被标注内容是时间,日期,还是日期时间.使用该元素时,除了可以

Javascript基础 首先说声抱歉。今日涉及内容难易度不统一，所以很多比较基础的属性直接通过思维导图展示了。 同时需要注意，今日思维导图中的内容和笔记中并不是一一对应的，请读者自行对照查看。 对您造成的困扰，万分抱歉。 今日课程预览 1. JS 介绍 js(javascript)和java没有任何关系，只不过名称看起来有些相同;netScape-网

CSS3动画 通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。今日课程预览1. 关键帧如需在 CSS3 中创建动画，您需要学习 @keyframes 规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。前面我们在使用transition制作一个

最近感冒了，身体太疲惫，同时我也发现每天更新一篇确实不能保证我的文章的质量，与其每天写一些水文，不如静下心来把一些知识梳理好再呈现给大家。 所以很抱歉的通知大家，这个系列从今天起，更新日期由每日一更改为3~5日一更，实际时间只会更短，不会更长。 同时也很感谢很多小伙伴这么长时间的陪伴，谢谢大家。 我的文章简书专题连接：http://www.jianshu.com/col

弹性盒模型详解 每天都是大晚上的给各位读者老爷写文章，我也是瀑布汗。(⊙﹏⊙)b 近日很多内容都是直接在网上摘录的，具体文章链接全部在文章最底部。 如果涉及到版权问题，请及时联系我，我会尽快做出处理。 今天弄的东西都是老生常谈的问题， 如果你之前读过，就当温习好了，如果没读过，就当学习罢了。 发现自己又墨迹了好长时间，不好意思了。2016年03月23日21

0.今日课程大纲服务器端字体: font-face轮廓: outline缩放属性: resize分栏布局: column弹性布局: flex-box1. 服务器端字体 font-face我们在第三天CSS 样式中，学习了一个属性叫做 font-family,他的作用是定义你所使用的字体具体是哪一种，但