1. CSS样式优先级问题 <style> .className input(可换其他元素){ type:val !important; } </style> <body> <div class="className"> <input type="text" value=""> </div> </body> 2. JS 自动生成html时,而不需要重复生成该htm…
关于跨域訪问.使用JSONP的方法.我前面已经demo过了.详细见http://supercharles888.blog.51cto.com/609344/856886,HTML5提供了一个很强大的API.叫postMessage.它事实上就是曾经iframe的进化版本号,使用起来极其方便,这里举个实验样例: 我们依然依照与上文同样的设定.假定我们有2个Domain Domain1: http://localhost:8080  它上面有个应用叫HTMLDomain1,而且有个页面叫sender…
在java web课堂测试中遇到了一些乱码问题 ,从百度上找到了许多种解决方法和乱码的种类,在这里总结一下. 一.文件出现乱码 [右击文件]->[Properties]->[Resource]->[Text file encoding] 一般jsp文件的编码是 UTF-8 即:<%@ page language="java" pageEncoding="utf-8"%> 二.浏览器和服务器间传输数据的乱码 1. 浏览器端编码,由服务器端…
乱码产生的原因 不管是request乱码还是response乱码,其实都是由于客户端(浏览器)跟服务器端采用的编码格式不一致造成的.以request乱码为例:浏览器向服务器发送请求,因为浏览器与服务器之间的通信实质上是socket流,所以要先将请求参数(字符)转换成字节,也就是编码过程,服务器接收到请求参数后进行解码(字节转字符),然后封装到request对象中.如果客户端的编码与服务器端的解码不统一,就会导致通过request获取到的请求参数的值是乱码. 乱码出现在这么几个位置上 数据传递过程…
我们在日常web前端开发过程中,会经常用到各种尺寸和位置.通常是js做动画的时候.轮播图,滚屏动画,粒子,碰撞检测,拖拽,滚动加载等等.这里我将常用的尺寸和位置的获取进行总结,不包括canvas,SVG. 在web页面开发中,尺寸和位置分为屏幕的尺寸和位置,元素的尺寸和位置,还有一个是文档的尺寸和位置,不过文档的尺寸和位置是通过document.body获取的,也算是一个元素.还有鼠标的位置.所以尺寸和位置主要分为三类: 屏幕尺寸和位置 元素尺寸和位置 特殊的元素,文档的尺寸和位置 鼠标的位置(…
总结一下我们在web前端开发过程中总是强调交互性.易用性的情况分析说明.个人觉得web前端的易用交互也就是我们所说人性化操作.不外乎希望达到的效果为:界面风格简洁明了.重点突出:操作简单,直观可见.当然,我们都清楚,web界面的使用主要体现在两大方面.一个是界面风格.一个是事件机制.而从这两大方面分析,可以稍微具体再分类一下.如下: web人性化交互易用可以从以下三个方面分析: 鼠标操作 键盘操作 页面布局和UI设计 一.鼠标操作 鼠标操作,是我们在web开发中经常用到的.当然这里的分析不是简单…
1. CSS Vocabulary 一个伟大的指向和点击的小应用程序,让你加高速度掌握 CSS 语法的各个不同部分,学习各个属性的正确的名称. 2. Liquidapsive 一个简单的信息化布局.通过选择框的方式,能够让你在响应式,自适应.流动和静态布局中选择,所以你能够看到四大布局类型之间的差别. 3. Superhero.js 最好的文章,视频和演示文稿,以帮助前端开发者保持较大的 JavaScript 代码库的集合. 包含有一些普遍原则型的东西.对測试工具,性能.安全性和很多其它的资源.…
大数据,微服务,分布式,Java,Python,Web前端,产品运营,交互 领取方式在篇尾!!! 基础篇.互联网架构,高级程序员必备视频,Linux系统.JVM.大型分布式电商项目实战视频......等等 最近闲着没事,整理了一下网盘,不知不觉也有了1.7G的学习资料,珍藏多年的资源分享给各位小伙伴们. 领取方式:扫描下方二维码,关注公众号,点击精选专题>领取资料,就能免费领取了!!! 里面会分享很多JAVA技术.新知识.新技术.面试宝典等,希望大家多多支持. 喜欢的小伙伴们可以搜索我们个人的微…
前言 在当今社会,作为一名前端程序猿,并不是一昧的去制作静态页面就可以满足滴:你说你会制作网页,好吧,只能说你算是一个前端程序猿.但这是你作为一个程序猿最基本的能力,并不会为你进行加分: 我们都明白,要想提高竞争力,提高自己的技能是十灰重要的.前后台的数据交互就是一个很好的加分项.今天,就带大家一起了解一下web前端实现数据交互的几种方式: 一.Ajax 作为一个前端程序猿,对于各种JS框架和各种库肯定不陌生.原生js的ajax以及jQuery的ajax都是十分常用的数据交互的方式: 1.1原生…
Web前端的学习分为以下几个阶段,具体的学习路线图如图所示. 第一阶段——HTML的学习 超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架,无论是静态网页还是动态网页,最终返回到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后呈现给用户.因 此,我们必须掌握HTML的基本结构和常用标记及属性. HTML 的学习是一个记忆和理解的过程,在学习过程中可以借助Dreamweaver的“拆分”视图辅助学习.在“设计”视图中看效果,在“代码”视…