html配合js实现webform

2024-11-09

我发起并创立了一个 Javascript 前端库开源项目 jWebForm

在线演示地址: ( 在线演示云平台由 Kooboo 提供 https://www.kooboo.com/ ) 按钮: http://iwebform.kgeking.kooboo.site/jWebForm-master/Button.htm 下拉: http://iwebform.kgeking.kooboo.site/jWebForm-master/DropDown.htm 下拉框: http://iwebform.kgeking.kooboo.site/jW

css配合js模拟的select下拉框

css配合js模拟的select下拉框 <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> *{margin:0; padding:0;} a{text-decoration:none;} .selectBox{width:300px; height:30px; position:relati

PHP配合JS导出Excel大量数据

一般使用PHP导出Excel表格都会用PHPExcel,但是当遇到要导出大量数据时,就会导致超时,内存溢出等问题.因此在项目中放弃使用这种方式,决定采用前段生成Excel的方式来解决问题. 步骤如下: 前端ajax先请求一次后端,获取总的数据个数,假设有1000条然后前端分10次,每次100条ajax请求后台数据, 10次ajax都请求成功后(这里使用Promise.all()来处理多次异步请求),将数据合并在一个数组里使用 SheetJS/js-xlsx 生成Excel文件并下载这种方案

条件注释+JS实现各版本IE浏览器className

最近又开始忙了,项目中又遇到了可恶的IE Hack问题,各种Hack的看着让自己都觉得恶心,于是决定改造一番. 首先请出条件注释语句: 之前用过的条件注释   <!--[if IE 8]><body

gulpfile.js文档

gulp watch 实现监听不仅需要package.json文档,还需要gulpfile.js文档.否则无法实现. 1.gulp的安装 1.1 首先必须先安装node.js.这个可以参考之前的博客<node.js的安装配置>. 1.2 按照全局方式,在node.js的目录文件夹下安装全局的gulp npm install -g gulp 1.3 全局gulp安装好后,在需要gulp的项目里还要单独再安装一次.把目录切换到项目的目录下面,执行命令. npm install gulp 如果想把g

html css javascript 知识点总结 bom js 操作标签文本节点表格各行变色悬停变色省市联动正则

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>淘,我喜欢</title>  <!--样式表的引入方式 1.行内样式即写在标签当中标签当中有个style属性 <h3 style="color: #FF0000;">这是一个标题<

【笔记JS/HTML/CSS】用div实现个性化button，背景半透明

html中的button默认样式..不太能看,如果调一调背景色和字体的话也挺适合简洁的页面设计于是决定配合JS,用html中的div完成button 最终结果图: html代码:(first_passer.png是“过路人”字样的背景透明图片) <div class="button" id="button3"><img id="button3_img" src="images/first_passer.png&quo

JS /CSS 实现模态框（注册和登录组件）

<!doctype html> <html> <head> <meta charset="utf-8"> <title>JS/CSS 注册表单(模态框设置)</title> <style> input[type=email], input[type=password] { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-bl

2019.7月-前端面试总结（H5+C3+JS+ES6+Vue+浏览器）

第二次面试 HTML HTML5中的新标签,举例一下 canvas绘画,本地离线存储localStorage,sessionStorage,video和audio元素,语义化元素,表单类型(date,time,email等),地理定位等 CSS CSS3新的标签边框:圆角border-radius,阴影box-shadow,边框图片border-image 背景:背景定位区域background-origin,背景大小支持百分比background-size 文字效果:文字阴影text-sha

［360前端星计划］BlackJack(21点)（纯JS,附总部学习笔记）

［360前端星计划］总部学习笔记(6/6) ［360前端星计划］详情跳转游戏界面预览目录一.游戏介绍 1.起源 2.规则 3.技巧二.游戏设计 1.整体UI构思 2.素材采集 3.游戏总规划三.代码实现 0.编码规范以及优化记录 1.HTML文档结构 2.CSS布局与动画 3.JavaScript功能模块四.游戏测试(以下所列皆可正常运行游戏) 1.PC端 2.移动端五.番外篇致谢版权一.游戏介绍 1.起源 21点又名黑杰克(英文:Blackjack) ,起源于法国,

三：robotframework框架配合selenium之jquery定位

RF框架我用的比较多,限于自己的代码水平,目前工作中一直是用RF框架.unittest框架,我也练习了很久,还差一点封装的技巧与设计模式的学习.所以不敢在项目中实践. 等明年我的代码水平再上升一个台阶后,就会慢慢使用单元测试框架了.这有一个时间过程的,目前精力放在接口自动化与代码练习这一块的学习中. RF框架我用了大概一年的时间了,在做自动化测试的过程中,我基本上都是在使用jquery方法来定位元素的. 原因是第一,定位快,第二,功能强大,可以通过id,name,class,父亲找儿子,哥哥找弟

Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript来打造属于自己的个性化社交分享系统

原文转载自「刘悦的技术博客」https://v3u.cn/a_id_143 每一个应用程序,其实都会有分享的需求,比如一键分享一篇文章或者一些活动到微博或者微信亦或者是twitter等社交平台,因为人类是社交动物,而社交分享能够满足马斯洛需求金字塔情感和归属的需求以及受尊重的需求.另外网页的社交分享功能不仅可以满足阅读者,同时,对于网络应用本身,也可以相应的增加该网站的外部链接,比如微博豆瓣等线上粘性用户非常多的社交平台,如果是twitter或者facebook则可以带来一部分来自于国外的流量,

Javascript学习笔记

Javascript 2016年12月19日整理 JS基础 Chapter1 JS是一门运行在浏览器客户端的脚本编程语言,前台语言组成部分 1. ECMAscript JS标准 2. DOM 通过JS操作网页元素 3. BOM 通过调用API操作浏览器特点:封装,继承,多态 1. 简单易用 2. 基于对象编程中万事万物皆对象. 相对的是:基于过程 3. 解释执行(JS属于解释执行的语言) 使用范围 1. 表单验证 2. 轮播特效 3. 游戏开发 JS书写位置非常自由行内式写法一般采取的

css中常见的属性-----在路上（14）

一.css文字属性 color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ ve

【CSS进阶】伪元素的妙用2 - 多列均匀布局及title属性效果

最近无论是工作还是自我学习提升都很忙,面对长篇大论的博文总是心有余而力不足,但又不断的接触学习到零碎的但是很有意义的知识点,很想分享给大家,所以本篇可能会很短. 本篇接我另一篇讲述 CSS 伪元素的文章: [CSS进阶]伪元素的妙用–单标签之美,看完本文觉得有意思的可以再去看看上一篇,分享了一些伪元素的妙用. 正文从这里开始: 哪些标签不支持伪元素? 我也是才知道这个姿势.为了不误导读者,就赶紧补充一下. 伪元素虽然强大,但是还是有一些特定的标签是不支持伪元素 before 和 after 的.

前端之HTML知识点整理

一.html概述 htyper text markup language 即超文本标记语言超文本: 就是指页面内可以包含图片.链接,甚至音乐.程序等非文字元素. 标记语言: 标记(标签)构成的语言. 网页==HTML文档,由浏览器解析,用来展示的静态网页:静态的资源,如xxx.html 动态网页:html代码是由某种开发语言根据用户请求动态生成的以下为html文件的树形结构图标签的概念: 是由一对尖括号包裹的单词构成例如: <html> *所有标签中的单词不可能以数字开头. 标签不

表单元素——checkbox样式美化

一.背景设计狮童鞋总是会设计各种高大上的效果图,比如下面这个土豪金的效果. 该图中“已阅读并同意相关服务条款”前面的复选框有一个金色的边框,打钩时是一个金色的对勾.接下来说说怎样实现该效果. 二.解决方法 1.纯css解决方法在css3 选择器(三)一文中介绍过一个选择器[:checked]选择器. 单选按钮和复选按钮都有选中和未选中状态.要设置这两个按钮默认样式稍微复杂点.该文通过:checked选择器配合其他表情实现自定义样式. 举例:使用:checked选择器模拟实现复选框样式. <m

【repost】document.write的用处

document.write的用处 document.write是JavaScript中对document.open所开启的文档流(document stream操作的API方法,它能够直接在文档流中写入字符串,一旦文档流已经关闭,那document.write就会重新利用document.open打开新的文档流并写入,此时原来的文档流会被清空,已渲染好的页面就会被清除,浏览器将重新构建DOM并渲染新的页面. 写入文本下面来看看如何在利用document.write来写入脚本.先考虑如下代码:

html你可能还不知道的一些知识点

一.标签语义化 html标签语义化是让大家直观的认识标签和属性的用途和作用,好处最主要的是对搜索引擎友好. Eg: 1.如果你想在页面中突出"奥巴马"这三个字,让搜索引擎重视它,如果你这么写: <div> 奥巴马</div> 对于搜索引擎来说,它也只是一个普通得不能再普通的三个字而已,尽管它是指代美国总统. 那么应该怎样才能让搜索引擎知道它的重要性呢?来看看语义化的写法吧: <h1>奥巴马</h1> 奥巴马看了后,乐了,哥本来就应该备受关

HTML常用标签总结

HTML 的常用标签总结 <font size="字体大小1-7" color="red或0xff00ff" face="字体类型(楷体等)"><b粗体><i斜体>字体</i></b></font> <p>段落</p> <br/>换行 <hr>水平线</hr> <div>区分</div> &l

AmazeUI 框架知识点－元素

1.按钮 .am-btn 圆角按钮 .am-radius 椭圆形按钮 .am-round 按钮激活状态 .am-active 禁用状态 .am-disabled 2.按钮尺寸.am-btn-xl .am-btn-lg .am-btn-default .am-btn-sm .am-btn-xs 3.块级显示按钮 .am-btn-block 4.按钮 Icon(使用 Icon 之前需先引入 Icon 组件) am-icon-{} 5.代码使用 <code> 标签的代码. 放在 <pre&

html配合js实现webform

热门专题