php前端

php定义数组，与JS区别在于不使用new关键字 且首字不需要大写

/* $arr=array();

$arr[2]='sky';

$arr[0]='weiyin';

$arr[1]='selecr';

print_r($arr); */

//数组不能这样输出;因为echo只能输出数字和字符串

//print_r($arr);//用于生产模式

//var_dump($arr);//输出变量的详细信息，可以输出简单的数据类型，也可以输出数组，object等复杂的数据类型，一般用于调试模式

//var_dump('abc');

//print $arr;

$arr=array(

0=>5,

'name'=>'sky',

'email'=>'3811230@qq.com',

'love'=>array(

'name'=>'帅哥',

'name01'=>'钞票'

)

);

// print_r($arr['name']);

foreach($arr as $key=>$value){

// echo 'k:'.$key.'=>v:'.$value.'<br/>';

if(is_array($value)){

foreach($value as $k=>$v){

echo 'k:'.$k.'=>v:'.$v.'<br/>';

}

}

}

/*foreach(数组名 as 键值=>遍历元素){} 遍历数组，将数组从头到尾遍历了一遍*/

**echo、print、print_r的区别

**相同点：echo/print/print_r都可以在页面进行输出

**不同点：1.echo是一个语言结构，不是函数[echo()/echo]，没有返回值，只能输出数字和字符串

2.print和echo类似，是一个语言结构，有返回值，也只能输出数字和字符串

3.print_r是一个函数，有返回值，可以打印简单数据类型也可以打印数组，object等复杂的数据类型

varchar和char的区别

共同点：都是字符串，总长度是255

不同点：varchar是可变长度(varchar的长度是实际存储的值的长度)，假设字符长度设置为10，如果存储的值只有5，那么varchar的长度是5;

char是固定长度(char的长度是设定的长度);

注意：所有的字段都不能设置为空

主键：用来标识唯一的行

1.每张表都要有且只有一个主键

2.一般来说主键都是int类型，并且自动递增(A_I)

2.1:主键id不会覆盖，也不会重复

2.2:删除其中一条数据后，id不存在，但是也不会被覆盖

时间可以保存为date/datetime,但是建议使用int,因为数字的读取和存储要比字符串的效率高

如果大家了解了今天的内容，可以尝试做做练习：

作业一

计算1-100中，除了5的倍数外所有数的总和

$num=0;

for($i=0;$i<101;$i++){

if($i%5!=0){

}}

作业二：

得到一个随机数，直到这个数字为9的倍数时，输出这个数字并输出ok，否则只输出这个数字并继续循环

$num=mt_rand(0,100);

while($num%9!=0){

echo $num; //条件成立时

echo '<br/>';

$num=mt_rand(0,100); //条件自身变化

}

echo $num.'0k';

作业三

设有变量$s1 = 'str1';$s2 = 'str2'

定义一个变量a，如果a等于0，输出10/3的余数;若a大于0，输出变量$s1和$s2的拼接字符串;若少于0，把$s2转为大写

$s1 = 'str1';

$s2 = 'str2';

$a=-9;

if($a==0){

$num=10%3;

echo $num;

}else if($a>0){

$s3=$s1.$s2;

echo $s3;

}else{

echo strtoupper($s2);

}

判断值"jason"，是否存在数组$arr中

$a = array('sky','elson','david');

if(in_array('jason',$a)){

echo '存在';

}else{

echo '不存在';

}

数组$arr3倒叙输出，带键值

$a01 = array('aa'=>'sky','bb'=>'elson','cc'=>'david');

$a01=array_reverse($a01,true);

print_r($a01);

数组$arr3随机顺序输出，带键值

$a01 = array('aa'=>'sky','bb'=>'elson','cc'=>'david');

$temp_arr=$a01;

$temp_arr=array_flip($temp_arr);//Array ( [sky] => aa [elson] => bb [david] => cc )

//print_r($temp_arr);

shuffle($temp_arr);

//print_r($a01);// Array ( [0] => david [1] => sky [2] => elson )

$arr=array();

foreach($temp_arr as $key=>$value){

$arr[$value]=$a01[$value];

}

print_r($arr);

把字符串"sky alex joe david miny"组装为一个数组

$a02="sky alex joe david miny";

$a02=explode(' ',$a02);

print_r($a02);

假设有数组array('sky'=>1,'alex'=>2,'jason'=>3)，请把数组的键值位置调换

$a03=array('sky'=>1,'alex'=>2,'jason'=>3);

$a03=array_flip($a03);

print_r($a03);

有数组array(1,2,3,4,5,6,7,8,9,10)，请分别过滤出单双数，最少用2种方法完成

$menu=array(1,2,3,4,5,6,7,8,9,10);

foreach($menu as $value){

if($value%2==0){

$ou[]=$value;

}else{

$ji[]=$value;

}

}

print_r($ou);

print_r($ji);

$menu=array(1,2,3,4,5,6,7,8,9,10);

function odd($var)

{

return($var % 2 == 1);

}

function even($var)

{

return($var % 2 == 0);

}

print_r(array_filter($menu,'odd'));

print_r(array_filter($menu,'even'));

有数组a = array('sky','elson','david') b = array('miny','joe','judy')，合并2个数组

//print_r(array_merge(array('sky','elson','david'),array('miny','joe','judy')));

有如下手机信息表

机型牌子

G10htc

N85诺基亚

盖世3三星

iphone5apple

anycall三星

请用数组保存以上信息，并遍历数组，若发现三星牌子手机，把手机名字保存至数组$arrPhone中，并在最后打印输出

$arrPhone = array();

$phone=array(

'htc'=>'G10',

'诺基亚'=>'N85',

'apple'=>'iphone5',

'三星'=>array(

'盖世3','anycall'

)

);

foreach($phone as $key=>$value){

if($key=='三星'){

foreach($value as $v){

$arrPhone[]=$v;

}

}

}

print_r($arrPhone);

思考：请用数组保存如下数据，并最终按以下形式输出到页面中

家电

-洗衣机

--全自动

--半自动

-电视

--3D

--高清

服装

-女装

--裙

--上衣

-男装

--裤

---短裤

---长裤

$menu=array(

'家电'=>array(

'洗衣机'=>array(

'全自动','半自动'

),

'电视'=>array(

'3D','高清'

)

),

'服装'=>array(

'女装'=>array('裙','上衣'),

'男装'=>array(

'裤'=>array(

'短裤','长裤'

)

)

)

);

foreach($menu as $key=>$value){

echo $key.'<br/>';//家电 服装

foreach($value as $k1=>$v1){

echo '-'.$k1.'<br/>';//洗衣机电视女装男装

foreach($v1 as $k2=>$v2){

if(is_array($v2)){

echo '--'.$k2.'<br/>';

foreach($v2 as $k3=>$v3){

echo '---'.$v3.'<br/>';

}

}else{

echo '--'.$v2.'<br/>'; //'全自动','半自动' '3D','高清''裤'

}

}

}

}

Web前端是一个新兴职业，市场需求大，薪资待遇高，吸引了很多人加入学习。无论是初学小白亦或是自身前端开发人员，好用的软件工具可以帮助他们更好的工作。

下面为大家介绍一些常用的web前端开发工具：1、BootstrapBootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS 和HTML 的集合，它使用了最新的浏览器技术，给你的 Web 开发提供了时尚的版式，表单，buttons，表格，网格系统等等。

2、FoundationFoundation 是一个易用、强大而且灵活的框架，用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件，如表单、按钮、Tabs 等。

3、Cloud9 IDE

Cloud9 IDE 是一个基于 Node.JS 构建的 JavaScript 程序开发 Web IDE。它拥有一个非常快的文本编辑器，支持为 JS，HTML，CSS 和这几种的混合代码进行着色显示。Cloud9 IDE 还为 node.js 和 Google Chrome 集成调试器，可以在IDE 中启动、暂停和停止。

4、Notepad++Notepad++ 是一款非常有特色的编辑器，是开源软件，可以免费使用。我们开发人员都是必备的。支持的语言: C, C++ , Java , C#, XML, HTML, PHP,Javascript!

5、Visual Studio CodeVisual Studio Code 是一个运行于 OS X，Windows 和 Linux 之上的，针对于编写现代 web 和云应用的跨平台编辑器。

6、GIMPGIMP 是 GNU 图像处理程序(GNU Image Manipulation Program)的缩写。包括几乎所有图象处理所需的功能，号称 Linux 下的 PhotoShop。GIMP 在 Linux系统推出时就风靡了绘图爱好者圈。

7、SecureHeadersSecureHeaders 是 Twitter 送给 Web 开发者的一份大礼，作为一款 Web 安全开发工具，Secureheaders 能够自动实施安全相关的 header 规则，包括内容安全政策(CSP)，防止 XSS、HSTS 等攻击，防止火绵羊(Firesheep)攻击以及 XFO 点击劫持等。

8、FontelloFontello 是个图标字体生成器。这个工具允许用户把这些图标 web 字体放到自己的项目中。主要特性如下：缩小字形集合，减小字体大小;合并一些字体标记到单个文件中;访问大量专业级的开源图标。

对于 PHP，虽然很多人都有所误解，甚至觉得它在走下坡路，但是它依然是目前 Web 应用开发中最热门的选择之一。自从 PHP 7 推出以来，PHP 的突破是显著的。

在过去的几周汇总，我一直在深入探索 PHP，发现了许多值得分享的好东西。所以，今天的这期开发者干货合集当中，我整合了许多 PHP 相关的资源，包括可以帮你构建 Chatbot 的 PHP 框架，构建交互式 CLI 的 PHP 资源，以及提升你的 PHP 技能的学习资源等等。

那么，让我们一起来看看还有些什么吧。

BotMan

BotMan 是一个可以帮你构建聊天机器人的 PHP 框架，旨在和类似 Slack、HipChat 和 Telegram 这样的平台集成。通过 Composer 安装它并不难，并且它还内置了 CLI。

Whoops

Whoops 是一个 PHP 框架，它可以让你的代码更加漂亮，界面更加干净。如果你的 PHP 程序出现了错误，它会创建跟踪，并且按顺序显示所执行的代码，包含问题的代码以及应用环境。

PHPReact

PHP 也是可以执行时间驱动的程序，而这个 ReactPHP 就是帮你做到这一点的。它是一个低级别的 PHP 框架，提供类似 Node.js 的 EventLoop、Stream 和 Promise 等组件。

Cachet

Cachet 是一个基于 PHP 的状态监控系统，它是 Sass 常用的应用程序，用来监控其他的服务，并且在发生问题的时候停机，并且为订阅用户提供信息更新。你可以将它视作为 StatusPage.io 的替代方案。它是免费开源的，你可以完全控制其中的数据。

Phar.io

Phar.io 是一个旨在使用 PHP phar 来简化和提升安全的手段。在安装 Phar.io 之前，需要通过匹配 SHA 和作者的 GPG 密钥来检查软件包，确保文件安全可信。

Matomo

这是一个基于 PHP 的分析应用。和 Google Analytics 类似，它会记录网站的访问者，访问的页面，他们的位置，和相关的各种信息。如果你将它安装在自己的服务器上，能够更好地控制存储的数据。

Litemoji

这同样是一个有趣的 PHP 框架，Litemoji 可以更为轻松地将 emoji 关键词转化为实际的表情符号。

PHP Best Practices

这是一个 PHP 中常见任务的最佳实践合集，这个合集以简单明了的方式为你提供了最佳实践背后的原理和需要注意的事项。

PHP HHVM Benchmark

这是少数基于 PHP 且针对多个 PHP 版本和 HHVM 框架基准的 CMS 系统。我建议你将 PHP 升级到 7.2 版本，充分利用最新的功能并且提升速度。

Async Transients

Asyn-Transients 是专门用于 WordPress 的 PHP 库，用来一步处理瞬态。这个库允许 WordPress 将陈旧的瞬态数据传递给用户，并且同时在后台生成新的数据，这样用户就永远不会看到重新生成瞬态的影响了。

PHP Round Table

这是一个 PHP 播客频道，你可以通过这个频道了解到最新的 PHP 开发信息和社区中讨论的问题。这个播客由 Sammy Kaye Powers 主持，你可以通过 Youtube、RSS 或者 iTunes 进行订阅。

PHP Security

这个合集当中涵盖了一系列的提升 PHP 应用安全性的最佳实践、技巧和方法。

Sylius

Sylius 是基于最流行的 PHP 框架 Symfony 构建的电商 CMS 平台，它精心打造的最新开发的最佳实践，还支持许多支付服务。

Kitab

Kitab 是一款令人难以置信的 PHP 工具，它可以节省大量的时间来记录你的 API 和代码。Kitab 这一词源自于阿拉伯语，意思是 Book。

CLI Menu

这是一个可以构建出漂亮的交互式命令行界面的 PHP 框架，这个框架可以集成到使用 Symfony 和 Laravel 所构建的应用程序当中。

Atoum

Atoum 是 PHPUnit 的一个替代方案，它有着更具表达性的语法，并且非常易于设置。Atoum 最令人敬畏的地方在于它所提供的扩展，比如行为驱动测试的 BDD 扩展。

Dejavu

Dejavu 提供了一个和 ElasticSearch 服务器进行交互的 UI 层。ElasticSearch 是一个索引服务器，它能够优化网站的搜索性能，Dejavu 和 ElasticSearch 均是免费开源的，并且可以作为 Docker 镜像使用。

Slack Term

Slack Term 是一个非常实用的应用，用来访问终端，并且可以和 Slack 工作区进行交互。它并不具备漂亮的界面或者作为移动端和桌面端的应用独立存在，但是如果你想挑战一下，也是个不错的选择。

RollUp

这并不是一个基于 PHP 的工具，不过如果你需要让你的基于 PHP的应用程序增加一些 JavaScript 的风格，那么它会非常有用。RollUpJS 可以将你的 JS 模块编辑成包。

Flutter

Flutter 是 Google 旗下的新工具，它让开发人员可以更为快速的为 iOS 和 Android 两个平台构建原生的 UI。

「有人的地方就有江湖，有江湖的地方必然有纷争。」在昨日发布的《Android 告急》一文中，曾于 Google 工作了 13 年技术人 Steve Yegge 揭露，在 Google 内部不为外人所熟知的技术圈中，存在一种难以想象的“鄙视链”，即高高在上的是用着 C++ 写搜索引擎的工程师，而他们自认为要 Java 工程师酷，再者 Java 要比 Python 酷，Python 又比 JavaScript 程序员厉害。同时，写搜索的比写广告系统的酷，写广告的比写 App 的酷，写 App 的比工具酷，工具又比做前端的更酷。在互联网的江湖中，Google 尚且如此，那么在全球范围内，技术圈的纷争又是什么样的状况？

作者 | 屠敏

近日，位于美国旧金山的知名招聘公司 Hired（专门为 Facebook、Uber 等顶级公司招聘人才）在走访全球 10,000 多家企业、邀请 98,000 名求职者参与其中之后正式发布了《2019 年软件开发者现状》调查报告，在以人工智能、机器学习、区块链、物联网等为首新技术打开互联网新纪元之际，与全球的开发者共同探讨技术圈最为流行的开发技能，编程语言以及市场最前沿趋势。

接下来，我们就来一探究竟。

前端需求量垫底，区块链工程师最抢手

正如文章伊始所述，随着大型企业纷纷寻求数字化转型、初创公司引入最新的技术方法，技术更新迭代的速度变得越来越快，市场中对着不同种类的开发者需求也发生了巨大改变，这意味着在当前的竞争愈演愈烈的大环境中，并非各种类的程序员都能收获同等薪酬及待遇，这就在无形之中形成了技术的“鄙视链”，而这究竟呈现出怎样的局面？

根据 Hired 发布的《2019 年软件开发者现状》报告结果显示，全球对于区块链工程师的需求迅猛增长，同比增长了 517％。不过在此需要提醒对区块链感兴趣的开发者们，也不要对当前的需求数据过于乐观而盲目投身于该行业。单从技术层面来看，想要成为一名专业的区块链高级工程师，首先需要具备后端工程师、系统工程师或解决方案架构师等职位技能，因此做好基础的技能储备才是王道。

对于区块链的前景，其实从过去一年中，无论是国内还是国外的从业者，都可以明显看出市场对于具有区块链技能的开发人员需求一直在激增，而未来随着企业开始落地无数区块链应用，譬如数字身份、智能合约、劳动力管理、分布式数据存储等等，预估需求将会继续增长。

市场对于技术工程师需求量

从上图中，我们也可以看出，具有安全专业知识的工程师也非常抢手。在此分析其原因，可能是由于数据泄露事件不断增加以及消费者隐私问题日益严重而导致。在过去的一年中，各大公司对安全工程师的需求累计增加了 132％。

此外，在当前互联网市场不太景气的环境下，许多公司开始节衣缩食减少对外投资，转而专注于自有的业务，同时希望借助于个性化推荐等算法来提升用户体验，增强用户黏性，这就导致市场对于数据分析和机器学习相关的技术人才需求上涨。整体而言，市场对具有这些技能的工程师的需求分别增加了 38％ 和 27％。

除了以上，我们还可以看出，在移动互联网时代较火的移动开发、前后端职位如今已经趋于饱和，因而招聘需求也在逐渐减少。

搜索引擎工程师位居“鄙视链”顶端不无道理

随着不同职位的需求增加，人才变得抢手，薪酬自然也水涨船高。在 Hired 分析大型技术中心工程师职位之后，得出无论是在哪个地区，区块链工程师均位列最高薪的 Top 3。

其中，在旧金山湾区，区块链工程师平均薪酬排第三名，为 15.5 万美元。而位列第一的是如 Google 内部“鄙视链”顶端的搜索引擎工程师，薪酬 15.7 万美元，其次是安全工程师。

旧金山湾区技术工程师薪酬排名

在伦敦，区块链工程师的平均收入为 89,000 美元。

伦敦技术工程师薪酬排名

值得注意的是，由于不同的薪酬标准和竞争格局，美国以外的技术工资可能要相对低得多，但从中我们看到了积极的趋势是，如在伦敦，在对比 2018 年薪酬状况报告（https://hired.com/state-of-salaries-2018）发现，整个科技从业者的工资正在上升。

此外，根据报告结果对比，同种技术的软件工程师在不同的城市薪酬会有很大的不同，如游戏工程师是纽约收入最高的群体，平均收入为 14.7 万美元，而在其他地区可能属于薪酬榜的底端。

纽约技术工程师薪酬排名

最抢手的编程语言技能并非 Java，而是 Go

一直以来，程序员对着自己的开发利器之编程语言有着的属于自己独特的看法，并基于此划分出最喜欢和最讨厌的编程语言。

根据此次报告的数据显示，让不少开发者颇为惊讶的是，最受雇主喜欢的编程语言竟然不是 Java ，而是普及度没有那么高的 Go 语言。对于其中原因，Hired 官方猜测可能是因为 Go 语言是由 Google 设计的，而这增加了掌握 Go 语言的程序员在 Google 工作的机会。

全球最受雇主欢迎的编程语言排行榜

不过，在调查开发者日常工作中最常用的编程语言时，Hired 的数据显示，Go 语言并没有达到预期的欢迎度，在受访者中，只有 7％ 的程序员表示经常使用它。此外，最受欢迎编程语言排行榜 Top 5 的另外四种 Scala、Ruby、Typescript 和 Kotlin 语言在市场中应用现状也遵循类似的趋势，开发者对其熟悉程度均比较低。同时，令人惊讶的是，和 Python 应用领域有着极大相似性 R 语言，无论是在需求量还是在使用量上均为垫底语言。

全球常用编程语言排行榜

从上图中，我们可以看出，JavaScript 是开发者常用的高级语言，占比 62％。其实 JavaScript 的排名可谓实至名归，其曾在多个排行榜中均列第一。不过，它第一名的位置显得另外一种 TypeScript 语言颇为尴尬。众所周知，TypeScript 是 JavaScript 的超集，按理来说，JavaScript 程序员学习起来会更简单，但根据数据显示，只有 12％ 的受访者正在使用 TypeScript（尽管它在全球编程语言技能需求量中排名第四）。但从另一个角度来看，这也为熟练掌握 JavaScript 的开发者提供了学习 TypeScript 的机会，毕竟整个市场对掌握 TypeScript 的技术人才需求在逐渐增长。

Ruby 工程师越老越吃香

为了进一步分析市场对编程语言的需求，Hired 基于使用编程语言的年限来划分市场的需求量变化。根据结果显示，在具有多年经验的开发者中，Ruby 技术工程师的需求量特别高。其中拥有 6 年以上工作经验的 Ruby 工程师在当前招聘需求中成功的几率高达 11.7%。

此外，在 4-5 年工作经验的技术工程师中，那些了解 Typescript 和 Go 的人才需求也高。

开发者最爱 Python，最讨厌 PHP

显然，雇主对于编程语言技能的需求量并不代表开发者自身对于编程语言的态度。根据调查显示，51% 的开发者将 Python 视为自己最喜欢的编程语言之一，JavaScript 紧随其后，占比 49%。其次，对于 Java，很多开发者给出了“爱与恨”的双重态度，它既是最受欢迎的编程语言第三名，又是最令人讨厌的编程语言排行榜的第二名。

此外，素有“世界上最好编程语言”之称的 PHP 在这一次竟然成为众多开发者讨厌的对象，占比 19%。

来源于网络

培训机构对于开发者而言，真的没有用吗？

通过上面了解了互联网行业最热门的领域以及编程语言的最新趋势后，对于开发者而言，要做的就是加强自己的专业知识。如今入门程序员行业，部分新手是直接毕业于科班，但也有一部分人直接进入培训机构学习。

在国内的大环境下，无可否认的是，一些大厂在招聘时直接设置了学历门槛，导致一部分人哀怨 IT 行业看不起培训机构出身的程序员。而一些企业也会无奈的表示，培训机构出身的程序员底子真的比较弱。那么事实究竟如此？

根据报告结果显示，76% 的受访者表示通过在培训机构里的学习对自己工作有所帮助。

同时，虽然有一些雇主对聘请具有仅限培训机构经验的开发者犹豫不决，但57％ 的软件工程师表示他们可以接受一名培训机构出来的毕业生担任软件工程师角色。

其中，36% 不确定以及 7% 不会的雇用培训机构出来的开发者的雇主，主要是担心培训机构的毕业生太过缺乏经验。

你是如何入门的？

在获得各大公司面试机会之前，开发者自身就应开始做好充分的准备，譬如进行一系列编码考试、白板考试和言行举止学习。

在此次报告中，54％ 的开发者认同编码考试可以有效测试自身的能力，但有 63％ 的受访者觉得这与他们实际工作无关。

事实上，学习如何编码并不是一件容易的事，通常需要从业者花费数年的时间来掌握它，这也是为何开发者能获得高薪的原因。根据报告显示，虽然大多数软件工程师采用获得计算机科学学位的预期途径（46％）来入门，但也有五分之一的受访者表示他们是自学成才。

那么对于开发者而言，最感兴趣学习的是什么类型的技术？根据调查显示，各大公司需求和开发者的兴趣并不总是相符。例如，区块链技术是市场上最需要的技能，但只有 12％ 的受访者认为区块链是他们想要了解的顶级技术。对于机器学习，兴趣和需求倒是同步，有 61％ 受访者表示机器学习是他们有兴趣了解的第一或第二技术。

揭秘开发者的工作风格

依照开发者自己的说法，团队合作才能使梦想成真。根据调查数据显示，软件工程师对结对编程感兴趣，这是一种开发方法，简而言之，两个程序员在一个计算机上一起工作。事实上，48％ 的人表示，如果公司提供结对编程，就会增加他们在公司工作的兴趣。

其中主要缘由是开发者认为结对编程效率更高，因为它有助于捕捉 Bug。同时，42％ 的人认为结对编程对初级工程师有好处，但对于经验丰富的人来说没有意义。

对开源的看法

现在很多公司都在拥抱开源，但是对个人开发者而言，频繁贡献的群体要比期望值要少得多。根据调查数据显示，只有 9％ 的受访者经常参与开源，53％ 的受访者以前从未参与过开源。

而 30％ 的开发者表示他们为开源做贡献，因为它很有趣。但是对于大多数人而言，因为平时的空闲时间以及精力有限，所以无法深度拥抱开源。

总结

以上的趋势仅供大家参考，但更具体的技能需求还是需要因地方而异。对于身处日益月异技术圈的开发者来说，顺应潮流、不断地学习才能保证自己不被淹没于淘汰的长河之中。最后，以西汉经学家刘向的经典警句，「少而好学，如日出之阳；壮而好学，如日中之光；老而好学，如炳烛之明。」与君共勉。

完整报告可参考：https://hired.com/page/state-of-software-engineers/

【完】

在前后端开发的时候，我们常常会选择加密的方式，来确保数据交互的安全性，除了签名的做法之外，我们还常常选择非对称加密，今天要提到的这个前端的加密插件，使用比较方便，又可以支持多段加密，日常需求完美解决！

非对称加密

加密方式就是通过公钥和私钥的配合实现的，公钥加密后只能通过其对应的私钥才能解密。怎么来理解，A公司要给B公司发送商业机密，怕被人拦截知道，这时B公司只要把们的公钥发给A公司，A公司加密后再发给你B公司，B公司解密下就知道内容了，其他获取到后，没有私钥是解不开的。

配置密钥对

在操作之前，你得自己生成一套密钥对，保存备用

文件引入

前端html文件引入，加密js文件jsencrypt.js

<script src="jsencrypt.js"></script>

使用说明

调用方法很简单，只要传入公钥，调用函数就可以了。

var encrypt = new JSEncrypt();encrypt.setPublicKey(pubkey); //pubkey公钥

var encryptData = encrypt.encryptLong(JSON.stringify(textValue)); //textValue 加密串

写了个demo

demo单独引用了jquery文件，便于测试

<html><head><meta charset="UTF-8"> <title>加密测试</title> <script src="jquery.js"></script> <script src="jsencrypt.js"></script> <style> label{ width: 50%; display: block; margin-bottom: 5px; } button{ width: 8%; margin-right: 90%; margin-top: 15px; margin-bottom: 5px; height: 35px; } textarea{ width: 500px; height: 100px; padding: 10px; margin-bottom: 10px; overflow: auto; } </style></head><body><h1>加密测试</h1><label>测试公钥</label><textarea id="pubkey" placeholder="请输入公钥"></textarea><label>测试私钥</label><textarea id="prikey" placeholder="请输入私钥"></textarea><label>内容</label><textarea id="textValue" placeholder="请输入私钥"></textarea><button id="inOut">加密</button><label>加密结果</label><textarea id="inText" placeholder="请输入私钥"></textarea><label>解密内容</label><textarea id="rtextValue" placeholder="请输入密串"></textarea><button id="outIn">解密</button><label>解密结果</label><textarea id="outText" placeholder="请输入私钥"></textarea><script> $(function(){ //公钥 var pubkey = $("#pubkey").val(); //私钥 var prikey = $("#prikey").val(); //加密 $("#inOut").click(function () { //待加密串 var textValue = $("#textValue").val(); var encrypt = new JSEncrypt(); encrypt.setPublicKey(pubkey); var encryptData = encrypt.encryptLong(JSON.stringify(textValue)); $("#inText").val(encryptData); $("#rtextValue").val(encryptData); }); //解密 $("#outIn").click(function () { //待解密串 var rtextValue = $("#rtextValue").val(); var encrypt = new JSEncrypt(); encrypt.setPrivateKey(prikey); var decryptData = encrypt.decryptLong(rtextValue); $("#outText").val(decryptData); }); });</script></body></html>

补充

为了便于测试，我们把私钥解密的方法都写进函数里去了，实际线上测试可以删除解密方法。

首先，在当前云计算技术的推动下，前端开发后端化是一个比较明显的发展趋势，所以对于前端开发人员来说，如果要走全栈开发路线，学习一定的后端开发知识是有必要的。另外，如果有扎实的基础学科基础和计算机基础，未来从后端开发转向研发级程序员也会更容易一些，这样会明显延长自身的职业生命周期。

如果要转向后端开发，需要选择一门编程语言，当前Java、Python、PHP都是不错的选择，虽然Go语言的上升趋势也比较明显，但是目前在生产环境下，采用Go语言的团队还是比较少的，所以在就业时会有一定的影响。在Java、Python和PHP三门语言的选择上，对于前端开发人员来说可以重点考虑一下PHP，然后是Java，最后是Python。

虽然PHP语言的应用场景比较单一，但是PHP语言在Web开发领域的份额占比还是比较大的，而且PHP语言相对于Java语言来说也更容易学习，尤其是具有一定前端开发基础的程序员，在学习PHP时会更容易一些。目前PHP语言也可以从事大型项目的开发，而且PHP语言自身的生态体系也比较健全。

Java语言也是不错的选择，但是Java语言对于前端开发人员来说会稍微难一些，毕竟Java语言是纯粹的面向对象语言，抽象程度比较高，但是如果学习能力比较强，完全可以选择Java语言。掌握Java语言之后会有更多的选择，比如可以向大数据开发方向发展。从Java语言目前的应用情况以及未来的发展前景来看，未来很长一段时间内，Java语言都会是最为流行的编程语言之一。

虽然目前Python语言的前景比较好，而且Python也比较容易学习，但是Python目前的就业岗位并不算多，而且Python未来主要的应用场景将集中在大数据和人工智能领域。所以对于有迫切就业需要的前端程序员来说，选择Python应该慎重。

我从事互联网行业多年，目前也在带计算机专业的研究生，主要的研究方向集中在大数据和人工智能领域，我会陆续写一些关于互联网技术方面的文章，感兴趣的朋友可以关注我，相信一定会有所收获。

如果有互联网、大数据、人工智能等方面的问题，或者是考研方面的问题，都可以在评论区留言！

最近，php中文网的很多网友向我们咨询如何快速成为一名前端开发人员。随着不断变化的技术和框架，在前端开发领域开始变得非常困难，那想要成为一名前端开发工程师，前端开发需要学习什么呢？

在这篇文章中，为你总结了如何成为前端开发人员的10个技巧！以及前端学习路线，欢迎参考！

前端开发需要学习什么？或者需要掌握哪些技能？

在准备学习前端前，您可能不确定从哪里开始、选择什么编程语言，使用什么工具，框架和技术。

所以一定要先了解清楚，先入门，再针对性的学习！

正如php中文网灭绝师太所说：

“前端开发就像一片海洋。你碰巧有一艘船，但没有地图。首先学习浅水区，然后深入。”

前端学习路线

1：学习HTML和CSS，而且要完全掌握

我想没有办法绕过它：学习

HTML和CSS，为什么？因为基础很重要。

有关如何开始使用HTML和CSS的各种不同的在线课程。首先要做的事情。注册php中文网账号，php中文网有大量的免费的HTML、CSS在线课程，如：web前端开发视频教程，完成一些基础课程后，继续创建一些静态网页反复练习！

2：创建一些必要的交互，必学：JavaScript

只学html css是不可以的，需要创建一些必要的交互，实际的登录页面或者一些特效，您最终将开始使用JavaScript代码段。

你需要自己独立构建一个响应式的网页来挑战下自己，不断学习，不断实践，相关教程推荐：JavaScript基础到高级教程

3.阅读，阅读，阅读

大量的有技巧的阅读极大地影响了您成为优秀前端开发人员的道路。特别是在开始时，需要进行大量阅读。为什么？

因为只有大量的阅读、学习优秀前端开发人员的文章、代码或者官方手册很，不断的学习和借鉴，也给自己开发带来一些思路。

4.前端开发比开发网站更重要

如果您按照我的提示从1到3的前端学习路线走，您可能已经完成了一门课程或阅读了很多教程，现在可以将一个网站放在一起。

但是，这并不等同于成为“前端开发者”。了解如何建立网站只是前端开发的一小部分。

如果这听起来令人失望，但事实确实如此。

您还应该了解一大堆主题。如果我们考虑性能，测试，QA和许多其他领域，那么你真的已经成为了一名前端开发人员了。

5.顺手的前端开发工具

当您在开始前端开发之旅时，您需要决定您的工具包和所需的服务，以使您的生活更轻松。了解不同的工具选项是一件重要的事情。出色的工具将帮助您自动化前端开发工作流程，提高开发效率。

很快你会发现自己使用某些工具和应用程序。其中一个工具肯定是Chrome开发人员工具。为什么？因为您可以实时使用HTML，CSS和JavaScript，这将为您提供快速学习所需的即时反馈。

6.学会使用git。

Git能够帮助我们解决文件的提交、检出、回溯历史、冲突解决、多人协作模式等问题，并且大大提升我们的工作效率。推荐：Git视频教程

7.良好的沟通技巧

作为前端开发人员，您需要意识到自己处于某种中间人角色。作为中间人，您与QA人员，客户，UX专家以及其他开发人员保持联系。您需要考虑不同的观点。

这就是为什么除了学习HTML，CSS和JavaScript的基础知识之外，还需要确保能够清楚地进行交流。

始终保持我的优秀用户体验不仅来自用户的角度，还来自其他开发人员的角度。

8.不要急于求成。

一路上，你会问自己为什么要这样做，你可能想停下来。放弃可能很诱人。但不要。如果您在那时，我只给您一个建议：

每隔一天留出一两个小时来学习。休息一下，确保你真正了解基础知识。永远不要急于求成

基础知识构成了基础，可以帮助您达到新的水平。

如果你感到困惑，不要害怕提问。每个人都经历了这个阶段，耐心坚持下去将帮助你最终成为前端开发的专业人士。

9.深入研究框架

所以，你直到这里。真棒！

现在是时候参与某些框架了。首先看看更受欢迎的，然后自己解决为什么他们以某种方式做事。

弄清楚每一个都是好事。了解框架和行业标准在过去几年中的变化。查看旧框架，您可能会发现现在已经过时的方法和代码。

不要忘记：有时候，使用框架并不是最好的选择，但大多数时候都非常值得了解它们。

10.参与开源项目

您可能花费大部分时间阅读代码，这并不是浪费时间。您将在此过程中学习良好的习惯和做法，并获得与其他开发人员合作的经验。当您准备编写一些代码时，请查看存储库中的问题并选择一个可以管理的问题。

参与各种项目，特别是开源项目，不仅可以使您成为更好的前端开发人员，还可以帮助您建立自己的在线品牌，成为积极，经验丰富的开发人员。

综上：

成为前端开发人员的道路肯定需要一些时间。正如本文中所述，成为前端开发人员不仅仅是学习各种前端框架和编程语言。它是关于作为前端开发人员的交互，职责和角色。

由于互联网是一个快速发展的世界，伟大的前端开发人员永远不应该停止学习，你需要有一些耐心。匆忙没有意义，因为它不会让你开心。永远不要忘记在学习和实践的同时享受乐趣。

前端现正处于一个高速发展的时代。我们站在2019年的节点上，回望前端的发展，在过去十年中，前端从最初的HTML，CSS，JavaScript三把刷子做出来静态网页的时代，发展到现在视觉效果酷炫，适用于多种终端，开发手段丰富多样的前所未有的黄金时代。

越来越多的开发者涌入前端行业，那么就有一种说法流传出来，“前端开发已经饱和了”，“前端开发要找不到工作了”。这是不是在危言耸听，真相是什么样的呢？

在多个招聘网站搜索“前端工程师”职位就会发现，在每个一线城市均可找到10000+以上前端工程师招聘职位。这说明在2019年，对前端开发需求量依然可以保证你找到一门工作，不存在饱和这样的说法。

但如果你再仔细留意，你会发现招聘量最大的3-5年的中高级前端乃至前端架构师，而不是初级前端。所以再回过头来说前端饱不饱和这个问题，需求肯定是不饱和，但留给初级前端的机会确实少了。

所以，如果你是一个实力很弱的前端小菜鸟，找到一份心仪的前端工作是有些困难的，初级前端就只能失业了吗？不，除了熬年限、熬经验，实力才是最为重要的。高水平的开发也是从初级水平成长起来的，你也是可以成长为一名高级前端开发的。

初级开发怎么才能成长为一名高级前端？前端的知识体系庞杂，框架、库、插件数不胜数，API迭代飞速，怎么才能在如此混乱的局面中抓住正确的道路？下面介绍3点关键点：

夯实基础

无论是做什么样的专业技术工作，专业基础都是十分重要的。基础不牢固，上层建筑建的再华丽，都是岌岌可危的。

前端的基础是什么？是HTML、CSS，JavaScript。特别是JavaScript，我们对前端基础的掌握程度，极大程度上体现在对JavaScript的掌握程度上。所有的浏览器引擎运行的脚本语言都是JavaScript，我们使用的框架也是用JavaScript开发的。即使最近非常流行的typescript，其实底层也是JavaScript，是需要编译为JavaScript后才能在浏览器运行的。

即使是高级前端工程师的面试中，对于JavaScript知识的考核也是必不可少的。不仅体现在JavaScript语法，API，也很大一部分包含着最新的ES6的知识。

洞悉原理

我们需要知道的原理不仅体现在框架的原理上，也体现在JavaScript语言和浏览器引擎的原理上。高级前端工程师对于框架和语言的理解绝不会停留于了解API的层面上，需要深入到了解内部原理和运行机制的层面上。

JavaScript引擎运行各种数据类型的方法的操作细节，各个JavaScript runtime在运行JavaScript的差异细节，各个框架的设计原理，使用的设计模式，核心算法，比如拼接字符串时+方法和join方法，在不同浏览器因为引擎操作不同而有着截然不同的性能差异；又比如Vue响应式的原理，Virtual DOM生成真实DOM和Diff的算法，运用到的发布订阅设计模式，自定义指令，插件挂载等等，即便不懂这些，写起业务逻辑来完全不耽误，但是不懂这些在前端市场上完全没有竞争力。

能完全弄懂这些原理的人的确相对很少，但是会写JavaScript、会用Vue之类框架的人却很多，此时如果企业看到你是了解原理的高级开发者，你的竞争力必然是陡然上升。另一方面高级前端作为初级前端的引领者，要能够帮助初级前端工程师解决棘手的问题。如果不懂得原理，如何能够快速的定位和解决问题，如何履行高级前端的职责？如何能够对于不断变化的框架API迅速地理解和深入运用？

主动学习

一名优秀的程序员绝对不是一个被别人牵着鼻子或者被人用鞭子赶着才会去学习的人，他一定是一个主动学习的人。

优秀的程序员之所以优秀，是因为他有深厚的知识积累，而这些知识的来源，是因为他在不断地学习。所以才能够在工作中解决棘手的问题，在面试中回答出刁钻的难题，因此而获得丰厚的薪水。一个被动学习的人，我想是很难达到这种地步的。

作为前端要主动学习，方向必须是能够具有针对性的提升自身竞争力的内容，而且是轻易不会过时的稳定的知识。比如就像语言内部机制和框架原理，设计模式这种知识。学了这种知识，其实就有能力自己做一些简单的框架，工具和库了，心中有底气，就可以摆脱被不断更新的应用型，API型知识牵着鼻子走的局面。

2019年的前端依然是一个很有前途的职业，如果目前还只是一名初级前端的话，一定还要努力尽快成为一名高级前端开发者。在夯实基础的前提下，向纵深出挖掘，在做好工作的同时，利用平时点滴零碎时间，追根朔源式的学习，不断积累前端知识。同时也建议多看些前端最新新闻，前端前沿技术之类的博客文章，多尝试最新的技术功能更新，紧跟技术发展，才能不被飞速发展的前端圈落下。

前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript!HTML甚至不是一门语言，仅仅是简单的标记语言!CSS只是无类型的样式修饰语言。当然可以勉强算作弱类型语言。Javascript的基础部分相对来说不难，入手还算快。

前端开发简单地说，它的主要职能就是把UI设计好的界面完美地呈现给用户主要技能:1、熟练使用DIV+CSS并结合JS负责产品的前端开发和页面制作；2、熟悉W3C标准和各主流浏览器在前端开发中的差异，能运用DIV+CSS解决浏览器的兼容性；3、负责相关产品的需求以及前端程序的实现，提供合理的前端架构；4、与产品、后台开发人员保持良好沟通，能快速理解、消化各方需求，并落实为具体的开发工作；5、了解服务器端的相关工作，在交互体验、产品设计等方面有自己的见解。