- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 写前端样式遇到的一些问题
问题一 我们在写首页的时候，顶部的 如手机app、手机商城、手机微金所这类的 超链接，在hover后会显示出对应的二维码。但是我们鼠标从超链接移出，二维码就消失了。为了解决这个问题，我们可以把二维码进行绝对定位absolute，这样在对超链接hover的时候，微小的移动就不会让二维码立刻消失。 绝对定位的时候把二维码的top设置的离超链接近一点就可以。详细信息见案例-微金所 问题二 同
2017-07-26 10:57:57
268
原创 JavaScript DOM总结
JavaScript DOM目录 回顾JavaScript的组成:ECMAScript+DOM+BOM ECMAScript规范常用语法 DOM文档对象模型,节点操作 BOM浏览器对象模型，与浏览器交互的方法和接口 1.DOM访问关系 父节点 parentNode 子节点 children 和 childNodes(会把换行也看成一个孩子节点，所以不用这个) 注常用parentNode和child
2017-07-22 09:32:31
186
原创 JavaScript 常见IE6bug
JavaScript 常见ie6bug 目录注意是IE61.双倍外边距问题 描述：如果一个盒子,加了浮动又加了margin值,很容易出现双倍外边距问题 解决：给盒子加上display:inline;从而出发ie内部机制 2.ie6图片底边会有像素间隙问题 描述：一个图片插到一个盒子里面，图片和盒子完全一样大，但是图片总是底下有像素的间距 解决： 方法1.将
2017-07-05 13:28:44
201
原创 JavaScript 浏览器hack
JavaScript css hack调整兼容性 目录css hack 针对不同浏览器，书写不同的样式，最大化的兼容浏览器 - 1.选择器hack (1)ie6以下的，以*html开头 *html .box {background:red;} (2)ie7的，以*+html开头 *+html .box {background:pink;}2.
2017-07-05 13:26:56
210
原创 JavaScript DOM目录
JavaScript DOM目录 回顾JavaScript的组成:ECMAScript+DOM+BOM ECMAScript规范常用语法 DOM文档对象模型,节点操作 BOM浏览器对象模型，与浏览器交互的方法和接口 1.DOM访问关系 父节点 parentNode 子节点 children 和 childNodes(会把换行也看成一个孩子节点，所以不用这个) 注常用parentNode和child
2017-07-05 13:26:14
190
原创 JavaScript基础部分
JavaScript基本知识点目录1.控制样式 var box = document.getElementById(“box”); box.style.width = “200px”; 2.变量作用域 局部变量和全局变量，其中全局变量注意不用var 声明的变量也属于全局变量 3.事件三要素 btn.onclick = function(){ //事件处理程序
2017-07-05 13:25:31
153
原创 VSCode下，使用gulp构建自动化工作流
1.gulp介绍 gulp官方网址：http://gulpjs.com gulp插件地址：http://gulpjs.com/plugins 2.gulp安装 先安装node.js 再安装npm 全局安装gulp （用于执行gulp任务） npm install gulp -g本地安装（用于调用gulp插件） npm install gulp –save-dev注:–save-dev,是为了
2017-07-03 11:34:53
720
原创 bootstrap框架使用心得
bootstrap使用心得分享1.如何读官方文档中文官方网站http://v3.bootcss.com 整体分三个大的模块：全局CSS样式、组件、JavaScript插件 内容构成：（通常都是）一个组件+介绍+基本案例+拓展（参数说明、与其他组件的联合使用） 2.核心思想 利用已有的css样式、组件、js插件，快速构建页面。 .container类相当于页面
2017-06-16 11:07:28
542
原创 json的两种数据格式
第一种格式：键值对 （"key":"value"）-----------格式严格要求key 和 value必须加双引号。 必须！必须！必须！ var json = { "firstName": "zhang", "lastName":"liang", "email": "123@163.com" }; 第二种格式：值的有序列表--------大部分语言中称之为数组,注意整体是被{}包裹
2017-06-10 17:15:47
658
原创 JQuery里ajax的表单传值serialize()用法
在jQuery中，当我们使用ajax时，常常需要拼装 input数据以键值对（Key/Value）的形式发送到服务器，用JQuery的serialize方法可以轻松的完成这个工作，使用这个方法可以将 表单序列化为键值对（key1=value1&key2=value2…）后提交。下面介绍JQuery中serialize()的用法： 语法： $('form').serialize()
2017-06-10 13:14:39
292
原创 jquery下ajax的使用
$(document).ready(fucntion(){ $("#btn").click(function(){ var value = $("input").serialize(); // 序列化表单数据 ----a=1&b=2&c=3&...的形式 jQuery.ajax({
2017-06-09 21:51:01
150
原创 封装ajax函数及简单的使用
--------------------------------------------html部分------------------------------- // 参数param 可能有的东西 如下 var param = {
2017-06-09 14:30:39
310
原创 封装ajax函数及简单实用
------------------------------------------html部分------------------------------------------- // 参数param 可能有的东西 如下 var param = {
2017-06-09 14:22:58
108
原创 ajax-json格式数据解析
//var json= http_request.responseText; // json格式数据,是一个字符串 // JSON.parse(json); // JSON.parse()可以把 字符串 转化为 JSON对象，从而就可以访问对象的属性（也就是下面的name,category等） // 推荐使用JSON.parse()方法 var json
2017-06-08 19:43:37
357
原创 ajax-xml格式数据解析
// xml数据解析 原理---------xml格式太大了 而且解析起来很麻烦 -----所以 现在推荐 json // 由于 xml文件内容是 标签组成的 所以通过document.getElementsByTagName("标签名称"); 来进行DOM操作 var xml= http_request.responseXML; // xml格式数据 v
2017-06-08 19:41:47
357
原创 ajax和php的结合使用
注：前端文件index.html和后端文件formCheck.php都放在 Apache的安装目录下的myApp文件夹里。 （1）index.html 用户名： 密码：
2017-06-08 15:47:19
326
转载 Mac下，MAMP的安装及Apache服务器的搭建使用
（0）MAMP端口配置 （2）在MAMP htdoc文件下 创建一个自己的工程目录 取名任意（这里叫做myApp），并把你写好的inde.html文件放到myApp文件夹中。 （3）打开MAMP软件 ，启动服务 （Start Server） （4）在浏览器中 输入 127.0.0.1:8888/myApp/index.html 正确访问成功！
2017-06-08 13:31:38
324
原创 dom对象和jquery对象的相互转化问题
*{ padding: 0; margin: 0; } div{ height: 200px; background-color: skyblue; } 关闭 转化1 转化2
2017-06-01 14:46:18
162
原创 左右切换的焦点图
*{margin: 0;padding: 0;} .box{ position: relative; width: 490px; height: 200px; margin-top:100px; margin-left:100px;
2017-05-26 19:23:31
457
原创 JS原生动画之 缓动动画效果
*{ margin: 0; padding: 0; } body{ position: relative; } .box{ position: absolute; top:0;
2017-05-26 16:57:55
288
原创 text-aligin的设置问题
div,ul,li,span{ margin: 0; padding: 0; } .box{ position: relative; width: 600px; height: 400px; margin:5
2017-05-26 10:44:06
377
原创 TAB栏切换（常用弹出当前索引号）
.current-color{ background-color: #f2ac0d; } 111 222 333 444 555 666 var btns = document.getElementsByTagName("button"); fo
2017-05-25 16:48:05
264
原创 oninput事件（检测用户的输入内容）
.search{ position: relative; width:390px; height:30px; border:1px solid #ccc; } .search input{ width:380px;
2017-05-25 15:25:26
711
原创 js鼠标经过选择表单内容（实现全选删除的效果）
鼠标经过选择表单 var txt = document.getElementById("txt"); var select = document.getElementById("select"); txt.focus();//focus()是一个函数，自动获得焦点 select.onmouseover = function(){
2017-05-25 14:48:17
274
原创 value和innerHTML的区别
#tip{ display: none; } 错误信息提示 //表单验证： //表单更换内容用value，只有表单才有value //html显示的内容用innerHTML function $(id){return document.getElem
2017-05-25 14:37:49
451
原创 window.onload()函数的使用
.btn{ width:100px; height:30px; margin-left:10px; color:white; font-size:16px; line-height: 30px; text-align:
2017-05-25 12:36:39
478
原创 padding值的说明(什么时候会撑开盒子，什么时候不会撑开宽度。继承的宽度,padding-left不会撑开盒子)
.box{ width:200px; height:200px; background-color: pink; padding-left:20px;/*当盒子有宽高的时候 设置padding会导致盒子宽高变化*/ }
2017-05-25 11:19:35
967
转载 如何在Mac OS X中开启或关闭显示隐藏文件命令
打开终端，输入： defaults write com.apple.finder AppleShowAllFiles -bool true 此命令显示隐藏文件 defaults write com.apple.finder AppleShowAllFiles -bool false 此命令关闭显示隐藏文件 加上&& killall Finder才能立即生效
2017-05-24 22:27:41
166
原创 CSS-父盒子不够大。子元素不能在一行显示完，解决方法。在父盒子里添加一个超级大的2号盒子
CSS-父盒子不够大。子元素不能在一行显示完，解决方法。在父盒子里添加一个超级大的2号盒子
2017-05-24 21:02:50
331
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人