HTML5
文章平均质量分 56
翱翔天地
技术在于专注!主要从事前端开发,熟悉vue、jQuery、uniapp等,有微信公众号和微信小程序开发经验,熟练使用echarts、highcharts、帆软报表;了解Java、python和mysql
展开
-
Uncaught SyntaxError: Cannot use import statement outside a module
1、错误描述Uncaught SyntaxError: Cannot use import statement outside a module2、错误原因 定义了一个JavaScript文件,声明几个变量,利用模块化导出变量let name = '张华'let age = 23let sex = '女'export {name, age, sex} 接着,在页面文件中直接导入import;打开浏览器访问页面,控制台出现报错<!DOCTYPE...原创 2020-08-06 11:41:42 · 53318 阅读 · 10 评论 -
echarts-去掉X轴、Y轴和网格线
1、问题背景 如何在echarts中,去掉X轴、Y轴和网格线,只留数据图形2、实现源码 echarts-去掉X轴、Y轴和网格线 $(function(){ function randomDataArray() { var d = []; var arr = [3,5,7,9,10,1,2,4原创 2016-06-02 19:53:18 · 75634 阅读 · 7 评论 -
百度地图-同时加载多张地图
1、问题背景 在一个界面,同时展示不同城市地图分布情况2、实现源码 同时加载四张地图 body, html { width: 100%; height: 100%; overflow: hidden; margin:0; font-family:"微软雅黑"; } #container1{原创 2016-05-08 10:46:17 · 7726 阅读 · 0 评论 -
百度地图-定时器移动地图
1、问题背景 打开地图默认为武汉市,过了5秒中后地图定位到黄冈市,再过5秒定位到上海市2、实现源码 定时器移动地图 body, html { width: 100%; height: 100%; margin:0; font-family:"微软雅黑";原创 2016-05-08 22:46:43 · 7277 阅读 · 0 评论 -
百度地图-设置地图最小、最大级别
1、问题背景 地图可以设置最小级别和最大级别,利用minZoom、maxZoom属性进行设置2、实现源码设置地图最小、最大级别 body,html,#allmap { width: 100%; height: 100%; overflow: hidden; margin: 0; font-family: "微软雅黑"; }原创 2016-05-08 21:32:59 · 27403 阅读 · 2 评论 -
百度地图-异步加载地图
1、问题背景 百度地图核心js初始化不引入,在函数中创建script后引入2、实现源码 body, html,#allmap { width: 100%; height: 100%; overflow: hidden; margin:0; font-family:"微软雅黑"; font-size: 12px; font-size-adjust: n原创 2016-05-08 08:35:27 · 8088 阅读 · 0 评论 -
百度地图-设置默认城市
1、问题背景 利用百度地图,展示某城市地图分布;初始化时,默认打开就是该城市2、实现源码 设置默认城市地图 body,html,#map{ width: 100%; height: 100%; overflow: hidden; margin: 0; font-size: 12px; fo原创 2016-05-07 22:43:56 · 14928 阅读 · 0 评论 -
Bootstrap-查询按钮和重置按钮
1、问题背景 一般情况下,查询列表有查询条件、查询按钮和重置按钮,输入查询条件,点击查询按钮查询列表等数据;点击重置按钮会将查询条件恢复到原始状态2、实现源码 Bootstrap-查询按钮和重置按钮 $(document).ready(function(){ //查询按钮事件 $("#searchBtn").off().on("原创 2016-05-30 23:37:25 · 17876 阅读 · 1 评论 -
Bootstrap-表格合并单元格
1、问题背景 利用Bootstrap设计表格,并且表格需要合并单元格2、实现源码 Bootstrap-表格合并单元格 body,html{ width: 99%; height: 98%; font-family: "微软雅黑"; font-size:原创 2016-05-29 23:30:17 · 32407 阅读 · 7 评论 -
TypeError:this.K is undefined
1、错误描述2、错误原因 设置地图最小、最大级别 body{ width: 100%; height: 100%; overflow: hidden; font-family: "微软雅黑"; margin: 0; } #minMaxMap{ width: 1原创 2016-05-08 21:38:00 · 8679 阅读 · 6 评论 -
HTML5文本样例
HTML5文本样例1、样例背景 利用HTML5自带的属性,设置字体样式2、实现源码(1)HTML5 body{ width: 99%; height: 99%; } #canvas{ width: 1000px; height: 400px; margin: 10px; pad原创 2016-08-01 22:57:23 · 1565 阅读 · 0 评论 -
Element is not a table or has no id!
1、错误描述2、错误原因 jqGrid表格在界面上展示出来,需要一个表格容器,并且这个表格容器需要table标签元素实现。在使用jqGrid表格插件时,表格容器需要的是一个<table></table>标签,但是在这里却是只给了<div></div><div id="user-grid"></div>3、解决办法(原创 2018-03-21 19:05:39 · 1725 阅读 · 0 评论 -
Uncaught Error: jQuery UI Tabs: Mismatching fragment identifier
1、错误描述jquery-1.9.1.min.js:69 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr...原创 2018-03-21 18:48:15 · 1585 阅读 · 0 评论 -
如何控制jquery ui弹窗下方按钮水平居中
1、问题背景 一般情况下,jquery ui弹窗下方的按钮是居右的,但是有时系统为了达到美观统一,需要将按钮放在中间2、问题原因 如何使jquery ui弹窗下方按钮水平居中 .ui-progressbar { height: 10px; } #dialogFile { min-height: 0px !im原创 2017-08-04 20:32:19 · 2590 阅读 · 0 评论 -
input输入框外联式样式控制不了字体
1、问题背景 在做项目过程中,发现input输入框利用外联样式,控制不了输入框的样式2、问题原因(1)HTML代码 (2)CSS代码input{ font-family: "微软雅黑"; font-size: 20px; color: #FF0000; text-align: center; width: 400px; height:原创 2017-08-04 20:24:29 · 1061 阅读 · 1 评论 -
HTML5中input输入框的种类
1、问题背景 input输入框从HTML5版本开始,有多少种类型2、实现源码 input输入框类型 input{ width: 200px; font-family: "微软雅黑"; font-size: 14px; }原创 2017-03-09 23:47:51 · 10265 阅读 · 0 评论 -
如何利用一个按钮绑定两个事件
如何利用一个按钮绑定两个事件1、问题背景 一个按钮绑定两个点击事件,但是只有一个事件起作用,另一个不起作用2、实现源码 如何利用一个按钮绑定两个事件 $(document).ready(function(){ $("#searchBtn").click(function(){ $("#username").val(""); });原创 2016-08-17 22:57:33 · 20472 阅读 · 0 评论 -
select下拉框有了空行怎么办
select下拉框有了空行怎么办1、问题背景 今天,在做select下拉框时,出现了一个空行选择项2、实现源码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head>...原创 2016-08-17 22:26:46 · 5714 阅读 · 2 评论 -
如何设置select下拉禁止选择
如何设置select下拉禁止选择1、问题背景 设置select下拉框不能选择,利用disabled="disabled",但是颜色且显示白色,容易引起用户误解2、问题实现(1)只禁止 如何设置select下拉禁止选择 $(function(){ }); 项目经理 总经理 技术经理 部门经理原创 2016-08-17 17:58:57 · 147708 阅读 · 7 评论 -
高德地图-初始化地图
1、问题背景 利用高德地图的接口,创建一个以武汉为中心点的地图,放大级别是182、实现源码 初始化地图 html,#map{height:100%} body{height:100%;margin:0px;padding:0px} function initMap() {原创 2016-05-14 23:20:08 · 11765 阅读 · 0 评论 -
百度地图-放大地图
1、问题背景 地图根据不同等级可以放大缩小,并且中心点坐标不变2、实现源码 放大地图 body,html,#map{ width: 100%; height: 100%; overflow: hidden; margin: 0; font-size: 12px; font-famil原创 2016-05-12 23:07:59 · 9886 阅读 · 2 评论 -
HTML5中没有cellspacing和cellpadding怎么办
HTML5中没有cellspacing和cellpadding怎么办1、问题背景 HTML4版本中table有cellspacing和cellpadding,但是在HTML5中没有,要使table边框不出现间隙,该如何解决2、HTML5代码无标题文档原创 2016-03-09 21:15:51 · 6826 阅读 · 8 评论 -
HTML5之Canvas画圆形
HTML5之Canvas画圆形1、设计源码HTML5之Canvas画圆形 var canvas=document.getElementById("canvas"); var context=canvas.getContext("2d"); context.fillStyle="#0000ff"; context.beginPath();原创 2015-03-14 20:51:44 · 3619 阅读 · 0 评论 -
HTML5之Canvas画正方形
HTML5之Canvas画正方形1、设计源码HTML5之Canvas画正方形 function drawFour(id) { //获取canvas元素 var canvas = document.getElementById("canvas"); if(canvas == null) return false; //获取上下文 var原创 2015-03-14 20:13:27 · 10921 阅读 · 0 评论 -
HTML5新增与结构有关的元素
HTML5新增与结构有关的元素1、section元素2、article元素3、aside元素4、header元素5、hgroup元素6、footer元素7、nav元素8、figure元素原创 2015-03-14 21:09:19 · 1120 阅读 · 3 评论 -
HTML5中的checkbox
HTML5中的checkbox1、选中checkbox(1)(2)(3)2、不选中checkbox(1)原创 2014-12-27 21:57:00 · 3159 阅读 · 0 评论 -
HTML5可以省略结束标记的元素
HTML5可以省略结束标记的元素1、dd2、dt3、li4、p5、optgroup6、option7、rt8、rp9、thread10、tfoot11、tr12、td13、th原创 2014-12-27 21:37:21 · 4598 阅读 · 0 评论 -
HTML5中的输入框
HTML5中的输入框1、双引号2、单引号3、无引号 上面三种情况是等价的原创 2014-12-27 21:59:56 · 1796 阅读 · 0 评论 -
HTML5不允许写结束标记的元素
HTML5不允许写结束标记的元素1、area2、base3、br4、col5、command6、embed7、img8、hr9、keygen10、link11、meta12、param13、source14、track15、in原创 2014-12-27 21:40:54 · 4810 阅读 · 0 评论 -
HTML5可以省略全部标记的元素
HTML5可以省略全部标记的元素1、body2、colgroup3、html4、head5、tbody原创 2014-12-27 21:33:16 · 2676 阅读 · 0 评论 -
HTML5之contenteditable属性
HTML5之contenteditable属性1、功能说明(1)功能:允许用户编辑元素中的内容(2)说明:是一个布尔值,false是不能编辑,true为可编辑2、分析实例(1)contenteditable属性为false contentEditable 星期一 星期二 星期三 星期四 星期五 星期六 星期日原创 2015-03-18 23:26:26 · 2262 阅读 · 0 评论 -
HTML5和HTML4之间的区别
HTML5和HTML4之间的区别1、HTML头部(1)HTML5: (2)HTML4: “http://www.w3.org/TR/html4/strict.dtd”>2、HTML编码(1)HTML5: (2)HTML4: 3、引入CSS样式文件(1)HTML5: (2)HTML4: 4、引入JS文件(1)HTML5: (2)HTML4:原创 2015-09-12 16:56:57 · 3644 阅读 · 5 评论 -
HTML5新增表单之color
HTML5新增表单之color1、实现源码HTML5新增表单之color /** * 获取颜色值 */ function getColorValue() { //获取color表单域值 var color = document.getElementById("color").value; //将颜色值赋值给文本域 document.getElem原创 2015-11-30 20:54:36 · 3165 阅读 · 2 评论 -
HTML5创建线条渐变
HTML5创建线条渐变1、设计源码HTML5创建线条渐变 /** * 创建线条渐变 */ function drawGradualText() { //找到元素 var canvas = document.getElementById("canvas"); //创建context对象 var ctx = canvas.getContext("2d");原创 2015-11-29 12:04:52 · 4053 阅读 · 4 评论 -
HTML5绘制空心的文本
HTML5绘制空心的文本1、设计源码HTML5绘制空心的文本 /** * 绘制空心的文本 */ function drawHollowText() { //找到元素 var canvas = document.getElementById("canvas"); //创建context对象 var ctx = canvas.getContext("2d"原创 2015-11-29 11:06:23 · 3475 阅读 · 4 评论 -
HTML5创建一个径向/圆渐变
HTML5创建一个径向/圆渐变1、设计源码HTML5创建一个径向/圆渐变 /** * 创建一个径向/圆渐变 */ function drawCircle() { //找到元素 var canvas = document.getElementById("canvas"); //创建context对象 var ctx = canvas.getContext原创 2015-11-29 12:28:34 · 3520 阅读 · 5 评论 -
HTML5绘制实心的文本
HTML5绘制实心的文本1、设计源码HTML5绘制实心的文本 function drawSolidText() { var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); ctx.font = "40px 微软雅黑"; ctx.fillText("HTML5"原创 2015-11-29 10:51:30 · 2708 阅读 · 3 评论 -
HTML5画矩形
HTML5画矩形1、源码HTML5画矩形 function draw(id) { var canvas = document.getElementById("canvas"); if(canvas == null) { return false; } var context = canvas.getContext("2d"); contex原创 2015-10-28 22:16:25 · 4364 阅读 · 19 评论 -
TypeError: canvas is null
1、错误描述无标题文档 body{ background-color:#dddddd; } #canvas{ margin:20px; padding:20px; background-color:#FFFFFF; border:thin inset #AAAAAA; } var canvas = document.g原创 2015-10-17 22:10:06 · 3993 阅读 · 7 评论 -
HTML5中的save()和restore()方法的用法
HTML5中的save()和restore()方法的用法1、save()方法将当前的绘图环境压入堆栈顶部2、restore()方法将从栈顶部弹出的一组状态信息,并根据此恢复当前绘图环境的各个状态原创 2015-10-17 23:13:30 · 4971 阅读 · 0 评论