一人庸

摘要： 什么是跨域？ 协议 域名 端口号有一个不一样就是跨域 跨域：跨域访问，简单来说就是 A 网站的 javascript 代码试图访问 B 网站，包括提交内容和获取内容。由于安全原因，跨域访问是被各大浏览器所默认禁止的，XmlHttpRequest也不例外。 如果两个页面拥有相同的协议（protocol 阅读全文

摘要： 1-7行实现页面跳转，并在地址栏传参。(点击的元素和用户输入值的input元素不是同一个东西。这里没有使用表单来实现提交。手动提交。) 8-13行实现回车提交。 补充知识： $.trim()--去掉字符串前后空白 window.open()--新开标签页跳转 self.location.href=" 阅读全文

摘要： 一、用float（浮动）实现列表布局的局限 一说起列表布局。大家首先想到的就是用浮动float。这是相当常见的也是目前最最主流的列表布局方式，所以这里就不吃咸鱼蘸酱油——多此一举了。对于浮动局部的局限性，想必同行们都知道，就是每个列表元素的高度必须要一致，否则就会像是俄罗斯方块一样，“锯齿相错”，例 阅读全文

摘要： 有这样的应用场景： PC端和移动端共用了一套控制器，但是他们的html渲染是不同的，那么在PC后台里录入的一些图片就会出现问题。有的图片在 img 标签里被编辑器定义了宽高，一般CSS影响不到。 如下图使用的编辑器： 其源码是这样： 这虽然方便了不懂前端代码的人。但是对于多端显示就会出现问题。比如移 阅读全文

摘要： 在通过地址栏进行参数的传递及取值时，首先应该了解一下URL的组成部分及其每部分的取得方法和作用说明： URL即:统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成： scheme://host:port/path?query#fragment 阅读全文

摘要： 有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使<input type="text" name="input1" value="中国"> 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。 方法1: onfocus=this.blur() 当鼠标放不上就离开焦点 阅读全文

摘要： 网页弹出框 播放视频网站的视频 1/准备好基础网页.重置样式表什么的都已经写好的网页 2/调入弹出框CSS样式 /*! * ui-dialog.css * Date: 2014-07-03 * https://github.com/aui/artDialog * (c) 2009-2014 Tang 阅读全文

摘要： 常用meta标签 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面: <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scala 阅读全文

摘要： 之前的一篇《手机端页面自适应解决方案—rem布局》随着时间的推移，该方案已然过时，故为大家介绍一个目前我极力推荐使用的，更加完美的方案——rem布局（进阶版） 该方案使用相当简单，把下面这段已压缩过的 原生JS（源码已在文章底部更新，2017/5/3） 放到 HTML 的 head 标签中即可（注: 阅读全文

摘要： 该方案目前已过时，这里是更加完美的替代方案——rem布局(进阶版) 相信很多刚开始写移动端页面的同志们都要面对页面自适应的问题，当然解决方案很多，比如：百分比布局，弹性布局flex（什么是flex），也都能获得不错的效果，这里主要介绍的是本人在实践中用的最顺手最简单的布局方案——rem（什么是rem 阅读全文