㈠ Web前端新手应该知道的CSS长度单位
今天小编要跟大家分享的文章是关于Web前端新手应该知道的CSS长度单位!众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。
因此，作为网页设计师和前端开肆拦发人员，我们别无选择，必须熟悉我们手上的工具，做到知己知彼，这样才能百战不殆。为了帮助大家更好的工作小编今天为大家分享一些css的长度单位，希望能够对小伙伴们有所帮助。
1、rem
我们首先介绍下和我们熟悉的很相似的货。em
被定义为相对于当前对象内文本的字体大小。炒个栗子，如果你给body小哥设置了font-size字体大小，那么body小哥的任何子元素的1em就是等于body设置的font-size。
Test
㈡ web前端怎么用iconfont 调节字体大小
iconfont的使用
平时的网页开发该如何使用iconfont？在这边微信小编给大家推荐一个工具：Iconfont-阿里巴巴矢量图标库。
WEB前端开发，图标的快速制作
㈢ 学习Web前端要知道的JavaScript基础语法规则
今天小编要跟大家分享的文章是关于学习web前端要知道的JavaScript基础语法规则。俗话说，“无规矩不成方圆”。用在计算机语言上也同样使用。每种计算机语言都有自己的语法规则，只有遵循语法规则才能写出符合要求的代码。JavaScript也不例外，在使用JavaScript语言时，需要遵循某些语法规则，如执行顺序、大写和注释规范。下面我们就以来介绍下，JavaScript基础语法规则。
1.按从上到下的顺序执行
JavaScript程序按照在HTML文档中的排列顺序逐行执行。如果代码(例如函数、全局变量等)需要在整个HTML文件中使用，最好将这些代码放在HTML文件的
2.区分大小写字母
JavaScript严格区分字母大小写。也就是说，在输入关键字、函数名、变量以及其他标识符时，都必须采用正确的大小写形式。例如，变量username与变量UserName是两个不同的变量。
3.每行结尾的分号可有可无
JavaScript语言并不要求必须以分号“;”"作为语句的结束标记。如果语句的结束处没有分，JavaScript会自动将该行代码的结尾作为整个语句的结束。例如，下面两行示例代码，虽然第一行代码结尾没有写分号，但也是正确的。(注意：书写JavaScript代码时，为了保证代码的严谨性、准确性，最好在每行代码的结尾加上分号。)
alert
alert
4、注释规范
使用JavaScript时，为了使代码易于阅读，需要为
JavaScript代码加一些注释。JavaScript代码注释和CSS代码注释方式相同，也分为单行注释和多行注释，示例代码如下：
//我是单行注释
/*
我是多行注释1
我是多行注释2
我是多行注释3
*/
以上就是小编今天为大家分享的关于学习web前端要知道的JavaScript基础语法规则的文章，希望本篇文章能够对正在从事会计相关工作的小伙伴们有所帮助。想要了解更多会计相关知识记得关注北大青鸟web培训官网。最后祝愿小伙伴们工作顺利成为一名优秀的web前端工程师！
㈣ web前端如何安全使用innerhtml、document.write以防止程式码嵌入
web前端如何安全使用inner、document.write以防止程式消岩竖码嵌入
先对传入引数进行特殊符号替换，然后再进行write或赋值给innerHTML。
需要替换的符号主要有：单引号、双引号、小于号、大于号等。
替换成显示效果相枣陵同的编码即可。可以用 &#xxx;形式的编码，或者& lt ;这种特定编码。
web前端怎么防止程式码注入攻击
三种方式：
一，HTML防注入。
一般的注入都是在字串中加入了标签，用下JAVA程式码可以去掉这部分程拿大式码。
程式码如下，自己封装成方法即可。
String msge = "asdasdasdasd <div id="f">asdfsdf";
System.out.println(msge);
msge = msge.replace("&", "&");
msge = msge.replace("<", "<");
msge = msge.replace(" ", " ");
msge = msge.replace(">", ">");
msge = msge.replace(""", """);
msge = msge.replace("'", "&qpos;");
System.out.println(msge);
二、防SQL注入
最简单最容易的是限制使用者输入。
简单点的就是不允许使用者输入单引号 和 --，因为单引号号--在SQL中都是影响执行的。
但SQL注入是多方面的，防止的方法也有很多种。
1、位址列禁止特殊字符防SQL注入
把特殊字符（如and、or、'、"）都禁止提交就可以防止注入了。
2、php过滤字串，防止SQL注入
批量过滤post,get敏感资料
$_GET = stripslashes_array($_GET);
$_POST = stripslashes_array($_POST);
资料过滤函式
function stripslashes_array(&$array) {
while(list($key,$var) = each($array)) {
if ($key != 'argc' && $key != 'argv' && (strtoupper($key) != $key || ''.intval($key) == "$key")) {
if (is_string($var)) {
$array[$key] = stripslashes($var);
}
if (is_array($var)) {
$array[$key] = stripslashes_array($var);
}
}
}
return $array;
}
3、替换HTML尾标签
function lib_replace_end_tag($str)
{
if (empty($str)) return false;
$str = specialchars($str);
$str = str_replace( '/', "", $str);
$str = str_replace("\", "", $str);
$str = str_replace(">", "", $str);
$str = str_replace("<", "", $str);
$str = str_replace("<SCRIPT>", "", $str);
$str = str_replace("</SCRIPT>", "", $str);
$str = str_replace("<script>", "", $str);
$str = str_replace("</script>", "", $str);
$str=str_replace("select","select",$str);
$str=str_replace("join","join",$str);
$str=str_replace("union","union",$str);
$str=str_replace("where","where",$str);
$str=str_replace("insert","insert",$str);
$str=str_replace("delete","delete",$str);
$str=str_replace("update","update",$str);
$str=str_replace("like","like",$str);
$str=str_replace("drop","drop",$str);
$str=str_replace("create","create",$str);
$str=str_replace("modify","modify",$str);
$str=str_replace("rename","rename",$str);
$str=str_replace("alter","alter",$str);
$str=str_replace("cas","cast",$str);
$str=str_replace("&","&",$str);
$str=str_replace(">",">",$str);
$str=str_replace("<","<",$str);
$str=str_replace(" ",chr(32),$str);
$str=str_replace(" ",chr(9),$str);
$str=str_replace(" ",chr(9),$str);
$str=str_replace("&",chr(34),$str);
$str=str_replace("'",chr(39),$str);
$str=str_replace("<br />",chr(13),$str);
$str=str_replace("''","'",$str);
$str=str_replace("css","'",$str);
$str=str_replace("CSS","'",$str);
return $str;
}
三、专业的事情交给专业的工具去做。
安装安全软体。例如，在服务器中安装“服务器安全狗”，可以设定防注入，防攻击的设定，只要设定好安全规则，就可以遮蔽大多数攻击入侵。
如何安全使用免费wifi防止网银被盗
其实大多WIFI都是安全的，有些连线WIFI后网银被盗了，是因为他们连线的本身是黑客提前建立的虚假WIFI，所以连线后被骗子读取了个人资讯，导致自己的网银被盗，我们想要安全的连线WIFI，首先我们要准确识别这个WIFI是否是商家提供的，另外最好在自己手机上装安全软体，例如腾讯手机管家，它可以自动检测当前网路环境是否安全，这样就可以避免连线到黑客建立的虚假WIFI了。
如何安全使用QQ邮箱，防止隐私泄露
不接受垃圾档案，下载个 QQ安全管家，登陆 QQ 邮箱需要动态验证码或者是在Q安全管家的扫一下二维码登陆比较安全一点
前端如何防止恶意注入
通过js程式码过滤传入后台的资料，加入过滤器filter的使用等
如何安全使用PQMagic？
想要安全的使用分割槽软体,首先要非常熟悉该工具是使用方法,每个功能是干嘛用的一定要弄清楚,在使用之前自己也要有一个准确的目标,自己该分几个区,每个区的大小是多少等等.
PQMagic可以说是一款非常优秀的分割槽软体,建议你去网上找找这方面的教程,有很多,一学就会,祝您好运!
如何安全使用Wifi
腾讯WiFi管家是腾讯公司旗下的的一款免费WiFi管理软体，支援上亿公共WiFi热点，无需输入密码就可一键连线，并通过腾讯五星WiFi标准对这些热点进行全方位的安全、连线速度、网路质量等进行全面评估，确保无僵尸、风险、虚假WiFi。"腾讯WiFi管家"的免费WiFi热点主要为公共WiFi、总数超过1亿，无论您在哪都可以搜寻附近的免费WiFi，并一键连线上网。而且自带wifi安全扫描功能，自动排除僵尸、钓鱼、盗号、木马等病毒，全方位保护您的网路安全。
Ajax如何安全使用
ajax只是一种请求方式，安全不安全是在服务端。并不在他请求的方式。
容易犯的错误是容易被假冒身份。因为普通的request会把cookie一起传送给服务器，但是ajax用的xmlrequest不会自动和cookie一起传送，所以如果不记着在每次处理xhr的时候手动验证cookie的话，很有可能被坏人假冒已经登陆的使用者的身份。
如何安全使用fineui editor
View Raw Code
当前路径：FineUI.Examples/form/editor.aspx <%@ Page Language="C#" ValidateRequest="false" AutoEventWireup="true" CodeBehind="editor.aspx.cs"
Inherits="FineUI.Examples.form.editor" %>
<!DOCTYPE >
<>
<head runat="server">
<title></title>
<link href="../css/main.css" rel="stylesheet" type=text/css />
</head>
<body>
<form id="form1" runat="server">
<x:PageManager ID="PageManager1" runat="server" />
<x:SimpleForm ID="SimpleForm1" BodyPadding="5px" EnableBackgroundColor="true" runat="server"
Title="表单" Width="750px">
<Items>
<x:HtmlEditor runat="server" Label="文字编辑器" ID="HtmlEditor1" Height="250px">
</x:HtmlEditor>
<x:TextArea ID="TextArea1" Label="多行文字框" runat="server" Height="150px">
</x:TextArea>
<x:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="获取 HTML 编辑器的内容"
CssClass="inline">
</x:Button>
<x:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="设定 HTML 编辑器的内容">
</x:Button>
</Items>
</x:SimpleForm>
</form>
</body>
</>
㈤ 《web前端笔记7》js字符—获取、查找、遍历、提取、替换方法总结
（1）字符串就是零个或多个排在一起的字符。
（2）放在单引号或双引号之中。 'abc' "abc"。
（3）单引号字符串的内部，可以使用双引号。
（4）双引号字符串的内部，可以使用单引号。
（5）反引号`` ：反引号允许跨行。
反引号允许字符串跨越多行并可以使用
${…} 在字符串中嵌入表达式。
（1）charAt 方法返回指定位置的字符，参数是从0开始编号的位置。
找一个字符串中的某个位置是那个字符串。
charCodeAt：返回字符串指定位置的 Unicode 码点（十进制表示）
（2）[]
字符串可以被视为字符串数组，因此可以用数组的方括号运算符，用来返回某个位置的字符
但是字符串只是数组的相似性而已实际上、没办法改变字符串中的某个字符
length 只是返回了字符串的长度，该属性没办法改变
字符串使用Unicode字符集，js内部所有的都是Unicode表示的。
JavaScript中的字符串使用的是 UTF-16 编码。
toLowerCase() 和 toUpperCase()方法可以改变大小写。
String对象是js原生提供的三个包装对象之一。用来生成字符串对象。
（1）构造函数
字符串对象是一个类数组对象，很像数组，但不是真正的数组。
（2）将任意的值转成字符
用于连接两个字符串，返回一个新字符串，不改变原字符串。
从原字符串取出子字符串并返回，不改变原字符串。
它的第一个参数是子字符串的开始位置，
第二个参数是子字符串的结束位置（不含该位置）。
如果省略第二个参数，则表示子字符串一直到原字符串结束。
用于从原字符串取出子字符串并返回，不改变原字符串，跟slice方法很相像。
它的第一个参数表示子字符串的开始位置，
第二个位置表示结束位置（返回结果不含该位置）
如果省略第二个参数，则表示子字符串一直到原字符串结束。
区别：slice 和 substring的区别？
slice：
如果参数是负值，表示从结尾开始倒数计算的位置，即该负值加上字符串长度。
如果第一个参数大于第二个参数（正数情况下），slice()方法返回一个空字符串。
substring：
如果第一个参数大于第二个参数，substring方法会自动更换两个参数的位置。
如果参数是负数，substring方法会自动将负数转为0。
由于这些规则违反直觉，因此不建议使用substring方法，应该优先使用slice。
总结：获取子字符串，使用 slice 或 substring。
用于确定一个字符串在另一个字符串中第一次出现的位置，
返回结果是匹配开始的位置。如果返回-1，就表示不匹配。
indexOf方法还可以接受第二个参数，表示从该位置开始向后匹配。
lastIndexOf
lastIndexOf方法的用法跟indexOf方法一致，主要的区别是lastIndexOf从尾部开始匹配，indexOf则是从头部开始匹配。
总结：查找子字符串时，使用 indexOf 或 includes/startsWith/endsWith 进行简单检查。
endsWith 用来判断当前字符串是否是以另外一个给定的子字符串“结尾”的，根据判断结果返回 true 或 false。
用于去除字符串两端的空格，返回一个新字符串，不改变原字符串。
toLowerCase方法用于将一个字符串全部转为小写，
toUpperCase则是全部转为大写。
它们都返回一个新字符串，不改变原字符串
split方法按照给定规则分割字符串，返回一个由分割出来的子字符串组成的数组。
如果分割规则为空字符串，则返回数组的成员是原字符串的每一个字符。
如果省略参数，则返回数组的唯一成员就是原字符串。
split方法还可以接受第二个参数，限定返回数组的最大成员数。
返回一个新字符串，表示将原字符串重复n次。
字符串补全长度的功能。如果某个字符串不够指定长度，
会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。
trimStart()消除字符串头部的空格，
trimEnd()消除尾部的空格。
返回一个由替换值（replacement）替换部分或
所有的模式（pattern）匹配项后的新字符串。
模式可以是一个字符串或者一个正则表达式，
替换值可以是一个字符串或者一个每次匹配都要调用的回调函数。
如果pattern是字符串，则仅替换第一个匹配项.
web前端笔记4-有讲 如果感兴趣、请参考之前文章
㈥ Web前端工程师要了解的html+css基础知识
今天小编要跟大家分析的文章是关于Web前端工程师要了解的html+css基础知识。正在从事Web前端工作的小伙伴们来和小编一起看一看吧，希望本篇文章能够对正在从事Web前端工作和学习的小伙伴们有所帮橡镇助。一、什么是HTML？
HTML即超文本标记语言(HyperTextMarkupLanguage)，是用来描述网页的一种语言。
超文本标记语言的结构包括"头"部分（外语：Head）、和"主体"部分（外语：Body），其中"头"部提供关于网页的信息，"主体"部分提供网页的具体内容。
标记语言是一套标记标签(markuptag)
HTML使用标记标签来描述网页
如下代码：
MyFirstHeading
Myfirstparagraph.
例子解释:
与之间的文本描述网页
与之间的文本是可见的页面内容
与
之间的文本被显示为标题与
之间的文本被显示为段落二、HTML元素
HTML文档是由HTML元素定义的。
HTML元素指的是从开始标签（starttag）到结束标签（end
tag）的所有代码。
td{border:1pxsolid#ccc;padding:5px;margin:auto;}
td>p{text-align:left;}
td>pspan{text-align:center;display:block;}
开始标签
元素内容
结束标签
Thisisaparagraph
href="default.htm">
Thisisalink注释：启梁开始标签常被称为开放标签（openingtag），结束标签常称为闭合标签（closingtag），大多数HTML元素可拥有属性。
空的HTML元素：
没有内容的HTML元素被称为空元素。在XHTML、XML以及未来版本的HTML中，所有元素都必须被关闭。
在开始标签中添加斜杠，比如:
就是没有关闭标签的空元素,而
是关闭空元素的正确方法，HTML、XHTML和XML都接受这种方式。
即使
在所有浏览器中都是有效的，但使用
其实是更长远的保障。
HTML提示：使用小写标签
HTML标签对大小写不敏感：
等同于