众所周知 Mrakdown 是一个轻量级写作工具，由于工作和学习缘故基本上每天都会使用 Mrakdown，现在已经成为我离不开的主力写作工具，因为网上关于 Markdown 的资料大多比较零散，缺少系统和关联性，所以花了一点时间把我目前掌握的 Markdown 知识系统性的归纳总结一下，分享的同时也是为了方便自己以后查询方便。
网页上的空间是寸土寸金，虽然显示器的分辨率越来越大，可是直到今天，网页设计中仍然是以至少1024×768 像素的支持为主，也就是说，每一屏页面只有区区 955×600像素 的安全尺寸可以用而已。于是，为了在有限的空间里容纳更多的内容，滑动门式的标签切换（Tabs）方式越来越受欢迎。通过滑动门技术，可以在同一块页面区域内放置数倍的内容。根据用户的选择来决定显示哪一部分。最近我在实际应用中，逐步完善出一种基于 jQuery，但是比 jQuery UI Tabs 插件更小巧也更通用的简单 Tabs 实现。 最早的
（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。
Markdown提供了一个特殊符号 > 用于段首进行强调，被强调的文字部分将会高亮显示
本来想写写东西，找到一个不错的文章，里面文章讲不错于是就开始复制页面内容，却发现怎么也选中不了文字，看来就要跟他干上了。
本周工作中遇到类似颜色主题的问题，在查资料的时候，看到这个视频，觉得讲得很清楚，而且趣味性丰富，所以想拿出来讲讲这个很有意思的主题。
众所周知，搜索引擎对html代码是非常优化的，所以html的优化是做好推广的第一步。一个符合seo规则的代码大体如下界面所示。
正文内容：通过上面的简单介绍，想必大家也会觉得：其实前端真正对SEO比较有影响作用的还是HTML。
导航栏，有的人又喜欢叫菜单栏。确实和菜单有点像。导航栏几乎会用在所有的网站中。那么导航栏是怎么开发出来的呢？今天我们就来开发一个最为简单的导航栏。
站长统计没有自带隐藏前台“站长统计”文字的功能，这2字在我们页面中时而多余时而碍眼，所以90%以上的用户都会想办法去除或隐藏“站长统计”四个字。
color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/ vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白 padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白 三、CSS符号属性 list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/ list-style-type:disc; /*实心圆形符号*/ list-style-type:circle; /*空心圆形符号*/ list-style-type:square; /*实心方形符号*/ list-style-image:url(/dot.gif); /*图片式符号*/ list-style-position: outside; /*凸排*/ list-style-position:inside; /*缩进*/ 四、CSS背景样式 background-color:#F5E2EC; /*背景颜色*/ background:transparent; /*透视背景*/ background-image : url(/image/bg.gif); /*背景图片*/ background-attachment : fixed; /*浮水印固定背景*/ background-repeat : repeat; /*重复排列-网页默认*/ background-repeat : no-repeat; /*不重复排列*/ background-repeat : repeat-x; /*在x轴重复排列*/ background-repeat : repeat-y; /*在y轴重复排列*/ 指定背景位置 background-position : 90% 90%; /*背景图片x与y轴的位置*/ background-position : top; /*向上对齐*/ background-position : buttom; /*向下对齐*/ background-position : left; /*向左对齐*/ background-position : right; /*向右对齐*/ background-position : center; /*居中对齐*/ 五、CSS连接属性 a /*所有超链接*/
李俊负责 Cloud Studio 的产品规划，对于各种设计、开发工具有比较深的研究，一直在探索如何缩减设计开发之间的协作阻力。
据统计，据媒体报道，据各种经验之谈：用户不喜欢点击，更爱滚动！所以，之前挺流行的文章分页没有了，沿用了几百年的“下一页”也被无限load取代。瀑布流和Twitter更是推动了无限load的普及。
在搜索引擎网站后台会有一个非常庞大的数据库，里面存储了海量的关键词，每个关键词对应很多网站，这些网站是被“搜索引擎蜘蛛”从茫茫的互联网上一点点下载收集而来的。这些勤劳的蜘蛛每天在互联网上爬行，从一个链接到另一个链接，下载其中的内容，进行分析提炼，找到其中的关键词，如果“蜘蛛”认为是垃圾信息或重复信息，就舍弃不要，继续爬行，寻找最新的、有用的信息保存起来。
参考链接：https://blog.csdn.net/liuwengai/article/details/78987957
《葫芦兄弟》（又名：葫芦娃），是上海美术电影制片厂于1985-1987年原创出品的13集系列剪纸动画片，是中国动画第二个繁荣时期的代表作品之一，至今已经成为中国动画经典。讲述7只神奇的葫芦，7个本领超群的兄弟，为救亲人前赴后继，展开了与妖精们的周旋。
长按复制，在微信小程序内的文字无法长按复制，除了text节点以外，但是要在text标签内加一个“selectable”属性。
自己在哪里，要去哪里，不假思索的点击链接，找到自己想要的信息；实现这个目标，需要良好的导航系统，适时出现的内部链接，准确的锚文字。
既然都整理了，捎带手把这个也整理了吧 快捷键汇总 预览 CMD + R 在 MWeb 中的快捷键为： 标题快捷键：Control + 1 -- Control + 6 下划线CMD + U、 斜体CMD + I、 加粗CMD + B 无序列表Option + U 插入图片Control + Shift + I 。 如果是 MWeb 的文档库中的文档，还可以用拖放图片、CMD + V 粘贴、 导入这三种方式来增加图片CMD + Option + I 插入链接Control + Shift + L
visual studio code可以编辑markdown文本。可以在visual studio的设置里的extensions，安装 markdown 插件，如 markdownlint， markdown checkbox，Markdown All in One，Markdown Preview Enhance, Markdown TOC, markdown_index, fold, explicit folding。 Markdown Preview Enhanced 内部支持 mermaid, PlantUML, WaveDrom, GraphViz，Vega & Vega-lite，Ditaa 图像渲染。 安装Markdown Preview Enhance后，在右上角选择Markdown Preview Enhance：open preview,也就是三角形，B， I" 的左边的左边，可以看到流程图。右上角"三角形，B， I" 的左边是自带的preview，好像不支持流程图。 Markdown TOC有自动生成目录和标题序号的功能。
列一个变量，存储正则规则，用这个变量去test某个数据-----匹配True和不匹配False
HTML（HyperText Mark-up Language）是由HTML标签嵌套和组合的描述性文本，HTML标签可以描述文本（p，div等）、表格（table）、图片（image）、音频（audio）、视频（video）、链接（a）等种类繁多内容。HTML文件由头部（head）和主体（body）构成部分，头部用于制定标题及引用了那些js/CSS文件，主体用于描述具体呈现内容，如下例CH2Tags.html：
想要实现图片持续滚动，既然使用js,就千万不要加css动画、过渡等相关样式，如果想要滚动的平滑一下，可以一像素一像素的感动，则很平滑，如果加了过渡动画，当图片重置为0时，会有往回倒的动画效果，跟预期不符。
8 = html + css +javascript(jQuery和vue就是js封装的函数而已)
微信小程序：wx.navigateTo中url无法跳转问:链接 微信小程序布局之行内元素和块级元素:链接 小程序端JS加密，传输PHP端解密:链接 小程序开发干货技巧：如何为你的微信小程序:链接 Flask中获取小程序Request数据的两种途径:链接 微信小程序，新添加的元素保持在底部:链接 微信小程序登录页动画 - 云层漂浮:链接 微信小程序swiper滑动页面实践-类似于安卓V:链接 微信小程序--下拉菜单(带动画)实现:链接 小程序request接口的封装，实现给循环列表:链接 微信小程序-文字
一个经常让开发人员疑惑的问题是母版页是如何处理相对路径的。如果你使用的是静态文字，这一问题不会困扰你。不过，如果你加入了标签或者指向其他资源的HTML标签，问题就可能发生。
优点： 1.因为是纯文本，所以只要支持Markdown的地方都能获得一样的编辑效果，可以让作者摆脱排版的困扰，专心写作。 2.操作简单。比如:WYSIWYG编辑时标记个标题，先选中内容，再点击导航栏的标题按钮，选择几级标题。要三个步骤。而 Markdown只需要在标题内容前加#即可 缺点： 1.需要记一些语法（当然，是很简单。五分钟学会）。 2.有些平台不支持 Markdown 编辑模式。
我们上一节讲了插值，主要是针对DOM的文本节点操作。那么如果现在有个需求，我们需要点击按钮，更换图片，怎么办？或者我们需要更换一下元素的样式该怎么实现呢？
上一节我们讲了display的inline-block属性，但是我们在工作中很少用，因为这个属性对于IE7版本以下IE浏览器不兼容。我们一般用float: left代替。
上一节我们讲了display的inline-block属性，但是我们在工作中很少用，因为这个属性对于IE7版本以下IE浏览器不兼容。我们一般用float: left代替。 display的属性none lesson3.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Css</title> <meta name="keywords" content="key1, key2"> <meta nam
为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档。
<!DOCTYPE html> <html> </html> <head> <title>aaa</title> </head> <body>
今天照例进行日常总结，在查找资料进行ctrl+c加ctrl+v时，发现知乎的页面竟然禁止转载了，也就是对复制做了拦截
markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。
一、搜索引擎工作原理 当我们在输入框中输入关键词，点击搜索或查询时，然后得到结果。深究其背后的故事，搜索引擎做了很多事情。 在搜索引擎网站，比如百度，在其后台有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的，这些程序称之为“搜索引擎蜘蛛”或“网络爬虫”。这些勤劳的“蜘蛛”每天在互联网上爬行，从一个链接到另一个链接，下载其中的内容，进行分析提炼，找到其中的关键词，如果“蜘蛛”认为关键词在数据库中没有而对用户是有用的便存入数据
2018 年 4 月 5 日，阿里开源的企业级 Node.js 框架 Egg.js 核心开发者“天猪”在知乎上发布了一篇帖子《当 Egg 遇到 TypeScript，收获茶叶蛋一枚》。文章发布后反响不错，开发者希望可以直接集成到官方文档中。因此，在当年 4 月 16 日，天猪也将此发到了官方仓库。
本教程针对零基础同学，讲解网站开发三个基础技术：HTML、CSS、JS，带你快速入门！
markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。 优点： 1、因为是纯文本，所以只要支持markdown的地方都能获得一样的编辑效果，可以让作者摆脱排版的困扰，专心写作。 2、操作简单。比如:WYSIWYG编辑时标记个标题，先选中内容，再点击导航栏的标题按钮，选择几级标题。要三个步骤。而markdown只需要在标题内容前加#即可
1、利用npm包管理工具，进行安装 vuex。在控制命令行中输入下边的命令就可以了。
现在很多网页都会设置wap手机版，移动端的流量逐渐显现。问题来了，如果你用手机浏览网页，你又很想微信加关注，上面正好有个二维码，苦于手机分身无术，又不想打一长串的微信号，还是舍弃吧。站长们可要在这方面提高用户体验了。那么有没专用的微信加关注链接一键关注公众号呢？幸好微信团队早就发明了微信文字链接，也即是微信一键关注代码，只是我们平时没有发现而已。 我们平时的文字链接或其他链接(A标签)一般都是<a href="http://开头的，这种链接在微信中也是通用的，具体可以查看微信添加文字链接一文。这里要
今天在工作的过程中遇到一个功能：在网页中加入视频播放器，类似于我们经常看到的优酷,爱奇艺等视频网站的功能。
W3C：万维网联盟（ World Wide Web Consortium），其定义了网页有三部分组成：结构（Structure）、表现（Presentation）、行为（Behavior），分别对应三个标准： （1）结构标准主要包括：XHTML、XML等。 （2）表现标准主要包括：CSS等。 （3）行为标准主要包括：W3C DOM、ECMAScript等。
Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。
上节之后有粉丝私聊觉得，平台右上角的“主页/退出” 按钮已经过时。所以我们本节首先来优化下。
因为公司系统需要实现横向文字滚动效果，所以自己手动写了一个，没用网上的，感觉网上的啰嗦繁琐，扩展性还不行，喜欢的话点赞收藏吧，下面是gif效果图。
我们知道，前端工程师入门容易，通过学习基本的HTML和CSS就能在浏览器上看到实际的效果，可是要写好的HTML，就不是那么容易了。这里将和大家分享HTML规范，希望大家读完之后都能够有所收获。本文将主要以下面三个部分展开：
搜索引擎具有网络爬虫或蜘蛛来执行爬网，每次抓取工具访问网页时，它都会复制该网页并将其网址添加到索引中。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
