WEB
前端实战及常用框架等知识点
亓勝
愚者一切求别人,知者一切求自己。
展开
-
HTML CSS JS 特殊字符编码表
HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这些特殊字符,不要紧,请记住今天这个地址,你就随时可以查到这些特殊字符的表示方法。简单的介绍一下其使用方法:1、这些字符属于unicode字符集,你的文档需要声明为"utf-8"2、列表符号...转载 2019-12-11 09:39:21 · 3854 阅读 · 0 评论 -
天气插件平台-天气预报插件-免费天气预报代码—中国天气网
中国天气网天气插件平台提供各种免费的在线天气预报插件,天气h5页面,天气SDK等,方便开发者使用调用,可以根据ip地址自动获取本地天气实况,天气预报等信息,适配PC,安卓,iOS系统多种软件.天气插件,HTML天气插件,JS天气插件,桌面天气插件,前台天气插件,天气SDK,天气H5,天气网插件,天气模块,免费天气预报.卡片形式:<html lang="zh-CN">...原创 2019-11-22 15:32:29 · 2775 阅读 · 2 评论 -
用这个库 3 分钟实现让你满意的表格功能:Bootstrap-Table
这是 HelloGitHub 推出的《讲解开源项目》[1]系列,今天给大家推荐一个基于 Bootstrap 和 jQuery 的表格插件:Bootstrap-Table一、介绍从项目名称就可以知道,这是一款 Bootstrap 的表格插件。表格的展示的形式所有的前端几乎在工作中都有涉及过,Bootstrap Table 提供了快速的建表、查询、分页、排序等一系列功能。项目地址:h...转载 2019-11-21 16:30:54 · 498 阅读 · 0 评论 -
bootstrap-fileinput使用配置
bootstrap-fileinput使用配置因为bootstrap是基于jquery的,因此,引用插件前,应先引入bootstrap.css, jquery.js(要求bootstrap的版本在3以上). 引入fileinput 的必须文件: bootstrap-fileinput.css, bootstrap-fileinput.js (这是官方文档英文 ) htm 结构&l...转载 2019-11-07 13:34:26 · 4687 阅读 · 0 评论 -
前端:面向对象编程-this 关键字
涵义this关键字是一个非常重要的语法点。毫不夸张地说,不理解它的含义,大部分开发任务都无法完成。前一章已经提到,this可以用在构造函数之中,表示实例对象。除此之外,this还可以用在别的场合。但不管是什么场合,this都有一个共同点:它总是返回一个对象。简单说,this就是属性或方法“当前”所在的对象。this.property上面代码中,this就代表property...转载 2018-11-29 23:55:48 · 289 阅读 · 0 评论 -
前端:面向对象编程-对象的继承
原型对象概述构造函数的缺点JavaScript 通过构造函数生成新对象,因此构造函数可以视为对象的模板。实例对象的属性和方法,可以定义在构造函数内部。function Cat (name, color) { this.name = name; this.color = color;}var cat1 = new Cat('大毛', '白色');cat1.name /...转载 2018-11-29 23:57:55 · 406 阅读 · 0 评论 -
前端:面向对象编程-Object 对象的相关方法
Object.getPrototypeOf()Object.getPrototypeOf方法返回参数对象的原型。这是获取原型对象的标准方法。var F = function () {};var f = new F();Object.getPrototypeOf(f) === F.prototype // true上面代码中,实例对象f的原型是F.prototype。下面是几...转载 2018-11-30 00:01:54 · 283 阅读 · 0 评论 -
前端:数据类型-函数
概述函数的声明JavaScript 有三种声明函数的方法。(1)function 命令function命令声明的代码区块,就是一个函数。function命令后面是函数名,函数名后面是一对圆括号,里面是传入函数的参数。函数体放在大括号里面。function print(s) { console.log(s);}上面的代码命名了一个print函数,以后使用print(...转载 2018-11-30 00:05:56 · 576 阅读 · 0 评论 -
前端:数据类型-对象
概述生成方法对象(object)是 JavaScript 语言的核心概念,也是最重要的数据类型。什么是对象?简单说,对象就是一组“键值对”(key-value)的集合,是一种无序的复合数据集合。var obj = { foo: 'Hello', bar: 'World'};上面代码中,大括号就定义了一个对象,它被赋值给变量obj,所以变量obj就指向一个对象。该对...转载 2018-11-30 00:09:29 · 1452 阅读 · 0 评论 -
前端:Array 对象
构造函数Array是 JavaScript 的原生对象,同时也是一个构造函数,可以用它生成新的数组。var arr = new Array(2);arr.length // 2arr // [ empty x 2 ]上面代码中,Array构造函数的参数2,表示生成一个两个成员的数组,每个位置都是空值。如果没有使用new,运行结果也是一样的。var arr = new ...转载 2018-12-02 23:40:44 · 1340 阅读 · 0 评论 -
前端:RegExp 对象
概述正则表达式(regular expression)是一种表达文本模式(即字符串结构)的方法,有点像字符串的模板,常常用来按照“给定模式”匹配文本。比如,正则表达式给出一个 Email 地址的模式,然后用它来确定一个字符串是否为 Email 地址。JavaScript 的正则表达式体系是参照 Perl 5 建立的。新建正则表达式有两种方法。一种是使用字面量,以斜杠表示开始和结束。v...转载 2018-12-02 23:52:02 · 817 阅读 · 0 评论 -
fetch 函数传递参数与后台交互
介绍fetch函数:fetch( input [,init ]).then(function(response){ })input定义要获取的资源。这可能是:一个 USVString 字符串,包含要获取资源的 URL。一些浏览器会接受blob:和data:作为 schemes. 一个 Request 对象。init可选:一个配置项对象,包括所有对请求的设置。可选的参数有:...原创 2019-01-03 16:33:54 · 15552 阅读 · 2 评论 -
OpenWeatherMap API指南
OpenWeatherMap API指南1、注册申请“API密钥”:https://home.openweathermap.org/users/sign_up示例API密钥:https://samples.openweathermap.org/data/2.5/weather?q=London,uk&appid=b6907d289e10d714a6e88b30761fae22...原创 2019-06-06 16:50:01 · 35840 阅读 · 7 评论 -
table表格数据无缝循环滚动
分享一个好看的表格无缝滚动:(实战用起来很舒服)直接copy代码到你的程序中:1.HTML<div class="tablebox"> <div class="tbl-header"> <table border="0" cellspacing="0" cellpadding="0"> ...转载 2019-09-02 14:18:52 · 8106 阅读 · 10 评论 -
前端:面向对象编程-实例对象与 new 命令
对象是什么面向对象编程(Object Oriented Programming,缩写为 OOP)是目前主流的编程范式。它将真实世界各种复杂的关系,抽象为一个个对象,然后由对象之间的分工与合作,完成对真实世界的模拟。每一个对象都是功能中心,具有明确分工,可以完成接受信息、处理数据、发出信息等任务。对象可以复用,通过继承机制还可以定制。因此,面向对象编程具有灵活、代码可复用、高度模块化等特点,...转载 2018-11-29 23:53:49 · 571 阅读 · 0 评论 -
前端:Element 节点
实例属性元素特性的相关属性(1)Element.idElement.id属性返回指定元素的id属性,该属性可读写。// HTML 代码为 <p id="foo">var p = document.querySelector('p');p.id // "foo"注意,id属性的值是大小写敏感,即浏览器能正确识别<p id="foo">和<p ...转载 2018-11-29 23:47:15 · 1322 阅读 · 0 评论 -
Jquery之鼠标移动到图片上显示文字并且文字可以点击
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me原创 2017-08-19 16:43:01 · 8255 阅读 · 1 评论 -
Jquery之张一山、周冬雨图片缩放
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me原创 2017-08-19 18:15:33 · 402 阅读 · 0 评论 -
Jquery之新闻向上、下滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me原创 2017-08-21 11:25:21 · 406 阅读 · 0 评论 -
Jquery之客服
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me原创 2017-08-15 14:47:43 · 502 阅读 · 1 评论 -
Jquery之框的弹出与关闭
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me原创 2017-08-14 21:49:59 · 6315 阅读 · 0 评论 -
Jquery之CheckBox全选与反选
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me原创 2017-08-10 09:20:12 · 299 阅读 · 0 评论 -
Jquery之不占空间的张一山图片显示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me原创 2017-09-09 19:16:49 · 321 阅读 · 0 评论 -
Jquery之选项卡效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me原创 2017-09-09 20:12:07 · 210 阅读 · 0 评论 -
JavaScript(RegExp 对象) 特定字符高亮:new RegExp()
JavaScript RegExp 对象操作实例:HTML代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src=原创 2018-05-02 16:02:10 · 4108 阅读 · 0 评论 -
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
本文是对Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助详细解读Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON()一,$.get(url,[data],[callback])说明:url为请求地址,data为请求数据的列表,callbac...转载 2018-05-07 15:36:43 · 357 阅读 · 0 评论 -
前端页面切换
在Javaweb开发中,页面切换是必不可少的一个技术,简单模拟一个工具:Hbuilder技术:HTML+JQuery话不多说先看效果图:目录结构图:主页:index.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>大...原创 2018-10-11 15:56:02 · 4015 阅读 · 0 评论 -
CSS 变量教程
今年三月,微软宣布 Edge 浏览器将支持 CSS 变量。这个重要的 CSS 新功能,所有主要浏览器已经都支持了。本文全面介绍如何使用它,你会发现原生 CSS 从此变得异常强大。CSS新规则 一、变量的声明声明变量的时候,变量名前面要加两根连词线(--)。body { --foo: #7F583F; --bar: #F7EFD2;}上面代码中,body选择...转载 2018-10-18 13:43:55 · 115 阅读 · 0 评论 -
return funtion(常用知识点)
简单创建一个HTML表格:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JavaScript:funtion</title> </head> <body> <原创 2018-10-09 17:26:28 · 207 阅读 · 0 评论 -
Jquery之搜索项菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me原创 2017-08-18 18:16:12 · 353 阅读 · 0 评论