“小白,今天上午布局的那个弹窗想法不错!” 小白说道:“我只是用CSS布了一个局,还没有添加用户交互呢!” 老朱说:“不着急,像这种常用的功能你可以尝试把它做成控件,这样以后就能经常使用了,从现在开始我们用几天的时间了解一下,怎么做一个能够经常调用的控件吧!” “恩,这样确实不错,虽然做的时候麻烦点,但是以后使用起来就会很方便了!我应该做点什么准备工作呢?” 老朱跟小白说:“一个控件包含CSS和JS两个部分,你可以建一个文件夹,把你做的控件的JavaScript文件和CSS文件放进去,使用的时候在当前页
我们在做增删改查的时候,必可避免的要做表单,那么表单是怎么弄出来的呢?拖拽控件、手写、js创建还是第三方控件(包括js版)? 以前用服务器控件写了一套表单控件,用起来感觉也挺方便的,只是效率太低,太占用服务器的资源。想了好久也没想到如何提高效率,最后改成了纯js版的。 js属于初学,代码还很简陋,大家见笑了。现在是越学习js,越是感到js的强大! 需求、目的: 1、 在前台网页,使用js自动创建表单 2、 可以控制表单里的控件类型,比如文本框、下拉列表框、在线编辑器等。 3、 可以获取用户输入的数据
摘要 本演讲将介绍如何利用CSS对shiny页面进行个性化设计及在网页中嵌入视频;并通过一个详细案例介绍了利用htmlwidgets包开发HTML控件,基于D3.JS库创建简单的交互桑基图,包括控件创
当我们使用ArcGIS JS API开发项目时,经常会用到地图测量控件,用于测量地图上两点之间的距离、一片区域的面积或周长等,但是ArcGIS JS API测量控件自带的默认样式是黄白相间的大粗线,这在用户看来是很不美观的,所以就需要我们对其进行一些样式优化。
最近在做开发的时候有用到红、绿、蓝三色号的色彩调节,然后想使用某种色彩还需要去相关的网站上进行查询很是麻烦,于是就想着利用Java的GUI开发一个简单的调色器。可以自行调节色彩并且获取到对应的红绿蓝三种色号。
测试过程中经常遇到时间控件,需要我们来选择日期,一般处理时间控件通过层级定位来操作或者通过调用js来实现。
前言 日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题。 基本思路:先用js去掉readonly属性,然后直接输入日期文本内容 一、日历控件 1.打开12306的车票查询界面,在出发日期输入框无法直接输入时间 2.常规思路是点开日历控件弹出框,从日历控件上点日期,这样操作比较烦躁,并且我们测试的重点不在日历控件上,只是想输入个时间,做下一步的操作
开发网站的时候,尤其是一些后台管理系统,会出现很多重复性工作,为追求方便快捷解决方法往往是简单粗暴的复制粘贴。复制粘贴会让代码散发出惹人讨厌的坏味道每个程序员都知道,但有时候除此之外别无解决方案,如项目中的html文件,除了头尾部份, 明明有很多冗余的代码存在于项目的html文件当中,但对于提取它们却总是束手无策。 这类代码即有html也有js html代码如,两张列表页面, 除了表的列数和具体的内容以外, html结构的规格都是相同的,但是我们在新建页面时,这类重复的table、tr、td总是不可避免的
上次比较匆忙,Ajax的分页方式仅实现了基本功能,或者说只是验证了我的想法。现在对Ajax分页有做了一些调整,现在可以正式用了。 使用方法还是非常简单,可以完全按照URL分页方式来做,只需要把PagerTurnKind 属性 设置为:PagerTurnKind.AjaxForWebControl;就可以了。 然后前台需要引用jquery-1.4.2.min.js和QuickPager-1.0.js。QuickPager-1.0.js是QuickPager需要用的一个js脚本,Demo里面有这个j
使用CocosCreator已经一年了,在此期间一直在摸索,如何才是组件化编程的最优实践。Shawn属于半野生的路子,水平不高,但不时会陷入一些问题瞎琢磨。我根据自己的经验,总结了一套组件化编程模型:法宝与结界模型。
昨天在csdn上看到一个人提出来了一种分页的需求,大致是分页控件只负责绘制总页数、上一页、下一页等信息,然后在用户翻页的时候可以触发一个js函数,然后自己实现这个js函数。并不需要提交表单,他想用ajax的方式来获取数据,但是又不想使用微软的ajax。 大概的需求就是这样的(至少我的理解是这样的),不知道吴旗娃的分页控件是不是支持这种需求。不过我的分页控件还没有涉及到ajax,原因是我还不会用ajax,那么是不是可以先实现这种需求呢?想了一下,比较简单,只要继承PageUI类,写一个UI
和富文本一致,日期控件也是我们经常可常见的控件之一,而且大多数的日期控件都是readonly属性,需要人为的手动去选择对应的时间,很显然,在手工测试中,这是一个很简单,很容易做到的操作,在自动化中,对日期的控件,比手工测试的操作虽然一直,但是比较繁琐。对日期的控件,我们任然使用js来控制,然后通过控制js来实现我们的目的。
作者用了很大的篇幅讲解了一个程序,就是一个伪代码形式的,根据文件的扩展名打开文件的程序。比如要打开.doc的文件,那么就执行 OpenDocFile()函数。其他类型的文件也是类似的方法,一种扩展名对应一个函数。调用的时候就是用Case来判断扩展名,然后调用对应的函数。 然后呢提出了这种实现方法的一些缺点,这里就不描述了。我觉得最重要的两个缺点是扁平化和case的方式调用。 扁平化,OpenDocFile()这样的函数都是同一个层次的,没有所属关系,现在电脑里的扩展名也实在是太多了,几百个函数堆砌在一起,实
链接:http://pan.baidu.com/s/1sl56aw1 密码:jc2y 页面代码
首先打开另一个小网站 -- https://www.hwtelcloud.com/products/rpa,下载【设计器】,并进行使用激活;下载【执行器】,让程序自己动;此外还需下载浏览器驱动和安装浏览器插件。关于软件的下载安装等此处就不进行讲解,相信您能搞定!
小程序弹出actionsheet选择面板的方法有点怪异,是控制一个预定义好的actionsheet的hidden属性实现的。并且它的change事件,只是在单击背景或cancel中触发,并不包括选择项。
Wijmo Event Calendar活动日历控件,是一个功能齐全的活动日历控件,允许用户添加,编辑和管理他们的日程。默认情况下,控件将使用Html5的Local Storage特性,进行离线数据存储,用户可以在不连接网路的情况下,使用网页来管理自己的日程,无需额外的配置。 Wijmo Event Calendar支持用户自定义数据存储方式。Wijmo Event Calendar 控件在设计之初就将数据展现和数据存储进行分离,您可以使用amplify.store库,实现本地数据存储。然后设置:d
Bootstrap文件上传插件File Input是一个不错的文件上传控件,但是搜索使用到的案例不多,使用的时候,也是一步一个脚印一样摸着石头过河,这个控件在界面呈现上,叫我之前使用过的Uploadify 好看一些,功能也强大些,本文主要基于我自己的框架代码案例,介绍其中文件上传插件File Input的使用。关于Uploadify的控件介绍,可以参考我之前的随笔介绍《基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用》。 1、文件上传插件File Input介绍 这
在前一篇博客《.NET混合开发解决方案11 网页JS调用C#方法》中介绍了JS访问C#方法的简单实现方式。但是在企业级应用软件中业务需求可能更加复杂,如JS调用C#方法之后,需要访问宿主的窗体,设置窗体(WinForm、WPF、WinUI、Win32)中的控件等。
之前就有想法说说这方面,直到看到我上一篇博客《EXT.NET复杂布局(一)——工作台》的回复:
在上一篇文章中我们创建了一个Button控件,并把这个控件显示在界面上, 在这一篇文章中,我们将为这个控件增加一个事件和一个方法 一:怎么绑定事件的问题 在Winform中,我们对一个按钮绑定事件的方式如下(这是真正的事件) 然而,在WUI库中,为一个按钮绑定事件是这样的,(这不是一个事件,这只是调用了一个方法,给这个方法传递了一个i额委托) 问题: 为什么会有这样的差异呢?实在是无奈之举(也希望园友多提意见) 回答: 我们在给一个WUI按钮绑定事
在今年3月以来,持续关注WPSJS的开发技术,并已开发了两款针对WPS表格和WPS文字的插件,剩下WPS演示未有开发,其中原因为当时WPS演示未有WebShape这个网页控件的接口开放。
现在有很多时候,我们的 App 都进行了混合开发,而最简单,最常用的就是有些网页采用了 WebView 进行展示,这就需要我们了解和懂得如何实现 WebView 和 JS 进行交互。今天我们就来学习一下,如何点击 WebView 中的网页图片,调用原生控件进行放大展示。 其实实现这种交互非常简单,就是通过 JS 调用原生控件。基本思路如下: 首先加载一个 html 网页,网址或者本地 html 文件都可以。 遍历 html 标签源代码,找到所有的 img 标签节点。 给 遍历到得 img 标签节点加上 on
新的 Javascript 库层出不穷,从而Web 社区愈发活跃、多样、在多方面快速发展。详细去描述每一种主流的 Javascript框架和库近乎不可能,所以在这篇文章中主要介绍一些对前端发展最具影响力的前端框架。接下来让我们来共同研究一些主流前端框架、库和工具,并讨论它们的适用场景。 1.angular.Js 地址:http://www.runoob.com/angularjs/angularjs-tutorial.html 代码托管地址:https://github.com/angular/angul
Widget 不是一个小型的 App,它是一种新的桌面内容展现形式,主要是用于弥补主应用程序无法及时展示用户所关心的数据。
随着 Web 技术和移动设备的飞速发展,各种 APP 层出不穷,极速的业务扩展提高了团队对开发效率的要求,这个时候使用 IOS/Andriod 开发一个 APP 似乎成本有点过高了,而 H5 的低成本、高效率、跨平台等特性马上被利用起来形成了一种新的开发模式:Hybrid APP。
在Web开发中,日历控件是一个常见的组件,用于显示日期并帮助用户选择日期。jQuery日历控件是一款流行的JavaScript库,可以轻松地实现日历功能。在很多应用场景中,我们需要在日历上标识出假日,以提醒用户。本文将介绍如何结合jQuery日历控件和假日数据,实现假日在日历上的显示。
在前面示例中使用的的方法简单方便,但没有完全将js与页面结构完全分离,也就是说js依赖了class,下面通过validate()方法的参数设置验证规则将js与页面结构完全分离,代码如下:
在我的博客《.NET混合开发解决方案10 WebView2控件调用网页JS方法》中介绍了C#调用网页中定义的JavaScript方法以执行某种业务逻辑,同样WebView2控件中加载的网页中自定义的JavaScript方法中也可以调用C#方法。
日期选择控件,很多地方都有用到吧,实现方式也是多了去了,笔者曾经写过一个蹩脚的js日期控件,由于太蹩脚,所以就贴代码了。今天介绍的是微软提供的Ajax Calendar控件。这个控件使用了Ajax的效果,并通过前台js和style设置事件和效果。功能丰富、样式自有,实为网站设计、MIS开发之必备控件。
不知从何时起,移动端App开发,采用Native还是使用Web的争论不绝于耳。二者的优缺点不再赘述。Web App当然是开发者期待的理想结果,但是由于Native App在用户体验上的绝对碾压,大部分移动端App还是采用Native的方式,少数架构复杂、对Web依赖较多的App,会采用一种称为Hybrid(Web + Native)的开发方式,在iOS上,Native通过-[UIWebView stringByEvaluatingJavaScriptFromString:]调用Web,而Web则是通过设置W
移动跨平台开发一直是移动开发者和前端开发者追求的的话题,从早期的cordova、ionic,到如今的react native、weex、kotlin native和flutter等,可以说如今的跨平台框架可谓百花齐放,颇有一股推倒原生开发者的势头。
接下来,介绍他的使用方式,前提条件,下载clipboard.min.js插件,下载地址:在这里
因为一般情况下,通过表单提交实现文件上传是没有问题的,只需要将表单的enctype属性设置为multipart/form-data即可。例如:
带你走近AngularJS系列: 带你走近AngularJS - 基本功能介绍 带你走近AngularJS - 体验指令实例 带你走近AngularJS - 创建自定义指令 ------------------------------------------------------------------------------------------------ AngularJS是Google推出的一款Web应用开发框架。它提供了一系列兼容性良好并且可扩展的服务,包括数据绑定、DOM操作、MVC设计模式
本篇将节操满满的安利Weex(˶‾᷄ ⁻̫ ‾᷅˵),不一样的角度推荐你入坑,官网有的我们不拖泥,这里将给你补充官方没有的,深入到蹲坑给你排忧解难,总会给你点惊喜,内容越后越干,请紧张的往下看。
EasyUI是一套开源的界面开发框架,它提供包括窗口、数据网格、按钮、表单控件等一系列UI控件,非常适合后台交互系统使用。EasyUI基于HTML5标准开发,以插件的形式提供组件,除了框架自带的标准组件外,还附带有扩展组件和主题。EasyUI目前有4个分类, EasyUI for jQuery, EasyUI for Angular, EasyUI for Vue,EasyUI for React,分别使用jQuery、Angular、Vue和Rect作为脚本来使用EasyUI,因EasyUI历史上一直采用jQuery作为脚本语言,jQuery版本使用较广,所以本文采用EasyUI for jQuery,如不做说明,EasyUI即指EasyUI for jQuery。 EasyUI既有免费版本,也有商业版本。商业版本需要购买,但允许用户修改版权标识以及其他操作,并提供相应的服务。EasyUI于2010年面世,至今已有8年,现在最新的版本号为1.6.1,框架的内容也在不断丰富。EasyUI省去了开发者关于界面的设计开发,而专注于业务逻辑的处理,无论是从审美角度还是从交互性等方面,EasyUI都是一款不可多得的前端框架。 EasyUI的下载地址: Download EasyUI Package - jQuery,Angular,React,Vue
一直想找到一个合适的构架来开发WebGIS,以前一直用的是Web ADF,然而经常遇到很大的技术阻力,因为,自己的JAVASCRIPT不怎么好,所以一直想尽量避免,现在看来,这个想法完全是错误的,想要做出动态性能很好的网页,不可能和JS避开的。
网上也有很多锁定行列的方法,一个是使用css,另一个就是专门的控件附带有锁定的功能。css的大多数锁定行,而不能锁定列。好像看过园子里的司徒正美,写过一个用css锁定行列的,当时css比较烂看不懂,也没有保存那个网址(很后悔),现在想要找却又找不到了。 另一个就是第三方控件,这种控件很强大,锁定行列只是附带的一个小功能。但是有一个比较明显的缺点,必须使用它的控件,我想锁定GridView,那就不行了。除非你能把他的锁定方法给研究出来。 最近我在学jQuery,我觉得找个需求来学习,进步会比较快,
新的 Javascript 库层出不穷,从而Web 社区愈发活跃、多样、在多方面快速发展。详细去描述每一种主流的 Javascript框架和库近乎不可能,所以在这篇文章中主要介绍一些对前端发展最具影响
Flutter理念:“一切皆为Widget”,Widget是Flutter应用程序用户界面的基本构建块,具备以下特点:
Ext.net V1.0数据操作介绍 简介 Ext.net V1.0前身叫Coolite V0.8以前我用Coolite做过一个小项目,效果很不错,现在www.coolite.com已经变成www.ext.net,正式发布 ext.net V1.0 新增了不少新功能,前台的JS也更容易操作,非常不错,完全可用于一些小项目的开发。 Ext.net官方网站的介绍是一个用于快速开发asp.net的富AJAX的web应用程序控件类库,底层使用的javascript类库是Ext.js(开源的商业类库),当然E
在上一篇文章《深入Weex系列(四)之Module组件源码解析》中我们结合源码学习了Module的注册、调用、回调等流程,并且分析一个Weex自带Module的实现。
自认为做了几年Web,就很了解Asp.net,但最后才发现不是这个样子的。首先没有系统的学习,其次没有深入的实践,从学校到公司,一直在使用别人写好的控件,甚至在很长一段时间,想写几个轮子出来。自嘲自己的物质之后,开始慢慢的了解这些内容。前些天了解了一下验证控件,记录下来,希望以后忘记的时候可以舒适起来。
领取专属 10元无门槛券
手把手带您无忧上云