- 原生Web与H5Web网页开发的优劣分析 01-16
- 跳一跳过时后,我总结了Web前端最流行图表显示组件 01-16
- 2018最值得关注的JavaScript趋势-小鸟云 01-16
- 使用jQuery的完整页面图像库 01-16
- javaweb ajax js 和后台servlet 01-16
- 20个新鲜的、彩色的CSS3按钮 01-16
- CSS3大样式的fieldset注册表 01-16
- CSS3 box-shadow 属性-「布尔女神」 01-16
- javaweb ajax js 和后台servlet 01-16
- 现在企业会要求JAVA人员会怎样的技术呢? 01-16
原生Web与H5Web网页开发的优劣分析
发布者: superzhang | 发布时间:2018-01-16前些日子,Android原生开发将被取缔的吵得火热,JavaScript是能做一个完全的APP,但只使用JavaScript做出来的APP也不会牛逼到哪里去。最好的是混合(Hybrid)开发,在需要的时候使用JavaScript,各有好处。
原生页面
优势:
(1)运行速度比较快
(2)能使用设备的底层功能,如摄像头、方向传感器、重力传感器、拨号、GPS、语音、短信、蓝牙等
(3)在界面设计、功能模块、操作逻辑等层面相较web更易做到App的便捷性和舒适性,功能更加强大
(4)节省流量
劣势:
(1)不同的操作系统(如Android和iOS)需要独立的进行开发,使用其各自的开发包、开发工具和控件
(2)每次有更新,都需要重新打包一次发布到应用平台上,且每次要向各个应用商店进行提交审核。之后用户需要手动进行点击更新安装(安装成本较高)
(3)开发成本比较高,尤其需要适配各种机型
跳一跳过时后,我总结了Web前端最流行图表显示组件
发布者: superzhang | 发布时间:2018-01-16echarts
评价: 5星(国产组件,达到这种高度,不多)
官网: http://echarts.baidu.com/
说明: ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。ECharts 3 中更是加入了更多丰富的交互功能以及更多的可视化效果,并且对移动端做了深度的优化。
教程: http://echarts.baidu.com/tutorial.html#ECharts 特性介绍
demo: http://echarts.baidu.com/demo.html#bubble-gradient
源码: https://github.com/ecomfe/echarts
基于各种语言的例子:https://github.com/ecomfe/echarts
2018最值得关注的JavaScript趋势-小鸟云,BGP/高防云服务器
发布者: superzhang | 发布时间:2018-01-16Tips:“小鸟云”是深圳前海小鸟云计算有限公司旗下云计算品牌,国内领先的企业级云计算服务商。团队拥有多年行业经验,专注云计算技术研发,面向广大开发者、政企用户、金融机构等,提供基于智能云服务器的全方位云计算解决方案,为用户提供可信赖的企业级公有云服务。
React vs. Vue.js
我们直接上好东西吧:不是有很多人认为 Vue 或许会成为 React 的一大竞争敌手,但是今年想要无视 Vue 是不可能的,在开发者的炒作宣传方面甚至令 Angular 黯然失色。
我们展望随着 Vue 的大肆宣传,在 2018 年即将展开一场为期 2 年的激烈竞争。
React 仍然有着全球最富有公司之一的财政支持,更不用说他们还有极其有才的维护人员。
但是 Vue 做了下面这些让开发者真心高兴的事:
Vue 轻量,容易学习,有着令人难以置信的工具,有很棒的状态管理和路由内置等。
Vue 的社区当然还没有
使用jQuery的完整页面图像库
发布者: superzhang | 发布时间:2018-01-16在本教程中,我们将使用可滚动的缩略图和可滚动的全屏预览创建一个令人震惊的完整页面库。这个想法是,当用户移动鼠标时,在页面底部有一个缩略图条。当单击缩略图时,它移动到页面的中心,并在后台加载全屏图像。现在用户可以上下移动,图像会自动滚动,给他一个看到所有图像的机会。
我们将使用一些CSS3 Webkit属性来增强功能的外观和jQuery。
这就是为什么在像谷歌Chrome或苹果Safari这样的Webkit浏览器中最好的观看演示。
我们将使用令人敬畏的jQuery thumbnail scroller。非常感谢他这个伟大而流畅的剧本!
我们将再次展示马克·塞巴斯蒂安的精彩照片。请访问他的Flickr页面或他的主页以获取更多关于他工作的信息。我们将使用的图像来自Flickr上的“IT因素”照片。
所以,让我们开始吧!
标记
HTML由一个主要的包装器div组成。在这个包装器的内部,我们将有完整的屏幕图像,一个漂亮的半色调模式效果的叠加,
javaweb ajax js 和后台servlet数据交互(应读者要求)
发布者: superzhang | 发布时间:2018-01-16应读者上一天的要求,写出原生的Javascript的AJAX请求和jQuery的AJAX请求两种方式,具体代码如下:
需要注意的是:jQuery的AJAX请求需要导入jquery-1.11.0.js包,而Javascript的AJAX请求则不需要。
Javascript的AJAX请求
Javascript的AJAX请求
按钮被定义为链接元件,而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:transparenCSS3大样式的fieldset注册表
发布者: superzhang | 发布时间:2018-01-16用CSS3做实验,我创建了一个具有圆形边框和阴影效果的大型样式注册表单。所使用的唯一图像不是按钮,而是用作表单本身的背景图像的笔。
CSS代码有很多CSS3元素,而这个表单只能在支持CSS3的浏览器中工作(当然也没有):
form.registration{width:600px;float:left;color:#818181;background: #f1f1f1 url(pen.png) no-repeat top right;border: 2px solid #ccc;padding:10px;font-family: Georgia;font-size: 14px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-moz-border-radius: 15px;-webkit-border-radius: 15px;}这个表格会有圆形的边框和一个
CSS3 box-shadow 属性-「布尔女神」
发布者: superzhang | 发布时间:2018-01-16box-shadow是给元素块添加周边阴影效果 .
box-shadow : X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]
box-shadow属性的参数设置取值:
阴影类型:此参数可选。如不设值,默认投影方式是外阴影;如取其唯一值“inset”,其投影为内阴影;
X-offset:阴影水平偏移量,其值可以是正负值。如果值为正值,则阴影在对象的右边,其值为负值时,阴影在对象的左边;
Y-offset:阴影垂直偏移量,其值也可以是正负值。如果为正值,阴影在对象的底部,其值为负值时,阴影在对象的顶部;
阴影模
javaweb ajax js 和后台servlet数据交互(应读者要求)
发布者: superzhang | 发布时间:2018-01-16应读者上一天的要求,写出原生的Javascript的AJAX请求和jQuery的AJAX请求两种方式,具体代码如下:
需要注意的是:jQuery的AJAX请求需要导入jquery-1.11.0.js包,而Javascript的AJAX请求则不需要。
Javascript的AJAX请求
Javascript的AJAX请求
