- CSS｜div+p实现双语阅读并排显示效果 01-16
- 前端开发工程师必备系列-CSS居中对齐汇总 01-16
- 2018想学好web前端开发，HTML、CSS、JS 01-16
- 20个新鲜的、彩色的CSS3按钮 01-16
- CSS中垂直居中的方法 01-16
- npm 2017 JavaScript 框架报告之后 01-16
- 你应该掌握的JavaScript 与编码 01-16
- 网上有JavaScript框架那么多，你还在傻傻加班 01-16
- javascript背包问题详解 01-16
- JavaScript的Map和Java的Map之间区 01-16
CSS｜div+p实现双语阅读并排显示效果
发布者: superzhang | 发布时间:2018-01-16网页效果
.layout, .layout2{
clear:both;
width:95%;
border:1px dotted #eee;
margin:auto;
margin-bottom:5px;
overflow:hidden;
}
.layout2 .right, .layout2 .left, .layout p{
margin-bottom:-55px;
padding-bottom:55px;
text-align: justify;
margin:0;
padding:0;
margin-left:1%;
margin-right:1%;
}
.layout2 .left, .layout p{
float:left;
width:60%;
2018想学好web前端开发，HTML、CSS、JS你真的了解了吗？
发布者: superzhang | 发布时间:2018-01-16划重点
HTML、CSS、及JS的区别有哪些？在日常学习中，html，css和js我们都学过，起初分不清这三者的区别和联系，随着知识的增长，有了一些体会。随小编看一下这三项技术都是什么，能干什么？
web前端工程师是近几年才发展出来的新兴职业，也是目前火爆且高薪的职业。不同的公司有不同的叫法，例如网页界面开发、网站设计等等。要学习web前端开发，需要掌握哪些知识呢？达内web前端培训专家（web.tedu.cn）总结了一下，必须掌握的就是以下几点。
1HTML—Hypertext Markup Language。
超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（比如文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，
<html> <head&
20个新鲜的、彩色的CSS3按钮
发布者: superzhang | 发布时间:2018-01-16这是一个关于字体和css3属性的实验的结果，如文本阴影和盒阴影:
按钮被定义为链接元件，而css的外观如下所示:
.button{padding:5px 15px 5px 15px;text-decoration: none;display: inline-block;-moz-border-radius: 10px;-webkit-border-radius: 10px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);border-bottom: 1px solid rgba(0,0,0,0.25);font-family: "Lucida Grande",Lucida,Verdana,sans-serif;outline:none;position:relative;font-size: 32px;margin:10px;background:transparenCSS中垂直居中的方法
发布者: superzhang | 发布时间:2018-01-16广东IT优就业
css中实现垂直居中的方法你都知道吗？图文带你迅速get方法。
line-height
line-height用于实现单行文本的垂直居中，如下图中，我们要求单行文本垂直居中，只需要将div2设置行高line-height和height的值相同即可，也可以不用设置高度，因为单行文本的行高会撑开高度，其实二者就是一样的值。
但是这种方法有个不足之处，那就是如果文字内容的长度大于块的宽度时，就有一部分内容脱离了块，因为就不再是单行文本了，所以此方法只适用于单行文本。
后端框架中，变化比较明显的是 Express，这是用 JavaScript 编写的后端服务的主流解决方案。其他四个框架相比之下变化趋势并不明显，图标中几乎无法体现。Express 从 2013 年初以来已经增长了 6000％。之呈现下降趋势，是因为在同一时间内，注册数量增长了 67000%。
换句话说，JavaScript 在编程语言中正以前所未有的增长。
你应该掌握的JavaScript 与编码
发布者: superzhang | 发布时间:2018-01-16JavaScript使用哪种编码
JavaScript 语言采用 Unicode 字符集，但是它编码使用的既不是 UTF-16，也不是UTF-8，更不是 UTF-32，而是 UCS-2。
互联网还没出现的年代，曾经有两个团队，不约而同想搞统一字符集。一个是 1988 年成立的Unicode 团队，另一个是 1989 年成立的 UCS 团队。完了，他们达成共识：世界上不需要两套统一字符集。1991 年 10 月，两个团队决定合并字符集。也就是说，从今以后只发布一套字符集，就是 Unicode，并且修订此前发布的字符集，UCS 的码点将与 Unicode 完全一致。UCS 的开发进度快于 Unicode，1990 年就公布了第一套编码方法 UCS-2，使用 2 个字节表示已经有码点的字符。（那个时候只有一个平面，就是基本平面，所以 2 个字节就够用了。）UTF-16 编码迟至 1996 年 7 月才公布，明确宣布是 UCS-2 的超集，即基本平面字符沿用 UCS-2 编码，辅助平面字符定义了 4
网上有JavaScript框架那么多，你还在傻傻加班写吗
发布者: superzhang | 发布时间:2018-01-16前端Js框架汇总概述：
智能未来，一个长期更新技术文章的小编，因为近期较忙，更新时间不定时，还望各位见谅，小编会努力创作，希望大家能够喜欢。
Web、无线、物联网、VR、PC从不同方向推进着技术的融合与微创新。程序员在不同业务场景下的角色互换。而随着node.js的出现语言的角色也在发生着转变，Js扮演了越来越重要的角色。也就有了茶余饭后也把了解到的知识整理一下。看过“你的知识需要管理”后，强烈的意识到杂乱且范范的知识储备远不如整理后条理清晰的知识带来好处多。所以，是的，我们需要时不时的回来对掌握的知识梳理归类，以备不时之需。
地址：http://www.css88.com/doc/zeptojs/
描述：Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。 如果你会用jquery，那么你也会用zepto。关于Zepto认知我也是通过与一位腾讯朋友聊天的时候知道的，
javascript背包问题详解
发布者: superzhang | 发布时间:2018-01-16作者 | 司徒正美
原文 | https://segmentfault.com/a/1190000012829866?utm_source=tuicool&utm_medium=referral
01背包问题引子
打算好好学一下算法，先拿背包问题入手。但是网上许多教程都是C++或java或python，大部分作者都是在校生，虽然算法很强，但是完全没有工程意识，全局变量满天飞，变量名不明所以。我查了许多资料，花了一个星期才搞懂，最开始的01背包耗时最多，以前只会枚举（就是普通的for循环，暴力地一步步遍历下去），递归与二分，而动态规划所讲的状态表与状态迁移方程为我打开一扇大门。
篇幅可能有点长，但请耐心看一下，你会觉得物有所值的。本文以后还会扩展，因为我还没有想到完全背包与多重背包打印物品编号的方法。如果有高人知道，劳烦在评论区指教一下。
注意，由于社区不支持LaTex数学公式，你们看到${xxxx}$,就自己将它们过滤吧。
1.1 问题
JavaScript的Map和Java的Map之间区别
发布者: superzhang | 发布时间:2018-01-16日常开发中我们经常会遇到要对数据进行一个key对应一个value进行存储，对于Java来说太常见了，用Map实现类去存储就行了，而对于js，我们可以用对象去存储，如下：
var arr={};
arr["time"]="time";
取的话很容易，直接arr["time"]就行了，这是很简单的以key和value存值的方法，最常见的就是以json格式存储了，而今天，在存数据之前突然有个疑问，js有没有Map，冲着这个疑问，百度了一番，结果还真有，接下来介绍下js的Map和Java的Map的区别。
var map=new Map(); // Map map = new HashMap();
map[key] = value; //注意：js map中的key是string类型 map.put(key, value);
var value = map[key]; // Object value = map.get(key);
var has = key in map; // boolean has = map.containsKey(key);
delete map[key]; // map.remove(key);
// 遍历
for(key in ma
