
js、css、html
龙王.*?
向来心是看客心,奈何人是剧中人。
展开
-
JS获取当前网页url的参数
function getQueryVariable(variable){ var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pa...翻译 2020-04-09 15:57:56 · 858 阅读 · 0 评论 -
Echart城市空气分析地图实例解析
js导入: <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script><script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&...翻译 2020-04-07 21:54:55 · 750 阅读 · 0 评论 -
Echarts学习笔记(一)
导入echarts.js文件这个不多说,可自行下载,熟悉的可选择定制下载。 <script type="text/javascript"> // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表...翻译 2020-04-04 11:01:35 · 1275 阅读 · 0 评论 -
Jquery监听input回车事件
问题:实现输入框内点击键盘Enter事件。解决:先找输入框这个元素,再使用keypress方法,Enter对应数字13,代码如下:$("#id").keypress(function (even) { if (even.which == 13) { alert("这里做事件触发的效果"); } }});后续问题:输入框的回车效果实现了,但实现后...翻译 2020-03-29 20:22:40 · 8517 阅读 · 3 评论 -
动态生成的按钮如何绑定点击事件
问题:网页动态生成了主要内容和分页,现在需要给分页绑定一个点击事件,直接定位到该按钮标签然后.click(),发现点击效果无效。在jQuery点击事件中,我们可以简单地使用.click()方法,它可以很好地工作,但是当你添加动态HTML并尝试为它实现点击事件时,那么你就会遇到问题例如.click()无效。 .click()没有工作因为它没有加载到dom上,所以现在我们要做的是使用jQuery v1...翻译 2020-03-29 18:51:30 · 2119 阅读 · 0 评论 -
JQuery事件——delegate()
定义delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。它的作用是同时使多个元素具有同等的效果。语法$(selector).delegate(childSelector,event,data,function)参数 参数说明 childSelector selector的子元素,以逗号隔开 e...翻译 2019-04-30 10:16:24 · 185 阅读 · 0 评论 -
Jquery——元素集的过滤
过滤用于缩小搜索到的元素范围。三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。first()first() 方法返回被选元素的首个元素。下面的例子选取首个 <div> 元素内部的第一个 <p>...转载 2019-05-13 18:55:44 · 352 阅读 · 0 评论 -
AdminLTE框架的基本使用
框架介绍:AdminLTE是一个完全响应管理模板。基于Bootstrap3,jQuery 3.3.1这两个框架框架,易定制模板。适合多种屏幕分辨率,从小型移动设备到大型台式机。内置了多个页面,包括仪表盘、邮箱、日历、锁屏、登录及注册、404错误、500错误等页面。对于后台站点的模板渲染,有很大的作用。下载可以使用git clone到本地 git clone http...翻译 2019-05-10 14:15:26 · 79629 阅读 · 12 评论 -
Jquery事件汇总
方法 描述 bind() 向匹配元素附加一个或更多事件处理器 blur() 触发、或将函数绑定到指定元素的 blur 事件 ch...翻译 2019-05-12 18:40:37 · 212 阅读 · 0 评论 -
Jquery效果方法汇总
animate()$(selector).animate(style,speed,easing,callback),该方法用于执行CSS属性集的自定义动画。style只有以数字值才可以创建动画,如{"margin:30px"},以字符则无法创建动画,如(”background-color:red")。speed是一个可选参数,数值的单位是毫秒,也可以选择“slow”、“normal”、“f...翻译 2019-05-13 00:04:09 · 230 阅读 · 0 评论 -
Content-type设置汇总
Content-Type,即内容类型,一般是指网页中存在的Content-Type,用于定义网络文件的类型和网页的编码,决定文件接收方将以什么形式、什么编码读取这个文件。ContentType属性指定响应的 HTTP内容类型。如果未指定 ContentType,默认为TEXT/HTML。{ contentType.put(".load" , "text/html"); co...转载 2019-05-04 18:04:09 · 12293 阅读 · 2 评论 -
$(window)和$(document)
$(window).height()和$(document).height()的区别jQuery(window).height()代表了当前可见区域的大小,也就是你浏览器所能看到的页面的那部分高度。 jQuery(document).height()则代表了整个文档的高度。注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变,但是jQu...转载 2019-04-23 18:50:25 · 8215 阅读 · 1 评论 -
CSRF攻击原理
CSRF是什么呢?CSRF全名是Cross-site request forgery,是一种对网站的恶意利用,CSRF比XSS更具危险性。想要深入理解CSRF的攻击特性我们有必要了解一下网站session的工作原理。 session我想大家都不陌生,无论你用.net或PHP开发过网站的都肯定用过session对象,然而session它是如何工作的呢?如果你不清楚请往下看。 先问个小问题:如果...转载 2019-01-28 10:56:02 · 261 阅读 · 0 评论 -
JavaScript详解(二)
js的流程控制if语句:if (条件表达式A){ xx;}else if (条件表达式B){ xx;}else{ xx;}switch语句:switch (表达式){ case 值1: xxx; break; case 值2: xxx; break; ...原创 2018-11-20 22:30:14 · 259 阅读 · 0 评论 -
let和var的区别
在JavaScript中,定义变量的关键词一般用var,但还有一种定义变量的关键词叫let。两者的作用域范围不一样,我们可以将var理解为定义的是一个全局变量,而let定义的是一个局部变量。故let常用于函数体中,使得变量的作用域仅限于函数体内。下面通过一小段代码展示他们的作用范围。 a(); function a() { let a = 'dd'; var...原创 2018-11-21 13:14:03 · 319 阅读 · 0 评论 -
JavaScript详解(三)
JavaScript的数组JavaScript中的数组具有相当的灵活性,除了能存储数据外,还提供了一系列的属性和方法。因为JavaScript本身是一个弱类型语言,故其数组不会限制存放数据的类型。定义的四种方式:var x = new Array(); //空数组 var x = new Array(size); //指定长度 var x = new Array(element0,...翻译 2018-11-21 23:51:05 · 131 阅读 · 0 评论 -
JQuery
简介:jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。说白了他就是js的一个库,我们可以向导入js文件一样导入它。jQuery学习网站:http://jquery.cuishifeng.cn/jQuery库导入网站来源:https://w...翻译 2018-11-24 15:52:45 · 268 阅读 · 0 评论 -
JavaScript详解(一)
简介:Javascript是一个脚本语言,弱类型的编程语言,简称js,被称为网站开发的行为。它的作用是增加页面特效、前后台交互以及应用于后台开发。它即可写在HTML的script标签里,也可写在外部js文件里。要注意的是JavaScript严格区分大小写,且以分号结尾,语句字符必须是英文。html骨架(页面结构),css是样式(元素大小、颜色、位置、隐藏或显示等),js是行为(部分动画效果...原创 2018-11-17 15:16:31 · 715 阅读 · 0 评论 -
前端——阿里图标的使用详解
链接地址:http://www.iconfont.cn/首先进入阿里图标首页进行登陆,有三种登陆方式,本人用新浪微博进行登陆。可在搜索框输入指定的图标样式,选中的图标加入购物车,本人建议最好一次性将所需要的图标都加入到购物车中,方便避免重复进行。图标加入购物车后,点击右上角的购物出。点击新建一个项目输入项目的名称并点击确认点击Font-class和查看在...原创 2018-11-17 21:42:45 · 2118 阅读 · 0 评论 -
jq轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>轮番图</title> <style> *{ padding:0;原创 2018-11-24 21:50:00 · 261 阅读 · 2 评论 -
Jquery输入框焦点事件及鼠表事件汇总
对于用户的输入框input,我们常常会用ajax来实现与后台的交互。输入框的内容我们可以用.val()方法获取,对于输入框内的事件,我们常用到焦点,如:input、blur、focus...。input:表示当前用户正在输入的事件focus: 表示输入框获得焦点的事件blur:表示输入框失去焦点的事件 鼠标事件汇总click:鼠标左键点击事件$('p').click(f...原创 2019-01-20 11:08:19 · 330 阅读 · 3 评论 -
JS常用的正则表达式
在前端表单中,我们会经常用到正则来达到验证功能,下面例举几个常用的匹配例子。用户名正则//用户名正则,5到20位(字母,数字,下划线,减号)var uPattern = /^[a-zA-Z0-9_-]{5,20}$/;//输出 trueconsole.log(uPattern.test("caibaojian"));手机号正则//手机号正则var mPattern = /^...转载 2019-01-21 09:43:57 · 158 阅读 · 0 评论 -
web前端——CSS详解
简介 CSS(Casading Style Sheet)是一组HTML元素外观的设置规则,用于控制web页面的表现形式,一般被翻译为“级联样式表”或“层叠样式表”。通常情况下,我们是用HTML标签定义文档的内容,用CSS定义内容的表现形式,这样将页面内容与表现形式分离,可以使HTML文档代码看起来更加简练,缩短浏览器的加载时间。CSS的语法 1.基本语法规则 ...翻译 2018-09-17 10:43:47 · 765 阅读 · 0 评论