Web前端
文章平均质量分 92
lamp_yang_3533
你又可以了
展开
-
HTML基础
1. 常用的HTML实体字符大于号用 > 表示小于号用 < 表示单引号用 ' 表示双引号用 " 表示连接符(&)用 & 表示不间断空格用 表示版权符号用 © 表示注册商标用 ® 表示2. 锚点和链接<a name="名称" id="名称"></a># 创建锚点<a href="#锚点名称">文本|图像</a>#原创 2017-10-26 20:38:51 · 250 阅读 · 0 评论 -
JavaScript 对象
简介基本上 JavaScript 里的任何东西都是对象。JavaScript 具有面向对象(object-oriented)的特性,在 JavaScript 中,大多数事物都是对象,从基本的字符串和数组,到建立在 JavaScript 之上的浏览器 API。在 JavaScript 中,有许多标准内置对象(也称作内置对象或全局对象),比如:Number、String、RegExp、Math、Dat...原创 2018-04-19 13:37:44 · 182 阅读 · 0 评论 -
JavaScript JSON
简介JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,常用于存储和传输数据,JSON 是字符串。JSON 不仅用于 JavaScript,JSON 是跨语言的,其广泛用于数据交换。JSON 实例{ "sites" : [ { "name" : "Google", "url" : "www.google.com" }, { "name":原创 2018-04-18 15:44:29 · 210 阅读 · 0 评论 -
JavaScript 函数
函数只有在调用时,才会执行。通过函数名称进行调用(可以在声明之前调用,也可以在声明之后调用)。函数名后带括号时表示调用;不带括号时,表示这个函数本身。函数也是一种数据类型,可以当做变量进行处理。JavaScript是一种基于对象的脚本语言,所有的函数都是基于对象的操作方式。函数的声明JavaScript 使用关键字 function 声明(定义)函数。注意:在 JavaScript 中,无论是变量...原创 2018-04-17 17:44:28 · 182 阅读 · 0 评论 -
Flex 布局 - 经典示例
骰子的布局骰子的一面,最多可以放置 6 个点。下面,就来看看 Flex 如何实现,从 1 个点到 6 个点的布局。<div class="box"> <span class="item"></span></div>div 元素(代表骰子的正面)是 Flex 容器(Flex box)。span 元素(代表骰子正面中的一个点)是 Flex 项目(F...原创 2018-04-03 17:58:05 · 2656 阅读 · 1 评论 -
如何实现 Ajax 的跨域访问?
简介由于受浏览器的同源策略(same-origin policy)的影响, Ajax 请求默认只能在同一域名下进行访问。同源策略是浏览器安全的基石,所有的浏览器都实行了这个策略。同源策略同源策略是指三个相同:协议相同(比如,都是 http)域名相同(比如,都是 www.example.com)端口相同(比如,都是 80 端口)同源政策的目的,是为了保证用户信息的安全,防止恶意的网站窃取用户的数据。...原创 2018-04-14 21:29:41 · 1151 阅读 · 0 评论 -
Flex 布局 - 入门
简介布局的传统解决方案,是基于盒状模型,依赖于 display、 position、float等。布局的传统解决方案对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。除了传统的布局,还可以使用 Bootstrap 的栅格系统。但今天我们要说的是另外一种布局解决方案:Flex 布局。2009年,W3C 提出了一种新的方案——Flex 布局。它可以简便、完整、响应式地实现各种页面布局。目前,Fl...原创 2018-03-31 11:12:33 · 158 阅读 · 0 评论 -
Sass 快速入门
简介Sass 是一门强大的CSS扩展语言。Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大。特色功能完全兼容 CSS3在 CSS 基础上增加变量、嵌套 、混合、导入等功能可以进行属性值的运算提供控制指令等...原创 2018-03-10 09:32:11 · 545 阅读 · 0 评论 -
jQuery实现移动端左滑删除功能
在手机移动端,经常需要实现类似微信聊天工具中的左滑动删除和右滑动恢复功能。这里,我们可以直接使用jQuery来实现该效果。基本原理:利用jQuery中的touchstart、touchmove、touchend、touch事件和animate方法。条目包裹区块(item_wrap)和里面的条目内容区块(item_top)采用相对定位,删除按钮(item_del)采用绝对定位。条目内容区块默认是原创 2017-11-27 21:45:16 · 4709 阅读 · 0 评论 -
Ajax笔记
Ajax 的全称为 Asynchronous JavaScript and XML ,使用Ajax技术,可以实现无刷新状态更新页面(页面的局部更新),并且实现异步提交,提升了用户的体验。jQuery对Ajax做了大量的封装,对于封装的方式,jQuery采用了三层封装: - 最底层:$.ajax() 全局方法。 - 第二层:load()、$.get()和$.post(),其中load()为局原创 2017-12-03 10:04:41 · 235 阅读 · 0 评论 -
JavaScript基础
1. JavaScript简介JavaScript主要用于在页面中编写特效,和HTML/CSS一样都是由客户端浏览器解析。1.1. 输出alert("字符串");document.write("字符串");1.2. 调试console.log(变量);1.3. 引入js引入外部js文件。 如。使用将js语句嵌入到HTML中。href=”javascript:代码”,form标签的action原创 2017-11-23 21:28:37 · 368 阅读 · 0 评论 -
jQuery笔记
1. 简介jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法。优点:操作起来非常方便浏览器的兼容性很好有大量基于jQuery的插件1.1. 代码风格在jQuery中,不管是页面元素的选择还是内置功能函数的使用,都是用美元符号“$”来起始的。$(function(){ }); //执行一个匿名函数$('#box');原创 2017-11-28 22:28:29 · 682 阅读 · 0 评论 -
CSS基础
1. CSS简介CSS(Cascading Style Sheets),即层叠样式表。CSS可以快速维护页面元素(如表格、文本、链接、图像等)的样式(如宽度、高度、字体、字号、颜色等)。W3C建议尽量使用CSS样式取代HTML属性。2. CSS的使用方式外部样式(引入外部的CSS文件)内部样式(书写于文档的内部,以style标签进行标识)内联样式(书写于标签的内部)...原创 2017-11-19 21:58:56 · 870 阅读 · 0 评论 -
JavaScript 中的正则表达式
语法在 JS 中,创建一个正则表达式的模式,可以有三种实现方式。字面量构造函数工厂符号/pattern/flagsnew RegExp(pattern [, flags])RegExp(pattern [, flags])其中,pattern 就是正则表达式(模式),flags 是模式修饰符。下面的几种正则表达式的写法,创建的正则表达式都是相同的。/ab+c/i;new RegExp('ab...原创 2018-06-02 21:17:57 · 290 阅读 · 0 评论