前端
文章平均质量分 97
王竹根
平凡之路,砥砺前行
展开
-
web基础
web基础,css基础,js基础原创 2019-05-20 11:12:33 · 43194 阅读 · 0 评论 -
html5
什么是 HTML5?HTML5 是下一代 HTML 标准。HTML5的设计目的是为了在移动设备上支持多媒体。html5播放在线视频html5.html代码<!DOCTYPE HTML><html><head><metacharset="utf-8"><title>菜鸟教程(runoob.com)</title>原创 2018-05-03 10:04:43 · 306 阅读 · 0 评论 -
Datatables是一款jquery表格插件
Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。特点:分页,即时搜索和排序几乎支持任何数据源:DOM, javascript, Ajax 和 服务器处理支持不同主题 DataTables, jQuery UI, Bootstrap, FoundationData处理模式(Processing modes)DataTables 中有两...原创 2018-04-04 17:32:34 · 4328 阅读 · 0 评论 -
AJAX 教程
AJAX 教程AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。GET 还是 POST?与 PO...原创 2018-04-02 10:39:29 · 127 阅读 · 0 评论 -
Bootstrap 教程
学的不仅是技术,更是梦想!再牛逼的梦想,也抵不住你傻逼似的坚持!Bootstrap介绍来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。本教程将向您讲解 Bootstrap 框架的基础,通过学习这些内容,您将可以轻松地创建 Web 项目。教程被分为 Bootstrap 基本结构、Boots...原创 2018-03-30 17:12:47 · 876 阅读 · 0 评论 -
xml的简介
1、xml的简介 1.1 什么是xml:eXtensible Markup Language,可扩展标记型语言 (1)标记型语言:html是标记型语言,都是使用标签进行操作。 xml里面的操作也是使用标签进行操作。 (2)可扩展:html里面的标签,每个标签有自己特定的含义,比如<br/> <hr/>, 在xml中标签自己定义的,比如 <aa> <猫&g...原创 2018-03-26 16:27:22 · 1087 阅读 · 0 评论 -
JavaScript
1、JavaScript的简介 (1)什么是JavaScript:是基于对象和事件驱动的语言,应用于客户端。简称js * 基于对象: ** java是面向对象,使用对象需要创建 ** js里面提供好了一些对象,直接使用 * 事件驱动:每次滑动鼠标,变换一张图片 * 客户端:指的是浏览器 (2)JavaScript的特点(三个) 第一个:交互性 第二个:安全性 ** JavaScript不能访...原创 2018-03-17 12:51:56 · 235 阅读 · 0 评论 -
JavaScript高级
1、js的函数 (1)在java里面定义方法 public void/int 方法名称(参数列表) { 方法体和返回值; } (2)在js里面定义函数有三种方式 第一种:使用关键字 function 方法名称(参数列表) { 方法体和返回值 } * 注意一:参数列表,不需要写类型(var),直接写参数名称 * 注意二:返回值,根据实际需要可以有也可以没有 * 代码 function test1...原创 2018-03-19 11:41:56 · 365 阅读 · 0 评论 -
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
[置顶] 最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等标签: 正则表达式js正则表达式正则表达式-语法正则验证RegExp2017-04-04 14:18 134人阅读 评论(1)收藏举报本文章已收录于:分类: Web前端开发(29) 作者同类文章X原创 2017-04-05 17:18:31 · 1660 阅读 · 0 评论 -
CSS代码缩写,占用更少的带宽
盒模型代码简写还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的:上右下左。具体应用在margin和padding的例子如下:margin:10px 15px 12px 14px;/*上设置为10px、右设置为15px、下设置为12px、左设置为14px*/通常有下面三种缩写方法:1、如果top、right、bo...原创 2018-03-16 17:29:41 · 188 阅读 · 0 评论 -
html入门和介绍
1、html的简介(1)什么是html?HyperText Mark-up Language,超文本标记型语言,是网页的语言。* 超文本:超出文本的范畴* 标记:理解为标签,html中所有的操作都是通过标签来实现的* html是做网页。 * 第一个html程序= 代码 <font color="red" size="5">这是我的第一个html程序</font> (2)ht...原创 2017-03-05 16:37:06 · 343 阅读 · 0 评论 -
CSS的继承、层叠和特殊性
3.1继承CSS的某些样式是具有继承性的,那么什么是继承呢?继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。比如下面代码:如某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。p{color:red;}<p>三年级时,我还是一个<span>胆小如鼠</span>的小女孩。&...原创 2017-03-08 15:05:42 · 262 阅读 · 0 评论 -
css入门和选择器
1CSS样式基本知识1.1认识CSS样式CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。如下列代码:p{ font-size:12px; color:red; font-weight:bold;}使用CSS样式的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的字...原创 2017-03-07 18:31:58 · 243 阅读 · 0 评论 -
css单位和值
颜色值方法也有很多种:1、英文命令颜色前面几个小节中经常用到的就是这种设置方法:p{color:red;}2、RGB颜色这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。p{color:rgb(133,45,200);}每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数。如:p{color:r...原创 2018-03-17 09:47:55 · 142 阅读 · 0 评论 -
html案例:注册页面
效果:关注点:(1)如果单元格里面没有内容,使用占位符替代(使用空格)(2)想要一个超链接没有效果,在href属性值写成#代码:html示例免费开通黑马账号注册邮箱:使用手机号或者账号注册创建密码:真实姓名:性别:女男原创 2017-03-05 18:47:59 · 1201 阅读 · 0 评论 -
CSS格式化排版
4.1文字排版--字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置的字体。)现在一般网页...原创 2017-03-09 17:13:40 · 214 阅读 · 0 评论 -
CSS盒模型
5.1元素分类在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、&原创 2017-03-09 17:20:39 · 251 阅读 · 0 评论 -
CSS布局模型
css布局模型布局模型是建立在盒模型基础之上,,又不同于我们常说的 CSS 布局样式或 CSS 布局模板。如果说布局模型是本,那么 CSS 布局模板就是末了,是外在的表现形式。在网页中,元素有三种布局模型:1、流动模型(Flow)2、浮动模型 (Float)3、层模型(Layer)流动模型(一)先来说一说流动模型,流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元...原创 2018-03-16 16:56:11 · 145 阅读 · 0 评论 -
es6+js
call和apply--改变函数中this的指向apply() { // call和apply--改变函数中this的指向 // 什么是道岔? // 火车在行进途中遇到路口后,决定火车应该向那个方向执行的装置被称为【道岔】 // 我们可以将函数类比为火车, // 而今天介绍的call和apply就好比为控制火车t...原创 2019-02-12 16:56:23 · 382 阅读 · 0 评论 -
宽度自适应文字内容-滑动门
改变宽度对比滑动门<!--pages/f/f.wxml--><view>滑动门</view><view class="tap"> <view class="item">1</view></view><view class="tap"> <view class="i...原创 2019-08-28 11:00:33 · 311 阅读 · 1 评论 -
sublime
插件使用:HTML-CSS-JS Prettify 缩进设置.jsbeautifyrc.defaults.json// 用制表符缩进,覆盖缩进缩进"indent_size": 4,"indent_with_tabs": true,原创 2019-08-24 11:02:01 · 113 阅读 · 0 评论