JS框架
关注
分享
扫一扫
文章平均质量分 90
AlbenXie
这个作者很懒，什么都没留下…
展开
-
JavaScript 汉字与拼音互转终极方案 附JS拼音输入法
前言网上关于JS实现汉字和拼音互转的文章很多，但是比较杂乱，都是互相抄来抄去，而且有的不支持多音字，有的不支持声调，有的字典文件太大，还比如有时候我仅仅是需要获取汉字拼音首字母却要引入200kb的字典文件，无法根据实际需要满足需求。综上，我精心整理并修改了网上几种常见的字典文件并简单封装了一下可以直接拿来用的工具库。代码和DEMO演示github项目地址：https://githu...转载 2019-12-18 21:33:55 · 3736 阅读 · 0 评论 -
JS字符串转换数字
一、快速了解简单用法1、parseInt()函数和parseFloat()函数parseInt('123') === 123;parseFloat('123.01') ===123.01;2、Number()强制转换Number('123.01') === 123.01;3、js弱转换+'123.01' === ...转载 2019-11-12 11:14:35 · 328 阅读 · 0 评论 -
js正则表达式-实例
例子1：replace(/ \ - / g, "\ /")你这句话一共有3个"/"第一个个第二个之间就是正则表达式，第二个和第三个之间是需要用来替换的对象。"\-"意思就是匹配"-"为什么要加个\因为-是个元字符，需要转义才是真真的-字符。g = global(全局)“\/”的意思和上边的一样。所以整句的意思就是用/替换-。在Porl语言里你这句就等于：s/\-/\//s...原创 2019-11-11 17:45:33 · 336 阅读 · 0 评论 -
Ajax实例讲解与技术原理
摘要：AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。解决传统的网页（不使用 AJAX）如果需要更新内容，必须重转载 2017-09-18 02:10:17 · 757 阅读 · 0 评论 -
EXTJS与java后台交互(二)JSON使用
上篇文章介绍了通过使用dwr在EXTJS代码里直接调用后台的Java方法.这篇文章介绍在没有调用Java方法,没有返回值的情况下获取Java的返回信息.就要用到的Extjs的submit配置项---success和failure来进行配置. Ext.form.Action.Submit的配置选项success、failure是根据返回json中success属性判断的，如果suc转载 2017-08-17 20:34:50 · 2229 阅读 · 0 评论 -
EXTJS与java后台交互(一)DWR使用
最近公司的项目,前台界面用EXTJS,后台用Java写,他们之间的交互我目前接触到的有两种,简单介绍. 先介绍第一种方法:在EXTJS里直接调用Java方法. 在EXTJS里想用Java方法的需求很广泛,例如在界面想从后台取值做个判断,做个验证之类,或者要取到表格数据等.都是可以直接跟后台Java代码打交道.而我们又知道,js是脚本语言,只能在客户端转载 2017-08-17 20:27:57 · 597 阅读 · 0 评论 -
ExtJs组件监听事件
extjs对组件添加监听的常用三种方式 (1)在定义组件的配置时设置如代码中所示： [javascript] view plain copy"font-size:14px;">xtype : 'textarea', name : 'test', labelSeparator:'', fieldLab转载 2017-08-17 20:07:04 · 1987 阅读 · 0 评论 -
认识EXTJS
以前做web项目,先是用的asp,然后是jsp,asp里用的控件都是.net里封装好的,很方便,不多说.做jsp页面时基本上用的就是html.也是在做jsp页面的时候对js和ajax开始了解. 当时使用js和ajax是为了完成一些相对较复杂的验证或者界面效果.对js的感觉就是不好调试,功能效果强大.觉得整个页面都用js来写是多么的神奇.没想到这么快就看到了.转载 2017-08-17 20:03:35 · 437 阅读 · 0 评论 -
前端开发的一些实践规范
一、HTML实践使用标准的HTML5简化的定义的方式定义文档类型 <!DOCTYPE html>定义页面的编码 <meata charset="UTF-8">样式和页脚的引用，不需要写type类型，如link script停止使用不标准的标签和属性，如mqrquee不推荐在HTML标签中添加样式属性，如img标签中添加宽高不要使用@import，此方式最大的缺点是引原创 2017-07-23 22:31:53 · 664 阅读 · 0 评论 -
Ajax总结篇
本文主要总结整理Ajax的一些常用的基础知识，适合初学者。一、Ajax简介、优劣势、应用场景以及技术Ajax简介 :Asynchronous Javascript And XML （异步的JavaScript和XML）它并不是一种单一的技术，而是有机利用一系列交互式网页应用相关的技术所形成的结合体AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器原创 2017-07-23 22:28:23 · 642 阅读 · 1 评论 -
echarts基本使用
echarts基本使用基本操作：1，准备好需要渲染chart图的div层div id="org-data-percent" class="org-data-percent">div>2， ECharts单文件引入3，路径配置1 2 require.config({3原创 2017-08-01 11:07:37 · 406 阅读 · 0 评论 -
前端面试题整理
目录$HTML， HTTP，web综合问题1、前端需要注意哪些SEO2、的title和alt有什么区别3、HTTP的几种请求方法用途4、从浏览器地址栏输入url到显示页面的步骤5、如何进行网站性能优化6、HTTP状态码及其含义7、语义化的理解8、介绍一下你对浏览器内核的理解9、html5有哪些新特性、移除了那些元素？10、HTML5的离线储存怎么使用，工作原理能不能解释一下？11、原创 2017-07-16 15:02:57 · 1090 阅读 · 0 评论 -
Struts2 将EXTJS Json解析为List数据
JSON是和JavaScript门当户对的数据传输方式，所以用起来会很舒服。而且他可以很方便的传递对象，EXT也对JSON支持的很全面。所有的数据传递需求他都可以胜任。 所以将json对象传输到后台后解析为对应的Java对象也就变得重要，json-lib包里封装了改解决方法，但今天介绍Struts2种将json解析为Java对象的方法，以List为例。代码如下：//E转载 2017-08-17 20:36:10 · 508 阅读 · 0 评论 -
颠覆式前端UI开发框架：React
基于HTML的前端界面开发正变得越来越复杂，其本质问题基本都可以归结于如何将来自于服务器端或者用户输入的动态数据高效的反映到复杂的用户界面上。而来自Facebook的React框架正是完全面向此问题的一个解决方案，按官网描述，其出发点为：用于开发数据不断变化的大型应用程序（Building large applications with data that changes over time）原创 2017-09-13 20:19:30 · 686 阅读 · 0 评论 -
$.ajax()方法详解
1.url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设置。...转载 2019-02-16 19:40:20 · 292 阅读 · 0 评论 -
获取中国 省、市、县区
三个方法用于获取中国的省份、市、县区。从网上找到了中国省市区的json串，然后用js写了一个utl工具，分享给大家。ChinaCity.getProvince = getProvince;ChinaCity.getCity = getCity;ChinaCity.getArea = getArea; (function(){ //收录了中国的省市区县数据 var...转载 2019-02-16 19:28:48 · 2339 阅读 · 0 评论 -
银行卡号－ 查询银行卡信息
工作中用到的一个功能，下面是用js实现的一个util。花了不少的时间折腾这个，把结果分享给大家。(function() { //cardType:DC->储蓄卡,CC->信用卡 //var root = global; var cardTypeMap = { DC: "储蓄卡", CC: "信用卡", SCC...转载 2019-02-16 19:17:09 · 2996 阅读 · 0 评论 -
express中app.get()和app.post()
express中app.post("url",function(req, res) {});怎么使用?app.get('/abd',routes.form);app.post('/acc',routes.form);get请求在浏览器访问时使用,post的应该在哪里使用.express中的app.get()请求，是在连接建立的时候起作用。 比如：app.get("http://www.bai...原创 2018-05-17 14:25:12 · 15435 阅读 · 0 评论 -
Node.js安装及环境配置之Windows篇
一、安装环境1、本机系统：Windows 10 Pro（64位）2、Node.js：v6.9.2LTS（64位）二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js ...原创 2018-05-01 23:15:43 · 325 阅读 · 0 评论 -
jQuery选择器大全
jQuery选择器大全01020304050607080910111213141516171819202122232425262728原创 2017-09-01 16:39:48 · 511 阅读 · 0 评论 -
关于jQuery页面刷新(局部、全部)问题
关于jQuery页面刷新(局部、全部)问题第一：页面局部刷新：jQuery对Ajax操作进行了封装，在jQuery中$.ajax()方法属于最底层的方法，第2层是laod()、$.get()和$.post()方法，第3层是$.getScript()和$.getJSON()方法。 $.ajax()Code load()方法通常用来从Web服务器上获取静态的原创 2017-09-01 16:31:37 · 839 阅读 · 0 评论 -
Java和JavaScript中使用Json方法大全
摘要：JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C、C++、C#、Java、JavaScript、Perl、Python等）。这些特性使JSON成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成(网络传输速率)。转载 2017-09-18 01:59:11 · 678 阅读 · 0 评论 -
实用的60个CSS代码片段
1、垂直对齐如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑：1234567.verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-tra原创 2017-07-16 14:58:30 · 827 阅读 · 0 评论 -
EasyUI学习总结(六)——EasyUI布局
一、EasyUI布局介绍 easyUI布局容器包括东、西、南、北、中五个区域，其中中心面板是必须的，而东、西、南、北这四个面板是可选的，如果布局里面不需要东、西、南、北这四个面板，那么可以把相应的div删掉，另外，如果需要创建复杂的easyUI布局，那么可以通过嵌套东、西、南、北、中五个面板来实现。下面简单演示一下EasyUI布局。1.1、通过div创建easyUI布局原创 2017-06-28 11:09:23 · 478 阅读 · 0 评论 -
一文看懂数据可视化：从编程工具到可视化表现方式
说到可视化，就不得不说一下大数据，毕竟可视化是解决大数据的一种高效的手段，而如今人人都在谈论大数据，大数据 ≠ 有数据 ≠ 数据量大， 离谱的是，如今就连卖早点的觉得自己能统计每天卖出的种类，都敢说自己是搞大数据。时间推移到 2009 年，“大数据” 开始才成为互联网技术行业中的热门词汇。对“大数据”进行收集和分析的设想，起初来自于世界著名的管理咨询公司麦肯锡公司;麦肯锡公司看到了各种转载 2017-04-26 11:36:08 · 3592 阅读 · 0 评论 -
MVVM模式通过ViewModel实现view和model的低耦合
MVVM模式和MVC模式一样，主要目的是分离视图（View）和模型（Model），有几大优点1. 低耦合。视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。2. 可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图转载 2017-05-26 16:28:18 · 3185 阅读 · 0 评论 -
MVVM模式--Model，View，ViewModel三者平衡
MVC的概念已经逐渐被大家所熟悉——Model，View，Controllor。但是在最近的开发过程中，特别与WPF相关的开发中，发现MVVM这个模式相当好用，而且还可以很方便的通过UnitTest了检查UI的错误。 什么是MVVM呢，就是Model，View，ViewModel。Model就是对数据的抽象，数据的封装。比如，Person。View就是UI表现层，提供与终端用转载 2017-05-26 16:27:32 · 2819 阅读 · 0 评论 -
MVVM模式中ViewModel和View、Model有什么区别
这篇文章主要介绍了MVVM模式中ViewModel和View、Model有什么区别?本文分别解释了它们的功能和作用,然后总结了它之间的区别,需要的朋友可以参考下 Model：很简单，就是业务逻辑相关的数据对象，通常从数据库映射而来，我们可以说是与数据库对应的model。 View：也很简单，就是展现出来的用户界面。 基本上，绝大多数软件所做的工作无非就是从数据存储中读原创 2017-05-26 16:20:31 · 5765 阅读 · 0 评论 -
浅析bootstrap原理及优缺点
网格系统的实现原理，是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统网格系统的实现原理，是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。原创 2017-05-12 10:36:01 · 13653 阅读 · 0 评论 -
BootStrap学习笔记，优缺点总结
BootStrap学习笔记，优缺点总结本篇约定Bootstrap简写为BT BT的受欢迎程度是大家有目共睹的，用它可以快速的搭建出网站。很早就接触过这个框架，其中的栅格系统，css模块化以及js插件做的相当不错，由于工作中较少使用也一直没有好好梳理下，这篇文章就来好好分析一下这个系统。BT虽然很好，但也不是没有缺点，由于框架很多都是模块化的，只能这么用，当您的网站比原创 2017-05-12 10:34:22 · 1737 阅读 · 0 评论 -
Datatables——columns.render
columns中的render属性可以渲染(处理)数据显示在表格中，即它可以操作从数据源读取到的数据，这个属性非常常用，可以通过它实现很多开发中常用的效果，比如表格第一列的checkbox，表格中头像的图片，最后一列添加操作按钮等，下面会给出相应的例子。render方法有四个参数，分别为data、type、row、meta，其中主要是使用data和row来进行操作，data是对应当前cell的转载 2017-04-06 14:54:22 · 7689 阅读 · 3 评论 -
datatables 参数详解
datatables 参数详解//@translator codepiano//@blog codepiano //@email codepiano.li@gmail.com//尝试着翻译了一下，难免有错误的地方，欢迎发邮件告知，多谢。/*------------------------------------------------Feature-------转载 2017-04-06 12:33:43 · 866 阅读 · 0 评论 -
DataTables API
学习可参考：http://www.guoxk.com/node/jquery-datatables http://yuemeiqing2008-163-com.iteye.com/blog/2006942 1:导入包： URL：http://www.datatables.net/ 分别导入css和js文件转载 2017-04-06 11:17:31 · 837 阅读 · 0 评论 -
谁也别拦我！今天我要曝光JavaScript 资源大全中文版！
JavaScript 资源大全中文版我想很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列的资源整理。awesome-javascript 是 sorrycc 发起维护的 JS 资源列表，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎、数据可视化、时间轴、编辑器等等包管理器管理着 JavaScript转载 2017-04-26 11:39:20 · 895 阅读 · 0 评论 -
$.ajax返回的JSON格式的数据后无法执行success的解决方法
近段时间做项目，在项目使用了ajax技术，遇到了一个奇怪的问题："$.ajax返回的JSON格式的数据无法执行success"，代码是这样写的： 1 $.ajax({ 2 .. 3 dataType:'json', 4 ... 5 success:function(jsonData){ 6 //不执行success 7 }, 8 error:function原创 2017-07-02 22:52:44 · 456 阅读 · 0 评论 -
前端优化的技巧
最近有几个搭档开通了自己博客，但却诉苦说因为的买的虚拟空间，所以自己博客网站翻开速度很慢。关于这种景象，依照一般的状况来看，一个网站的拜访 翻开速度的快与慢，满是看这个网站运用的空间装备，要是这个空间主机的装备不错，那么你的网站拜访速度就会很快;相反，要是你的空间主机的装备很烂，那么 你的网站拜访速度就会很慢。其实抛去空间主机的装备要素不谈，咱们站长或许搜索引擎优化人员也能够从页面制造方面着手，然原创 2017-07-14 12:37:56 · 471 阅读 · 0 评论 -
EasyUI学习总结(五)——EasyUI组件使用
一、EasyUI组件的简单介绍 easyUI提供了很多组件让我们使用，如下图所示： 使用这些组件可以帮助我们快速地进行项目开发，下面以一个用户登录程序为例讲解EasyUI组件的使用二、EasyUI组件的使用2.1、创建测试的JavaWeb项目 2.2、编写测试代码 编写一个用户登录页面Login1.html，用于输入用户名原创 2017-06-28 11:06:21 · 1562 阅读 · 0 评论 -
EasyUI学习总结(四)——parser源码分析
parser模块是easyloader第一个加载的模块，它的主要作用，就是扫描页面上easyui开头的class标签，然后初始化成easyui控件。 1 /** 2 * parser模块主要是解析页面中easyui的控件 3 */ 4 $.parser = { 5 // 是否自动解析 6 auto: true原创 2017-06-28 11:04:43 · 545 阅读 · 0 评论 -
EasyUI学习总结(三)——easyloader源码分析
声明：这一篇文章是转载过来的，转载地址忘记了，原作者如果看到了，希望能够告知一声，我好加上去！ easyloader模块是用来加载jquery easyui的js和css文件的，而且它可以分析模块的依赖关系，先加载依赖项。模块加载好了会调用parse模块来解析页面。把class是easyui开头的标签都转化成easyui的控件。先看Demo1例子，再分析源代码。 1原创 2017-06-28 11:02:48 · 499 阅读 · 0 评论 -
EasyUI学习总结(二)——easyloader分析与使用
使用脚本库总要加载一大堆的样式表和脚本文件，在easyui 中，除了可以使用通常的方式加载之外，还提供了使用 easyloader 加载的方式。这个组件主要是为了按需加载组件而诞生。什么情况下使用它呢？你觉得一次性导入 easyui 的核心 min js 和 css 太大你只用到 easyui 的其中几个组件你想使用其中的一个组件，但是你又不知道这个组件依赖了那些组件。 如果你有原创 2017-06-28 11:00:34 · 538 阅读 · 0 评论