前端
文章平均质量分 53
前端
程序员大阳
挖掘机哪家强,山东新泰找大阳
展开
-
HTML技能点--设置网页图标标志
网页标签页的图标大家想必都不陌生,就是在网页标题文本左侧的图标。大多数情况下,我们都会去设置网页标题,以便于区分网页。实际上如果能为网页添加一个图标标志,那就更加高端大气上档次哈。原创 2017-05-09 21:15:39 · 10947 阅读 · 0 评论 -
HTML技能点--使用base标签设置URL访问基准
一般我写网页是不使用base标签的,但是经常会在看别人的网页时使用base标签,对其含义也一直不甚清楚。其实base标签还是很常见的,如果使用得当也能让我们的HTML代码更加清晰规范。原创 2021-01-21 11:47:11 · 2696 阅读 · 0 评论 -
HTML技能点--跳转页面指定位置
很多时候,我们需要跳转到一个指定id的元素的位置,其实有几种实现方式。原创 2021-01-22 11:37:54 · 4085 阅读 · 0 评论 -
HTML技能点--表单enctype属性解释
HTML表单可以通过enctype属性设定表单内容提交给服务器时,发送的数据的编码方式,具体有三个值:原创 2021-02-09 18:30:18 · 1874 阅读 · 0 评论 -
HTML技能点--布尔属性和自定义属性
布尔属性用于表达是否两个方面,所以可以直接将属性放入元素中表示是,如果不放元素的话就是否。例如下面的例子,就表示disabled,即禁用该元素。原创 2017-05-05 17:06:08 · 1669 阅读 · 0 评论 -
EasyUI–树形控件tree详解
树形控件还是经常使用的,比如菜单、部门管理等涉及到有归属关系的功能经常在前端页面采用树形结构表示。EasyUI对树形控件的封装非常的Nice,尤其是对复选框的支持简直是漂亮异常。本篇就最常用的菜单数为例演示EasyUI中tree的使用。先看示意图: 具体代码如下,注意文字描述部分说明:<%@ page language="java" import="java.util.*" pageEncodin原创 2017-03-14 22:06:07 · 2888 阅读 · 0 评论 -
EasyUI-- datagrid分页详解
分页的英文是pagination,记住这个单词,因为会经常遇见。在EasyUI框架下,datagrid使用分页简单到令人发指,只需要2点:1,为table启用class=”easyui-datagrid”,这样table就成为了一个数据网格。2,为table启用pagination=”true”,表示表格启用分页功能。<table id="userTable" title="用户列表" class=原创 2017-03-15 13:24:17 · 10737 阅读 · 3 评论 -
EasyUI–下拉列表datalist详解
本篇主要介绍下拉列表控件的数据绑定和下拉列表选中项的获取。与下拉框有两点不同,第一是外观上下拉列表会同时显示多个待选项,第二是下拉列表会经常遇到需要多选的情况。之前猫哥自己也没在EasyUI中遇到过使用下拉列表时,同时获取多个选中项的功能,今天写DEMO的时候,只能感觉大约是$("#mydatalist").datalist("getSelectedRows");或者$("#mydatalist")原创 2017-03-14 22:04:29 · 11342 阅读 · 0 评论 -
EasyUI–常用控件之按钮/搜索框/密码框/文件框/数字框/日期时间选择框
本篇主要介绍跟后台数据绑定相关度不大的简单控件,直接写了一个详细的例子,需要说明的东西都在注释里面。先看示意图: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>原创 2017-03-14 09:10:51 · 1598 阅读 · 0 评论 -
EasyUI–表单加载内存/本地/服务端数据
在不使用前端语言JS(jQuery等前端框架本质上也是JS)时,如果我们想往表单里面放入数据,该怎么办?比如从文件中、从数据库查出用户信息显示在表单中。无非借助于后端语言如Java,然后通过Servlet获取数据,浏览器端通过请求服务器,实现这一过程。而本篇将演示通过JS语言加载内存(实际上就是浏览器客户端逻辑)、本地(其实是服务器上的文件)及服务端(通过Servlet)数据。先看一下页面设计(注意原创 2017-03-13 16:52:35 · 2050 阅读 · 0 评论 -
EasyUI–消息框、对话框和窗体详解
本篇主要介绍信息提示框、对话框及窗体相关控件,这些都是最常用的页面弹出控件,使用一个详细的例子描述。按惯例献上案例的示意图: 代码如下,注意文字部分描述:<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitio原创 2017-03-14 09:16:11 · 2697 阅读 · 0 评论 -
EasyUI–环境配置详解
需要预先说明的一点是,不管是EasyUI也好,Bootstrap也罢,都可以认为是在CSS、Javascript、jQuery上再封装了一层。所以我们来看一个十分简单的例子:<a href="#" class="easyui-linkbutton">搜索</a>其中easyui-linkbutton,不就在CSS里面定义了一个.easyui-linkbutton的样式么,猫哥也可以开发一个CatBr原创 2017-03-13 16:39:44 · 5587 阅读 · 9 评论 -
EasyUI–表格datagrid详解
具体解释都写在文字描述里面了,先看示意图: 先上json数据源文件代码:json/users_data.json[ { "userId":"1", "userName":"test", "userEmail":"maoge@maoge.com", "userSex":"1" }, { "user原创 2017-03-15 13:22:21 · 1277 阅读 · 0 评论 -
EasyUI–表单 文本框 按钮
本篇重点介绍EasyUI框架下的表单和表单元素使用。在开始使用EasyUI之前,要认清楚一个原则,因为EasyUI是封装的CSS及JS库,所以在修改EasyUI组件的样式和功能时,最好是采用EasyUI封装后的CSS样式和JS方法,而不是自己去写CSS和JS,这样不容易引起冲突,样式统一性也得到了保证。别忘了,如果我们自己再去写很多样式和方法,还要用前端框架干啥?那么我们怎么知道啥时候用前端框架提供原创 2017-03-13 16:41:52 · 14841 阅读 · 2 评论 -
jQuery EasyUI简明教程
全部教程:熊猫大哥大教程索引 期待您的关注,继续咱们的缘分!(熊猫大哥大教程)EasyUI环境配置(熊猫大哥大教程)EasyUI表单控件(熊猫大哥大教程)EasyUI表单加载内存/本地/服务端数据(熊猫大哥大教程)EasyUI常用控件之按钮/搜索框/密码框/文件框/数字框/日期时间选择框(熊猫大哥大教程)EasyUI消息框、对话框和窗体(熊猫大哥大教程)EasyUI布局和标签页(熊猫大哥大教程)EasyUI下拉框combobox(熊猫大哥大教程)EasyUI下拉列表datalist(.原创 2020-11-17 10:14:47 · 543 阅读 · 0 评论 -
EasyUI–下拉框combobox
首先声明,所谓的数据控件这一个概念,EasyUI官方应该也没这个说法。猫哥是感觉网页上经常使用的、经常需要从后台获取数据后显示到控件内部的,有这么四个:下拉框、下拉列表、树、表格。之前猫哥已经分别演示了如何从json文件、如何从后端(比如Servlet)返回的json数据中加载数据到EasyUI控件。所以对于这四个数据控件,猫哥仅演示从json文件中获取数据后绑定即可,这样非常简洁明了,到了项目开发原创 2017-03-14 22:02:36 · 1423 阅读 · 0 评论 -
EasyUI–布局和标签页详解
EasyUI的布局非常简单,但是也能充分满足网页日常的布局,先来一个最基本的例子: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <titl原创 2017-03-14 09:18:47 · 3564 阅读 · 0 评论 -
前端作品-球球大作战游戏
使用网页打开,游戏规则比较简单,控制球球,碰到比自己小的得分,碰到比自己大的失败。原创 2022-03-18 11:17:46 · 4600 阅读 · 0 评论 -
前端作品-奥迪汽车响应式网站
点此查看全部文字教程、视频教程、源代码本文目录1. 作者简介2. 效果展示2.1 首页导航及视频2.2 首页产品介绍2.3 首页预约试驾2.4 车型介绍2.5 创新科技2.6 购车服务2.7 我的奥迪2.8 登录页3. 下载链接及声明1. 作者简介本网站作者田迅,是我的20级软件技术专业学生,爱好前端。擅长使用HTML、CSS、JS、jQuery、BootStrap等技术构建美观大气的网站,本文介绍其作品,并附上下载链接。2. 效果展示2.1 首页导航及视频2.2 首页产品介绍2.3 首页原创 2021-10-30 18:52:51 · 1010 阅读 · 3 评论 -
前端作品-网页弹钢琴
网页弹钢琴,有不同的声音,通过键盘控制,弹出来的声音蛮好听!原创 2022-03-18 11:11:40 · 1761 阅读 · 0 评论 -
前端作品-漫威英雄响应式网站
点此查看全部文字教程、视频教程、源代码本文目录1. 作者简介2. 效果展示3. 下载链接及声明1. 作者简介本网站作者田迅,是我的20级软件技术专业学生,爱好前端。擅长使用HTML、CSS、JS、jQuery、BootStrap等技术构建美观大气的网站,本文介绍其第2个作品,并附上下载链接。2. 效果展示3. 下载链接及声明本网站代码原创,部分图片使用了网络资源,仅供学习交流使用,请勿传播。如需下载,请点击开头文章链接,选择《奥迪汽车响应式网站》对应的【下载】按钮下载。.原创 2021-11-06 12:14:06 · 446 阅读 · 0 评论 -
Vue技能点--el-input el-select调整字体及内边距
1. 背景el-input输入框默认提供的字体较小,且内边距较大。这是为了提供统一的样式和好看的外观。在某些情况下,我们希望使用较大的字体,且让输入框的内边距小一些以便容纳更多东西。2. 解决方案输入框样式类为class='el-input',内部输入框的样式类为class='el-input__inner',所以可以针对内部输入框进行统一调整。.el-input .el-input__inner { font-size: 1.5em; font-weight: bolder; pa原创 2021-08-31 09:55:31 · 5501 阅读 · 0 评论 -
JS精粹--一个实例看懂JS四种创建对象方式的区别
1. 概述JS中常用的创建对象方式有四种:对象字面量new Object()构造函数Object.create()这四种方式虽然都能创建对象,但是还是有区别的,接下来我们研究下。2. 功能相同先来看一个实例,我们使用4种方式创建4个对象。 // 对象字面量 var dog1 = { name: '大黄', age: 2, speak: function () { c原创 2021-03-05 11:43:29 · 1149 阅读 · 0 评论 -
JavaScript文档对象模型DOM
1 一个网页实际上就是一个html文档被浏览器解析后显示的样子。2 所谓的DOM,即为document object model,翻译为中文:文档对象模型。就是把浏览器加载的html文档当作对象这样一个模型。3 document对象,就代表着html起止标签间的全部内容,浏览器自动将html文档封装到document对象里面,对于JavaScript语言来说,可以通过document对象访问h原创 2017-05-25 09:23:32 · 419 阅读 · 0 评论 -
JS技能点-- ==与===的区别
先看一个例子alert(0 == "");运行结果是啥?回答是0==的同学真心可以洗洗睡了…回答是false的同学还是很有必要继续读下去的…答案是true,注意不是'true'也不是"true"。OK,为啥呢,很简单,JS中==会先转换类型,然后再判断值是否相等。刚刚那个”“是字符串类型,而0是数字类型,所以先把”“转换为数字类型,正好”“对应的数字类型为0,所以左右相等了,所以结果为true。以下原创 2017-03-10 13:41:48 · 399 阅读 · 0 评论 -
Vue技能点--切换路由时保留页面状态
左侧是导航菜单,点击后可以打开多个页面,通过标签切换已打开的页面。但是切换时,Vue路由默认地会重新加载每个路由页面,现在的需求就是想实现保留每个页面的状态,比如输入的文字,不在切换页面时丢失状态。原创 2021-01-28 15:20:56 · 9647 阅读 · 0 评论 -
前端技能点--The request client is not a secure context问题
Access to XMLHttpRequest at 'http://127.0.0.1:yyy/' from origin 'http://xxx:yyy' has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space `local`.原创 2021-11-20 10:16:31 · 13310 阅读 · 5 评论 -
前端技能点--IE无法执行console.log问题
问题表现最近不小心踩了一个坑,在写网页的时候,会同时使用chrome和ie做测试,都会开着开发者工具方便调试js。调试的时候都没啥问题,ie和chrome都表现良好,控制台显示一切正常,但是关闭了开发者工具后,ie竟然不执行js了。原因部分IE版本是不支持console的,还有部分奇怪的IE版本比如IE8/IE9在开启开发者工具时才支持console,我擦真是奇怪的设计。如何处理IE用户还是多啊,没原创 2017-12-06 17:07:43 · 6395 阅读 · 4 评论 -
JavaScript对象定义与属性遍历
1 JavaScript不仅是支持对象的,而且一切皆为对象。2 既然对象在JavaScript中是那样的普遍存在,所以JavaScript自带eval()函数用于将字符串转换为JavaScript对象。 例如:<html><head><title>我的个人主页</title></head><body><script type="text/javascript"> var st原创 2017-05-22 17:44:25 · 435 阅读 · 0 评论 -
Vue技能点--在表格中使用rowspan合并行
现实中会遇到很多需求,合并多行,例如要显示一个名学生的各门课程成绩。原创 2019-06-21 11:50:24 · 14494 阅读 · 14 评论 -
JS精粹--从Array.forEach学习将函数作为参数
1. 背景JS语言中,Array数组类型有一个遍历方法forEach,经常使用却经常迷惑。 var array = [1, 2, 3, 4, 5]; array.forEach(function (item, index) { console.log("index:%d,item:%d", index, item); });输出如下:index:0,item:1index:1,item:2index:2,item:3index:3原创 2021-03-04 14:52:52 · 468 阅读 · 3 评论 -
Javascript传递中文参数到Java后端
背景一般不建议从前台往后端传递中文参数,但是有些时候这件事是难免的,比如网页中按关键字搜索时。传递中文参数往往会遇到乱码问题,此处给出后端为Java时的示例代码。前端编码为防止中文参数乱码,可以在传递前对参数进行编码,如下:var keyword=$("#input-keyword").val();//获取输入框的值var encodedKeyword=encodeURI...原创 2018-04-20 14:41:40 · 1213 阅读 · 0 评论 -
JavaScript数据类型详解
打捞工具typeof运算符可以获取值得数类型==运算符可以判断左右两边值是否相等,不建议使用,因为Javascript中对值相等的判断挺恶心===运算符是判断左右两边值和类型是否都相等,强烈建议使用这个,精准!不容易出毛病理论基础Javascript中的数据类型6种:number 数字类型string 字符串类型boolean 布尔类型object 对象类型f...原创 2018-08-31 10:49:27 · 184 阅读 · 0 评论 -
Vue解决wangeditor与弹窗互相覆盖问题
Vue中使用wangeditor,有时候会出现与弹窗互相覆盖遮挡的问题,可以通过修改z-index属性避免此现象。样式代码如下:.w-e-toolbar { z-index: 2!important;}.w-e-menu { z-index: 2 !important;}.w-e-text-container { z-index: 1 !important;}注意<style>标签不能有scoped。...原创 2021-05-13 19:01:17 · 1630 阅读 · 1 评论 -
JS技能点--undefined、null与NaN
undefined表示未定义,例如:a=1;//a被定义为数字类型b="1";//b被定义为字符串类型console.log(typeof(a));//返回 number console.log(typeof(b));//返回 string console.log(typeof(c));//返回 undefined,c没有定义过,系统不知道它是啥null表示空的对象类型,例如:console原创 2018-04-21 23:02:07 · 352 阅读 · 0 评论 -
浏览器、服务端、同步异步、XML和JSON
本篇涉及客户端、服务端、javascript、同步、异步、xml、json等基础概念,感觉这些东西是前端必须要知道的,不知道的话,那就是云里雾里,学的不知所以。首先第一个概念——浏览器,可以说浏览器负责将html和css转换为对应的网页显示给用户看,同时还支持一种动态的语言Javascript。那么Javascript这门语言是干啥的呢,就是处理html和css的,它能修改网页上的html、css内原创 2017-03-10 21:07:54 · 668 阅读 · 0 评论 -
Vue中wangeditor工具栏失效问题
莫名其妙,Vue项目中,wangeditor部分工具栏失效了。点了之后也不报错,但是毫无反应,去官网和百度查了半天,无后果。最后找了半天,发现是调整了wangeditor默认样式导致的,尝试许久,最后以下样式可以不影响工具栏使用。<style>.w-e-toolbar { z-index: 2!important;}.w-e-menu { z-index: 2 !important;}.w-e-text-container { z-index: 1 !importan原创 2021-05-13 19:00:56 · 7114 阅读 · 1 评论 -
Element技能点--el-table 列排序自动变化问题
现象使用了el-table组件后,想根据不同的条件显示不同的列,例如:<template> <el-table :data="tableData" stripe style="width: 100%"> <el-table-column v-if="type==1" prop="date" label="...原创 2019-12-24 13:43:45 · 6568 阅读 · 2 评论 -
前端技能点--LayUI表单提交数据为空
坑的外观最近用了一段时间Layui作为项目后台管理模块的前端框架,感觉还是挺好用的。今天踩了个坑,就是使用layui表单提交时,提交的数据为空。例如,layer.msg(JSON.stringify(data.field));这句代码执行后,页面显示为空对象。&lt;form class="layui-form" action=""&gt; &lt;div class=原创 2018-03-27 09:55:20 · 16461 阅读 · 14 评论 -
BootStrap技能点--模态框卡顿问题
最近做了项目,前端使用了BootStrap模态框,类似下面代码。具体使用的场景是在一个.net桌面程序的WebBrowser控件中内嵌该网页,还有在Android应用的WebView控件中内嵌该网页。原创 2018-07-11 21:50:49 · 3052 阅读 · 1 评论