学习html语法的规范性
不管学习什么语言第一开始都是在学习其语法规范，前端也不例外，首先我们讲解一下学习前端语言所使用的编辑器，现在在市面上大多使用的编辑器有:sublime webstorm HB等等，其实前端语言就算是使用简单的记事本也可以进行编辑，编辑器只是开发过程中的一种工具，我们主要考虑的是使用何种编辑器能够提高 ... 查看全文
HTML和CSS中的居中效果（1）
HTML和CSS中的居中效果 单行上下左右居中 Html: <div class=”container”></div> CSS: .container{ width: 600px; height: 300px; text-align: center; line-height: 300px; bord ... 查看全文
一张图教会CSS3倒影
分享 示例图片 示例图片 在CSS3之前，想要实现示例图片这样的一个倒影效果一般只能通过处理图片的方式，而CSS3问世之后，想要实现这样的效果变得非常简单，只需一个CSS3属性就可以轻松实现了。 这就是今天所要提到的box-reflect属性。 咱们先看看W3C给出的box-reflect语法： b ... 查看全文
HTML/CSS 知识点02 （转）
一个完整的页面由三部分构成： html：超文本标记语言 通过语义化标签，搭建页面"结构" css:层叠样式表 负责页面"样式"，美化页面的 js:轻量级的脚本语言；交互指的是两个地方（行为） 前端自己在页面上写的"动效" 前后台的"数据交互" 结构，样式，和行为三者相结合 css的引入方式 嵌入式； ... 查看全文
HTML/CSS 常用单词整理
页面布局（layout） header 头部/页眉； index 首页/索引； logo 标志； nav/sub_nav 导航/子导航； banner 横幅广告； main/content 主体/内容； container/con 容器； wrapper/wrap 包裹（类似于container）； ... 查看全文
八幅漫画理解使用 JSON Web Token 设计单点登录系统
原文出处： John Wu 上次在《JSON Web Token – 在Web应用间安全地传递信息》中我提到了JSON Web Token可以用来设计单点登录系统。我尝试用八幅漫画先让大家理解如何设计正常的用户认证系统，然后再延伸到单点登录系统。 如果还没有阅读《JSON Web Token – 在 ... 查看全文
调试Ajax调用的利器firebug
这几天我在家里调试PCS的Ajax调用时候发现一个问题就是调试手段太少，一般我会在进入ajax调用前加上一段alert输出变量信息。 比如 然而发现在后续GET或者POST一个调用中往往返回的错误代码信息量太少而无法定位，鉴于我们经常又是个云环境，所以很难在服务端去找问题，我推荐大家使用firebu ... 查看全文
HTML/CSS 知识点01 （转）
整个前端开发的工作流程 产品经理提出项目需求 UI出设计稿 前端人员负责开发静态页面(跟前端同步的后台人员在准备数据) 前后台的交互 测试 产品上线(后期项目维护) 互联网原理 当用户在浏览器输入网址的时候，就会发送到对应的服务器，请求该网址对应的网页信息 服务器会把该网址对应的网页资源，都下载到你 ... 查看全文
2、css3 text-fill-color与text-stroke讲解
最近看了一下css3，学习了一下新的属性，这个两个属性比较让我挺喜欢的，其中 text-fill-color:就是文字填充颜色而; text-stroke:就是文字描边,两个属性可以制作出各种炫酷的文字效果，不过IE系列都不支持，不过好在webkit都支持良好 注意：如果同时设置了text-fill ... 查看全文
Ajax异步获取html数据中包含js方法无效的解决方法
页面上使用js写了一个获取后台数据的方法 function data() { var tab = $("#dic") $.ajax({ url: '../demo.ashx?method=GetList', data: {}, dataType: 'json', type: 'post', asyn ... 查看全文
利用ajax异步处理POST表单中的数据
//防止页面进行跳转 $(document).ready(function(){ $("#submit").click(function(){ var str_data=$("#form1 input[type=text]").map(function(){ return ($(this).attr ... 查看全文
markdown,html,css笔记
markdown 基础 你好，我是markdown文档 介绍 Markdown是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法，它可以使普通文本内容具有一定的格式。 说的简单一点，markdown其实就是一种简单的文本，与普通的文本文件 (txt文件)不同的是，支持一些特殊的符号，通过 ... 查看全文
1-最全CSS3选择器
一，CSS3 选择器分类 二，选择器语法 1，基本选择器语法 2，层次选择器语法 3，动态伪类选择器语法 4，目标伪类选择器 5，UI元素状态伪类选择器语法 6，结构伪类选择器使用语法 注：（1），“ul>li:nth-child(3)”表达的并不是一定选择列表ul元素中的第3个子元素li，仅有列表 ... 查看全文
中国省市区地址三级联动jQuery插件 案例下载
中国省市区地址三级联动jQuery插件 案例下载 distpicker 是一款可以实现中国省市区地址三级联动jQuery插件。它使用简单，简单设置即可完成中国省市区地址联动效果。 安装 可以通过npm或bower来安装该三级联动插件。 使用方法 HTML结构 基本的HTML结构是使用一个<div>容 ... 查看全文
javascript
json和字符串转换： 1.JQ $parseJSON(string); 2.js JSON.parse(string)/JSON.stringify(string); 3. eval("("+string+")");转成json对象，不安全，可能对表达式转换。 websocket: 优点：双向通信 ... 查看全文
javascript 兼容总结
2、获取兄弟节点/元素的兼容性问题 1）兄弟节点，所有浏览器都支持 ①nextSibling 下一个兄弟节点，可能是非元素节点；会获取到文本节点 ②previousSibling 上一个兄弟节点，可能是非元素节点；会获取到文本节点 2）兄弟元素，IE8以前不支持 ①previousElementSi ... 查看全文
javascript 数据类型
一、js一共六种数据类型：包括五种原始数据类型》number/string/boolean/null/undefined一种对象类型》object》Function/Array/Date... 二、类型转换：1.typeof : typeof 100>number/typeof true>boole ... 查看全文
Ajax+Servlet+jsp显示搜索效果
一、Ajax简介Ajax被认为是（Asynchronous JavaScript and XML）的缩写，允许浏览器与服务器通信而无需刷新当前的页面的技术都被叫做Ajax eg：百度搜索、实时地图、etc，在Ajax模型中，数据在客户端与服务器之间独立传输，服务器用不刷新整个页面便可更新数据； 二、 ... 查看全文
JQuery和JS操作LocalStorage/SessionStorage的方法（转）
出处：http://blog.csdn.net/djzhao627/article/details/50747628 首先说一下LocalStorage和SessionStorage LocalStorage 是对Cookie的优化 没有时间限制的数据存储 在隐私模式下不可读取 大小限制在500万字 ... 查看全文