前端
前端相关整理知识
误凡尘
IT小学生
展开
-
js增加class或者删除class(Html 5)
classList 属性返回元素的类名,作为 DOMTokenList 对象。该属性用于在元素中添加,移除及切换 CSS 类。classList 属性是只读的,但你可以使用 add() 和 remove() 方法修改它。增加:document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thirdC...转载 2019-01-15 21:29:26 · 6530 阅读 · 0 评论 -
jQuery基础知识总结
转自:https://blog.csdn.net/qq_21397815/article/details/784007081、什么是JQuery?它是js的一个框架,它是开源的项目。对底层的js进行封装,我们通过js框架就可以快速的完成DOM对元素的增删改查操作,并提供了动画功能。jquery对外提供api让开发者去开发jquery插件(就是一个功能模块,用户只要...转载 2018-11-24 15:42:28 · 158 阅读 · 0 评论 -
Jquery的理解与使用
一、对jQuery对象的理解转自:https://blog.csdn.net/abvedu/article/details/540176881、什么是jQuery对象?jQuery对象是通过jQuery包装DOM对象后产生的对象。这里首先要理解DOM文档对象模型:(1)DOM解析XML文档时,DOM为XML文档在逻辑上建立一个树模型;(2)DOM把XML文档作为树结构...转载 2018-11-24 09:20:07 · 433 阅读 · 0 评论 -
jQuery常用方法汇总
转自:https://blog.csdn.net/h13783313210/article/details/79832318常用方法索引:1.JQuery自执行函数(三种)2.text()html()val()3.css()4.get()非ajax用法5.parent()children()parents()find()6....转载 2018-11-24 15:20:27 · 99 阅读 · 0 评论 -
EasyUI 关于js动态添加的时候样式失效的问题
由于项目要搬家,某些地方还是一样的,但是UI用的不一样,在做动态添加的时候遇到一个问题,累加的时候明明代码都是一样一样的啊!怎么后面加出来的没有样式了哩,折腾了一下午,发现原来就是一个小问题。所以进行以下说明来记录一下:图1:以前的版本用的是bootstrap图2:遇到问题的界面:遇到这样的问题当时就一脸懵逼了。。。代码先贴一部分,不会动态添加的可以在这里找:以下是html...转载 2019-03-19 11:03:27 · 860 阅读 · 0 评论 -
【EasyUI】combotree和combobox模糊查询
这里说的模糊查询指在输入框输入,然后自动在下拉框中显示匹配结果,类似Google搜索提示EasyUI库已经实现了combobox的查询过滤功能,但只能从头匹配,原因是EasyUI库的代码限制:filter: function(q, row){ var opts = $(this).combobox('options'); return row[opts....转载 2019-03-27 10:50:54 · 576 阅读 · 0 评论 -
html表单验证自定义错误提示
原文链接:html表单验证自定义错误提示引言通常情况下,我们在进行表单验证时(比如提交登录注册信息),为了安全考虑以及进一步保证表单信息填写的正确性,会再服务端验证之前,在前端页面先做一次验证。但是浏览器默认的表单填写错误信息并不是我们所期望的,因此需要自定义错误信息。表单如下:<input id="username" name="username" type="text" pl...转载 2019-05-02 10:13:32 · 6028 阅读 · 0 评论 -
easyui easyui-textbox自定义验证
$(function () {$.extend($.fn.textbox.defaults.rules, { number : { validator : function(value, param) { return /^[0-9]*$/.test(value); }, message : "请输入数字" ...转载 2019-05-02 14:50:57 · 1783 阅读 · 0 评论 -
window.frameElement的使用
window.frameElement的使用: 返回嵌入当前window对象的元素(比如<iframe>或者<object>),如果当前window对象已经是顶层窗口,则返回null.例子:var frameEl = window.frameElement;// 如果当前窗口被包含在一个框架里面,则将该框架的地址跳到'http://mozilla.o...转载 2019-05-25 09:47:38 · 2651 阅读 · 0 评论 -
EasyUi 下拉列表设置滚动条
js中$('#tag').combobox({ url: '/DataAction.do?method=geTag', valueField:'CODEVALUE', textField:'CODENAME', panelHeight:'250' , //设置panelHeight为固定值时会出现滚动条,也可设置成 ...转载 2019-05-31 15:55:36 · 3092 阅读 · 0 评论 -
CSS中URL路径
项目中,为a标签添加背景,老是没效果(VS2013中相关文件的位置:CSS文件位于/Content中,图片位于/images中)为a标签添加背景的CSS代码为:background: url(images/sort.png) no-repeat 0 3px;一直没有效果,后来才发现是绝对路径,相对路径搞错了。url(images/sort.png)表示的是当前文件夹下的images文件...转载 2019-06-13 14:28:41 · 10830 阅读 · 0 评论 -
用URL传值的浏览器最大长度限制
用URL传值的浏览器最大长度限制1:问题描述:画面上是有一个table,table上表示了有很多文件的。用户可以操作选择表格中一条,或者多条,然后点击画面上的一个下载button。 如果是分别一条一条的下载没有问题,用firefox一次下载多条也没有问题;但是如果用IE9的一次性下载多条的话,就会出错。2:原因:经过调查发现是从当前页面网download画面传值的时候,所有的...转载 2019-08-16 10:50:58 · 1723 阅读 · 0 评论 -
JS动态添加div、li、img等元素及设置属性(实例)
把一串 html 标签赋给一个 javascript 变量,除属性的值要用转义的双引号外,某些时候字符串还很长,显得有些复杂。如果用 js 动态添加元素,就不会有那么复杂的字符串出现,代码阅读性强一点,也容易理解。 网页是由 html 标签一层层组成的,js 也可以动态添加一层层的诸如div、li、img 这样的标签。其实,不管是什么 html 标签,js 动态创建的方法都差不多,接着就先...转载 2019-03-15 17:09:13 · 7538 阅读 · 0 评论 -
java判断字符串是否全部由数字,大小写字母,特殊符号组成
直接上代码,经过验证。package javaTest;import java.util.regex.Matcher;import java.util.regex.Pattern;public class test { /*** * * @param args * java判断字符是否是全部由数字,小写字母,大写字母,特殊符号组成...转载 2019-03-11 10:23:45 · 6498 阅读 · 0 评论 -
js 正则表达式判断非法字符 常用正则表达式
js 正则表达式匹配非法字符示例(此示例验证通过)var pat=new RegExp("[^a-zA-Z0-9\_\u4e00-\u9fa5]","i"); var strTest = $("#testId").val(); if(pat.test(strTest)==true) { showMess("项目名称中含有非法字符...转载 2019-03-11 10:19:43 · 6088 阅读 · 0 评论 -
2018web前端学习路线与开发路线指导
转自:https://blog.csdn.net/web123456780/article/details/79494903 随着互联网的深入发展,前端开发工程师已成为市场上极具竞争力的人才。许多学生,包括以前的UI,java,或完全零基础,想学习的前端。下面的地图是在互联网上广泛传播的前端学习地图。许多初学者说,当他们看到这些密集的知识点时会感到头晕目眩。事实上,前端是一个宽泛的主题...转载 2019-01-24 14:21:53 · 197 阅读 · 0 评论 -
Highcharts X轴数据过多时显示处理
转自:https://zhidao.baidu.com/question/1958879908360304860.html方法一:在Axis(包括xAxis和yAxis)有一个属性tickInterval,number类型,表示间隔,也就是间隔多少个值显示,比如设置为5,则表示每隔5个值才显示一个,在上面的基础上,经过设置tickInterval值为5,效果如下: 1 2...转载 2019-01-16 11:31:16 · 4468 阅读 · 0 评论 -
强力推荐!web前端小白最常用的4个学习网站,让你快速入门!
很多人刚学习前端的时候不太清楚该去哪里找到合适的资料入门,而且学习的方向很乱,这样学习很久也没有效率,很难找到合适的工作,今天小编就给大家分享几个新手web前端常用到的几个入门学习的网站,希望大家保存. http://www.w3school.com.cn 用来查找一些标签的属性,每一个刚学习前端的伙伴,都会用到这个网站.在这里我还是要推荐下我自己建的web前端开发学习群:731...转载 2019-02-16 11:20:29 · 998 阅读 · 0 评论 -
Web前端如日中天,成为优秀前端工程师的5个秘诀,你知道几个
随着互联网不断的发展,这几年越来越多的程序员转移阵地,搞起前端开发。有不少的Android开发的程序员直接转到了前端开发。而就拿JavaScript来说,就因前端流行使得它在各种编程语言排行榜上名列前茅。那么,如何做一名优秀、甚至卓越的WEB前端工程师?虽然说小伙伴们的学习技巧各有差异,但是w3cschool必须给大家提供正确的前端学习路线。一旦学习方向对头,我们按部就班下...转载 2019-02-16 11:24:06 · 261 阅读 · 0 评论 -
将VSCode设置成中文语言环境
转自:https://jingyan.baidu.com/article/7e44095377c9d12fc1e2ef5b.htmlVSCode是一款轻量级的好用的编译软件,今天小编来将软件默认的英文语言环境变为我们熟悉的中文语言环境。工具/原料 电脑一台 安装有VSCode 方法/步骤 首先打开VSCode软件,可以看到刚刚安装的VSCode软件默认使用的是英文...转载 2019-02-09 15:34:35 · 210 阅读 · 0 评论 -
百度web前端程序员经验分享,如何快速掌握前端开发?
作为一个多年从事前端开发的程序员,为了让新手程序员少走点弯路,这里就分享百度前端大牛快速学习前端开发的经验:一、前端学习思路前端学习存在一个普遍的问题:感觉编程语言死气沉沉,代码枯燥乏味,很多人觉得学不下去,或者认为不好学。出现这样的情况,无非是学习编程的思路不对头!首先来谈谈前端学习的思路。个人看来,前端的学习如果思路不对,你学习的过程会非常挣扎和痛苦,最后发现到头来学得一头雾水...转载 2019-02-16 15:05:07 · 385 阅读 · 0 评论 -
2019年最新的Web前端技能树,看看你要学些什么?
Web前端是指,利用Web技术进行用户界面开发。并增加与后台的交互动态功能,同时结合后台开发技术模拟整体效果,进行丰富互联网的Web开发,致力于通过技术改善用户体验。而一个好的Web前端开发工程师又需要具备哪些技能呢?小编分享一份比较全面的Web前端技能树,看看你需要学习什么?一、语言基础JavaScript:作用域链、闭包、运行时上下文、this原型链、继承NodeJS基...转载 2019-02-16 16:28:38 · 710 阅读 · 0 评论 -
前端各个阶级必须掌握的基本技能汇总
「 别问我这个问题了 」前些天发过一篇面试的文《谈谈我面试别人的教训和总结》之后,其中针对第二点 【技术栈太老我不要】这一点,这引起了很多人危机感,然后收到很多留言和互动,其中一点就是:我该怎么学这些新技术呢?自从我建立群和公开我私人...转载 2019-02-21 10:02:23 · 231 阅读 · 0 评论 -
js中页面加载完成后执行的几种方式及执行顺序
在js和jquery使用中,经常使用到页面加载完成后执行某一方法。通过整理,大概是五种方式(其中有的只是书写方式不一样)。1:使用jQuery的$(function){};2:使用jquery的$(document).ready(function(){});前两者本质上没有区别,第1种是第2种的简写方式。两个是document加载完成后就执行方法。3:使用jQuery的$(window...转载 2019-03-04 11:18:39 · 374 阅读 · 0 评论 -
js和jQuery以及easyui实现对下拉框的指定赋值
js实现:1. 通过让第i个option为selected实现选中第i个,代码如下:(id为下拉框id)(1)document.getElementById("id").options[i].selected=true;(2)document.getElementById("messagetoid").selectedIndex = 1;(选中第1个option)2. 通过判别...转载 2019-03-19 16:11:02 · 273 阅读 · 0 评论 -
JS判断元素显示状态及控制元素显示或隐藏
判断元素的显示状态方法1:functionjudgeShowOrHide(){alert($("#id").is(':visible'));//判断是否显示显示:true隐藏:falseif($("#id").is(':hidden')){alert("隐藏了");//执行语句}else{alert("显示");//执行语句}}方法2:if( ...转载 2019-03-11 10:09:15 · 11300 阅读 · 0 评论 -
JSON详解
JSON详解 Json简介JSON的全称是”JavaScript Object Notation”,意思是JavaScript对象表示法,它是一种基于文本,独立于语言的轻量级数据交换格式。XML也是一种数据交换格式,为什么没有选择XML呢?因为XML虽然可以作为跨平台的数据交换格式,但是在JS(JavaScript的简写)中处理XML非常不方便,同时XML标记比数据多,增加了交换产生的...转载 2018-12-08 14:24:32 · 129 阅读 · 0 评论