前端开发

1.测试编辑器 01.安装VScode 02.安装中文语言包 03.安装ayu主题 04.将一个目录作为项目目录 05.创建一个新网页 06.安装live server 07.尝试通过live server来运行网页 08.设置代码自动存储 2.实体 在网页中编写的多个空格默认情况下会被浏览器解析为一个空格 在HTML中有些时候，我们不能直接书写一些特殊符号 比如：多个连续的空格 字母两侧的大于与小于号 如果我们需要在网页中书写这些特殊的符号，需要使用HTML中的实体（转义字符） &+ 实体的名字 &nbsp 空格 &gt 大于号 &lt 小于号 &copy 版权符号 < ! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < title > 实体 < / title > < / head > < body > < p > 今天 & nbsp ; & nbsp ; & nbsp ; & nbsp ; & nbsp ; & nbsp ; & nbsp ; & nbsp ; & nbsp ; 天气真不错！ < / p > < p > a & lt ; b & gt ; c < / p > < / body > < / html > 3.meta标签 meta 主要用于设置网页中的一些元数据

　　这篇文章与大家分享的是10款非常有用的 Ajax 插件，有用于图片的，用于分页的，还有用于导航的。这些作者的想法特别新颖，希望你能从中找到自己需要的插件。 1. AJAX-ZOOM 非常强大的一款插件，可用鼠标滚轮进行缩放，360° 旋转，全屏浏览等很多功能， 在线演示 2. VerticalSlider 用于显示长列表的很好的方式，以Ajax方式加载， 在线演示 3. More plugin 一款实现更多功能的插件，可用于显示更多评论，也可用于显示后面多少篇博文等， 在线演示 4. HTML5 drag & drop image file uploader 这是一款实现HTML5拖放上传的插件， 在线演示 5. jpaging 一款基于jQuery实现的AJAX分页插件， 在线演示 6. jsLink 一个用于坏链检查的jQuery插件， 在线演示 7. AJAX PayPal Cart 这款插件可以帮助你在网站中加入购物车功能， 在线演示 8.jNavigate 这款插件用于动态加载网站内容， 在线演示 9.Ajax Login Form 一个Ajax登陆表单插件， 在线演示 10.Transform 一个实现跨浏览器的XML转换插件， 在线演示 您可能还喜欢 60款很酷的 jQuery 幻灯片演示和下载 最新28个很棒的 jQuery 教程

我经常会思考这样一个问题，宇宙之大，生命之少，我们每个人能够出现在这个世界上都是一个奇迹。如果每一天我们都是做些重复的事情，没有做有挑战的事情，没有做打破常规的事情，没有做引领方向的事情，赋予我们的奇迹岂不是一种莫大的浪费？二、一叶蔽目不见泰山人的认知和决策非常容易收到接触到的信息影响。世界是巨大的，行业是广阔的，但是在前端行业说话的那些人是只是其中的一小部分。这些有话语权的人多大厂背景，多人团队，上层框架，体系工程化。然而实际上在整个行业，大多数公司前端开发人员就1～2个人，大多数公司前端开发项目都非常都简单，还有很多公司给政府机构做项目，甚至需要兼容IE8浏览器。于是多少这样都公司在技术选型的时候被所谓的流行、热门所误导。留下一个又一个烂摊子。这些看似群体的思想其实仅仅是部分上层群体的思想。《乌合之众》这本书有言，个人一旦融入群体，他的个性变会被湮没，群体思考开始占据绝对统治地位。我们应该有着自己的个性，有着自己的坚持。但是，不幸的是，大多数的人缺乏坚定的自我而被群体淹没。其实呢，很多人的内心都是希望可以告别每天做重复的事情，去做有挑战的事情，去做打破常规的事情，去做引领方向的事情！但是，放到现实世界，却不知不觉将自己封闭在狭隘的日常工作中，为了认同与安全感追随群体意识，随波逐流。成为了乌合之众，平庸之辈。所以，最重要的是，如何在浮躁喧嚣环境中保持坚定的自我

　　Unicode（统一码、万国码、单一码）是一种在计算机上使用的字符编码。它为每种语言中的每个字符设定了统一并且唯一的二进制编码，以满足跨语言、跨平台进行文本转换、处理的要求。 Unicode Character Table 包含常见语言的字符和可打印的符号字符，字符提供了 HTML 代码，名称/描述和相应的打印符号。 您可能感兴趣的相关文章 Verlet-js：超炫的开源 JavaScript 物理引擎推荐 Transit – 超平滑的 CSS 过渡和变换动画效果插件 Debuggex – 超好用的正则表达式可视化调试工具 -prefix-free：帮你从 CSS 前缀的地狱中解脱出来 Zepto.js – 为现代浏览器而生的轻量JavaScript库 去围观 您可能感兴趣的相关文章 OverAPI.com – 史上最全开发人员在线速查手册 CSS Matic：网页设计师必备的终极 CSS 工具箱 CSS Beautify – 方便的在线 CSS 代码美化工具 ScrollUp – 超轻量可定制的回到顶部jQuery插件 Swipebox – 用于触屏的 jQuery Lightbox 插件 本文链接： Unicode Character Table – 完整的Unicode字符表 编译来源： 梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源 来源： https://www

1.CodePen：http://codepen.io/ 网站里有很多很酷的特效，而且可以看到效果的源代码，也可以看到实现效果，是一个非常不错的前端开发学习资源网站。 这个是CodePen网站里的一个效果的源码截图，是不是很酷呀！ 2.RunJS：http://runjs.cn/ 点击广场，则可以看到很多开发者分享的一些效果源码，如果你想找资源，做项目，这个网站绝对是一个不错的选择。 这个也是RunJS里的一个项目的源码截图。 3.BestCSSButtonGenerat： http://www.bestcssbuttongenerator.com/ 这个网站主要提供各种按钮的CSS代码，你可以从预设的按钮中选择并使用模板用于自己的设计，还可以查看源代码，非常适合学习。 4.jsrun： http://jsrun.net 这里可以查看项目的源码，里面有很多人分享的一些特效，绝对是一个不错的学习资源网站。 下面这个截图是jsrun网站里的一个日期控件的项目作品的源码，如果你要用来学习的话，可以完全下载下来。 这个开发者将他自己的项目分享在里面，可以查看效果，JS，HTML，CSS源码。 5.CodePlayerh： ttp://thecodeplayer.com/ 这个网站里的 项目资源 ，不仅可以看源码与项目效果，同时你还能看到开发者是如果将效果通过一行一行的代码敲定出来

1.CodePen：http://codepen.io/ 网站里有很多很酷的特效，而且可以看到效果的源代码，也可以看到实现效果，是一个非常不错的前端开发学习资源网站。 这个是CodePen网站里的一个效果的源码截图，是不是很酷呀！ 2.RunJS：http://runjs.cn/ 点击广场，则可以看到很多开发者分享的一些效果源码，如果你想找资源，做项目，这个网站绝对是一个不错的选择。 这个也是RunJS里的一个项目的源码截图。 3.BestCSSButtonGenerat： http://www.bestcssbuttongenerator.com/ 这个网站主要提供各种按钮的CSS代码，你可以从预设的按钮中选择并使用模板用于自己的设计，还可以查看源代码，非常适合学习。 4.jsrun： http://jsrun.net 这里可以查看项目的源码，里面有很多人分享的一些特效，绝对是一个不错的学习资源网站。 下面这个截图是jsrun网站里的一个日期控件的项目作品的源码，如果你要用来学习的话，可以完全下载下来。 这个开发者将他自己的项目分享在里面，可以查看效果，JS，HTML，CSS源码。 5.CodePlayerh： ttp://thecodeplayer.com/ 这个网站里的 项目资源 ，不仅可以看源码与项目效果，同时你还能看到开发者是如果将效果通过一行一行的代码敲定出来

前 言 AngularJS是一款为了克服HTML在构建应用上的不足而设计的优秀的前端JS框架。AngularJS有着诸多特性，最为核心的是： MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入 等等。 AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到 HTML 页面。 　 AngularJS 通过 指令 扩展了 HTML，且通过 表达式 绑定数据到 HTML。 　　AngularJS 是以一个 JavaScript 文件形式发布的，可通过 script 标签添加到网页中。 　　AngularJS最初是由MISKO Hevery和Adam Abrons于2009年开发。现在是由谷歌维护。它的最新版本是1.3.14。 　各个AngularJS版本下载： https://github.com/angular/angular.js/releases 1. 走进 AngularJS AngularJS是为了克服HTML在构建应用上的不足而设计的。 AngularJS 使得开发现代的单一页面应用程序（SPAs：Single Page Applications）变得更加容易。 AngularJS 把应用程序数据绑定到 HTML 元素。 AngularJS 可以克隆和重复 HTML 元素。

文章目录 settings 用户设置 创建仓库 把本地仓库信息提交到远程仓库 真实项目开发流程： NPM(node package manger) 总结 github是一个网站，是一个开源的源代码管理平台，用户注册后，可以在自己账户下创建仓库，用来管理项目的源代码（源代码是基于git传到仓库中） 我们所熟知的插件、类库、框架等都在这个平台上有托管，我们可以下载观看和研究源码等 settings 用户设置 Profile: 修改自己的基本信息 Account 可以修改用户名 Security: 可以修改自己的秘密 Emails： 邮箱（必须进行邮箱校验） 创建仓库 new Reponsitory ->填写信息 -> Create repository public：公共仓库作为开源项目 private：私有仓库作为内部团队协作管理的项目 Settings -> 删除仓库Delete this repository -> Collaborators 设置协作开发人员 Code 可以查看历史版本信息和分支信息 把本地仓库信息提交到远程仓库 建立本地仓库和远程仓库的连接 git remote - v //查看本地仓库和哪些远程仓库保持链接 git remote add origin [ git远程仓库地址 ] //添加新建一个链接 git remote rm origin //删除关联信息

网址：https://www.gulpjs.com.cn/ 一、Gulp简介 gulp是前端开发过程中自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；gulp是基于Nodejs的。 Gulp能完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后重复指定的这些步骤。 在实现上，Gulp借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，使得在操作上非常简单。 gulp 和 grunt 非常类似，但相比于 grunt 的频繁 IO 操作，gulp 的流操作，能更快地更便捷地完成构建工作。 二、Gulp环境搭建 1、安装nodejs 1）、说明：gulp是基于nodejs，理所当然需要安装nodejs；nodejs官网（https://nodejs.org/en/） 2）、测试： 按window + r 输入cmd回车， 然后输入node -v 然后输入npm -v 如果都能打印出相应版本信息，那么说明你配置成功了；如果提示“不是内部或者外部命令”，那就需要配置环境变量。 https://blog.csdn.net/jiang7701037/article/details

前端安全问题及解决办法 xss(Cross-site Scripting)脚本注入攻击 核心：恶意脚本注入 描述：攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻击者可获取用户的敏感信息如 Cookie、SessionID 等，进而危害数据安全。 解决方案： 1、打开npmjs.com下载xss插件，引入xss插件之后就没有任何问题了。 2、将html进行内容转换，或者将 var HtmlUtil = { /*1.用浏览器内部转换器实现html转码*/ htmlEncode:function (html){ //1.首先动态创建一个容器标签元素，如DIV var temp = document.createElement ("div"); //2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐，google支持) (temp.textContent != undefined ) ? (temp.textContent = html) : (temp.innerText = html); //3.最后返回这个元素的innerHTML，即得到经过HTML编码转换的字符串了 var output = temp.innerHTML; temp = null; return output; }, /*2