效果图: 1.静态文件放入View目录中 在View目录下新建Public目录,在Public目录下新建js.css目录. 把jit的资源放入对应目录中 2.在html中引入jit Application/Equip/View/Index/index.html <extend name="$_home_public_layout"/> <block name="style"> <!-- CSS Files --> <link…
不好意思,离开博客园4年多了,一回来就是为自己打广告,真是害羞啊... http-mock-middleware 是我最近完成的一个前端数据 mock 库.它是我汇总近3年工作经验而诞生的一个工具,使用很方便.废话不多说,我粘贴一下部分 README,欢迎大家去 star. 一个强大.方便的 http mock 库. 目录 介绍 特性 安装 API 文档 http-mock-middleware 是如何工作的? 配置文件 mockrc.json 如何查找 mock 文件? 插件和指令 cooki…
按:真正做技术的,就该这样. 以下为全文转载 (观察者网讯) 10月24日,阿里巴巴合伙人.高德总裁刘振飞在阿里云开发者社区发文,回忆从2009年启动“去IOE”工程到2019年OceanBase拿下TPC-C世界第一,这十年来阿里巴巴自研数据库之路. 刘振飞在文中回忆道,2009年9月,我奉命组建当时的淘宝技术保障部,随即启动了2010年的技术预算工作,但在给时任集团首席架构师的王坚博士汇报预算的时候,却被狠批一顿. 原来在汇报时,刘振飞得意地提出,“(淘宝)2010年不再购买小型机”.但王坚…
<!doctype html><html><head> <meta charset="UTF-8"> <title>前端Demo常用库文件链接</title> <!--bootstrap--> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.cs…
开源来自百度商业前端数据可视化团队的超漂亮动态图表--ECharts 本人项目中最近有需要图表的地方,偶然发现一款超级漂亮的动态图标js图表控件,分享给大家,觉得好用的就看一下.更多更漂亮的演示大家可以参考下面两个网址:ECharts官方网址:http://ecomfe.github.io/echarts/index.html,Why ECHarts:http://ecomfe.github.io/echarts/doc/slide/whyEcharts.html#/,官网有示例及各种帮助文档等…
背景 最近看到很多网站都运用到了一种前端数据延迟加载技术,包括淘宝,新浪网等等,这样做的目的可以使得一些未显示的图片随 着滚动条的滚动进行延迟显示. 好处显而易见,可以减少前端对于图片的Http请求,减轻对于服务器的压力,对于长篇并且大批量的图片的网页很有帮助. 详细分析 1. 今天就来介绍如何设计这样的一种jQuery插件. jQuery官方也开放一个Lazyload插件,但是用了一下,发现它 有些问题,在网页加载的时候(具体地址可以参考这个Demo:http://www.appelsiini…
前端数据存储方案集合(cookie localStorage等)以及详解 (二) 在之前的文章中已经介绍到了 前端存储方案中的 cookie . 但是 cookie 的存储上限是 4KB. 如果超过了 4KB ,在获取cookie 的时候会返回空值. 那如果存储内容超过 4kb,我们该如何处理呢? 这里我们将分别 介绍 几种前端存储方式: localStorage, sessionStorage,websql 和indexeddb. 一.localStorage 1.1 localStorage…
最近在做前后端数据交互的尝试,也跳了很多坑,使用的是php+bootstrap-table+js,把一些收获记录在这里,方便查询. 这个小项目,仅有3个文件,分别为: crud.html data.php crud.sql 数据交互实现1:查询 mysql 数据库建表 php查询接口 前端数据展现 mysql 数据库建表 数据库名称:crud 第一个表名:t_users 主键:user_id,自增长排列 php: <?php //测试php是否可以拿到数据库中的数据 /*echo "444…
移动端前端框架UI库(Frozen UI.WeUI.SUI Mobile) Frozen UI 自述:简单易用,轻量快捷,为移动端服务的前端框架. 主页:http://frozenui.github.io/ 开发团队:QQVIP FD Team Github:https://github.com/frozenui/frozenui Demo:http://frozenui.github.io/frozenui/demo/index.html WeUI 自述:WeUI是一套同微信原生视觉体验一致的…
Handlebars的基本用法 使用Handlebars,你可以轻松创建语义化模板,Mustache模板和Handlebars是兼容的,所以你可以将Mustache导入Handlebars以使用 Handlebars 强大的功能. 开始 Handlebars模板看起来和HTML一样,只是嵌入了 handlebars 表达式 <div class="entry"> <h1>{{title}}</h1> <div class="body&…
Webservice WCF WebApi   注明:改编加组合 在.net平台下,有大量的技术让你创建一个HTTP服务,像Web Service,WCF,现在又出了Web API.在.net平台下,你有很多的选择来构建一个HTTP Services.我分享一下我对Web Service.WCF以及Web API的看法. Web Service 1.它是基于SOAP协议的,数据格式是XML 2.只支持HTTP协议 3.它不是开源的,但可以被任意一个了解XML的人使用 4.它只能部署在IIS上 W…
这篇文章主要描述现今流行的一些 Javascript web 前端框架,库以及它们的适用场景. 新的 Javascript 库层出不穷,从而Web 社区愈发活跃.多样.在多方面快速发展.详细去描述每一种主流的 Javascript 框架和库近乎不可能,所以在这篇文章中主要介绍一些对前端发展最具影响力的前端框架.接下来让我们来共同研究一些主流前端框架.库和工具,并讨论它们的适 用场景. 同时: 如果该篇文章没有包含你喜欢的 Javascript 框架,勿喷 在使用前端框架进行开发时,建议保持版本更…
多线程概念: 多线程是指从软件或硬件上实现多个线程并发执行的技术.具有多线程能力的计算机因有硬件支持而能够在 同一时间执行多于一个线程,进而提升整理处理性能.具有这种能力的系统包括对称多处理机,多核心处理器以及 芯片级多处理或同事多线程处理器,在一个程序中,这些独立运行的程序片段叫做线程,利用它编程的概念 就叫做多线程处理. 具有多线程能力的计算机因有硬件支持而能够在同一时间执行多于一个线程,进而提升整体处理性能. Concurrent.Thread.js <!DOCTYPE html> &l…
Aspect Oriented Programming(AOP)面向切面编程是一个比较热门的话题. AOP主要实现的目的是针对业务处理过程中的切面进行提取,它所面对的是处理过程 中的某个步骤或阶段,以获得逻辑过程中各部分之间低耦合性的隔离效果. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp…
1.惰性载入函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible&…
javascript高级技巧 变量作用域和闭包 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X…
模块化概念 AMD是requirejs在推广过程中对模块化定义的规范化产出. 异步加载模块,依赖前置,提前执行 Define定义模块define(['require','foo'],function(){return}); Require加载模块(依赖前置)require(['foo','bar'],function(foo,bar){}); CMD是SeaJS在推广过程中对模块化定义的规范化产出. Define定义exports导出define(function(require,exports…
前端数据可视化插件有很多,但我用过的只有Highcharts(https://www.hcharts.cn/).Echarts(http://echarts.baidu.com/)和D3(https://d3js.org/), Web开发过程中选择使用哪一个插件是很重要的问题.就我个人而言,一般会从以下几点考虑.   1.兼容性 使用一个插件之前必须要先评估一下它对浏览器的兼容性,不然写完了发现没法儿用就得不偿失了. 经过多次尝试,我初步判断这三个插件的兼容性是这样的: Highcharts 兼…
Web 前端 UI 组件库文档自动化方案 All In One 需求 自动化 动态 好用 markdown element-ui 中示例和说明按照一定规则写在md文件中,调用md-loader将md文件转成相应的页面,组件库维护者,只需要书写md文件即可自动地生成对应的文档页面. MMP, 一个简单的文档,添加了好多脚本,看的太累了,没有耐心了! Storybook https://storybook.js.org/ https://github.com/storybookjs/storyboo…
响应get和post请求 SpringMVC中使用@RequestMapping注解完成对get请求和post请求的响应 项目结构和配置文件与SpringMVC博客集中的"SpringMVC 01"保持一致 在webapp/admin目录下新建2个jsp文件,这两个jsp文件分别作为相应请求的响应页面 mainGet.jsp <%@ page contentType="text/html;charset=UTF-8" language="java&q…
大家好,我是张飞洪,感谢您的阅读,我会不定期和你分享学习心得,希望我的文章能成为你成长路上的垫脚石,让我们一起精进. 由于录制视频的需要,要做前端UI组件库的选型.平时国内外也见了不少基于Vue的UI组件,积累了一些素材,现在分享给大家. 本文讨论的主题包括: 为什么使用第三方组件库 第三方UI库比对 选型的依据 我选的选型 为什么使用第三方组件库 现在这个年代,好像问这么一个问题很傻,谁会自己造轮子呢?确实是这样.但是对于刚毕业的同学,或者从Ext.js年代过来的同学可能不会觉得奇怪.因为在前…
新年伊始,英巴卡迪诺公司(Embarcadero)就在其官网发布了"激动人心的RAD Studio2018年发展规划"公告(见上图).公告中指出,将在于2018年第一季度发布10.3.X新版本,新版本兼容Ext JS前端开发,支持快速WEB应用软件开发.这是继去年Delphi正式支持64 位 Linux 服务器应用开发之后又一个重大利好消息.英巴卡迪诺这些积极举措,得到了广大软件公司及软件开发人员的的一致好评.        在移动互联网时代,广大程序员迫切需要一款能够全面.快速支持移…
新年伊始,英巴卡迪诺公司(Embarcadero)就在其官网发布了“激动人心的RAD Studio2018年发展规划”公告(见上图).公告中指出,将在于2018年发布10.3.X新版本,新版本兼容Ext JS前端开发,支持快速WEB应用软件开发.这是继去年Delphi正式支持64 位 Linux 服务器应用开发之后又一个重大利好消息.英巴卡迪诺这些积极举措,得到了广大软件公司及软件开发人员的的一致好评. 在移动互联网时代,广大程序员迫切需要一款能够全面.快速支持移动开发的跨平台开发工具.2008…
Mary Bellard(左)和AnneTaylor(右)是Seeing AI开发团队的成员,SeeingAI成果的背后是计算机视觉数十年研究的支持. 当Anne Taylor走进一个房间时,她像其他任何人一样都会关心这样一些问题:哪里有空座位?向我走来的那个人是谁?那个人是在微笑还是皱眉?这个标志牌是什么意思? 然而,对于双目失明的Taylor而言,这些信息并非总是那么容易找到.她说,现在已经有一些能够帮助视障人士的手机应用和工具,但往往功能单一,而且并不是很好用:大多数视障人士更愿意尽可能…
若要在某一领域内达到专家级的水平,其关键在于"审慎地重复",也就是说,并非是机械地,一遍又一遍地练习,而是要不断地挑战自我,试图超越自身当前的水平,通过不断的尝试挑战,并在尝试的过程中和尝试之后对自身的表现进行分析和总结,吸取经验,纠正之前犯过的各种错误.把这一"审慎"的过程不断重复,才能取得成功. http://blog.jobbole.com/22905/…
2011年9月28日——10月31日,国内知名网络安全公司——启明星辰,作为协办方参与了51CTO在2011年举办的中国SOC安全管理平台市场应用现状调查. SOC(Security Operations Center)是一个外来词.而在国外,SOC这个词则来自于NOC(NetworkOperation Center,即网络运行中心).NOC强调对客户网络进行集中化.全方位的监控.分析与响应,实现体系化的网络运行维护. 随着信息安全问题的日益突出,安全管理理论与技术的不断发展,需要从安全的角度去…
序 关于自动化测试的工具和框架其实有很多.自动化测试在测试IT行业中扮演着越来越重要的角色,不管是在传统的IT行业还是高速发展的互联网行业或是如今的大数据和大热的人工智能领域,都离不开测试,也更加离不开自动化测试.自动化测试已经发展了很多年,在很多大的互联网公司里他们不但有自己的自动化测试框架,甚至基本都建立了自己的自动化测试平台或者已经对外开放使用的自动化测试云平台,也就是说自动化测试几乎已经成为一名测试工程师必须掌握的一个技能,并且随着很多自动化测试工具和框架的不断发展和完善,自动化测试也变…
从 Solo 第一个版本发布至今,已经过去 5 年了.今天我们非常自豪地宣布,Solo 1.0.0 正式发布,感谢一直以来关注 B3log 开源的朋友! 目前 B3log 开源有三款产品: GitHub 上 Star 数最多的 Java 博客 Solo Golang 黑科技之在线 IDE Wide 基于实时交互技术的社区 Sym 特性 基于标签的文章分类 博客/标签 Atom/RSS.Sitemap 输出 评论回复及邮件提醒 自定义页面.导航 多编辑器:Markdown.TinyMCE.Kind…
摘要: 2009年这项关于大数据的技术长征开始.王坚带队,目标是自研大数据计算平台MaxCompute统一阿里巴巴内部的数据和大数据计算体系. 大数据时代,随着企业数据规模的急剧增长,传统软件已无法承载,这也推动了大数据技术的发展,Google.AWS.微软等硅谷巨头纷纷投入大数据技术的研发:而在国内,王坚也在十年前带领阿里云团队研发MaxCompute,率先在国内开启大数据计算平台的自研之路. 十年后,MaxCompute已经可以承载EB级别的数据存储能力.百PB级的单日计算能力,在公共云上已…
一.写在前面 web开发有前端和后端之分,其实android还是有前端和后端之分.android开发就相当于手机app的前端,一般都是php+android或者jsp+android开发.android和php在当下如此热门,我想作为一个android程序员还是应该清楚android与php的交互的,那么,今天我们就来尝试一波~ 二.环境准备 1)虽然现在十分流行wamp(windows+apache+mysql+php)和lamp的php开发模式,但是为了省时省力,今天我们就暂且使用xampp…