关闭

#笔记 简单使用flex与sticky footer方式解决底部固定在底栏的问题

问题 许多大型网站都有一个底栏,不论内容的高度是否填满屏幕,底栏都一直在页面的最底部。这个效果看似简单,却有不少的“坑”,下面我来介绍两种方法解决这个问题。 第一个方法(引用中注释的css)使用了固定定位解决 第二种方法使用的是flex布局解决的 *具体请参考:<> -41项 紧贴底部的页脚* 要注意的是第一种方法必须设置外层容器的最小高度为100% 第二种方法使...
阅读(122) 评论(0)

用原生Javascript实现css的placeholder

我的思路是用一个div表示placeholder预留字的展示, 此div与Input框设置同一位置叠加; 然后给Input框监听一个input事件, 当文本框不为空且input事件发生时, 预留字消失 当文本框为空时,预留字出现: <style type="text/cs...
阅读(114) 评论(0)

最近写的一个书店项目

项目地址:https://github.com/alisajxWeb/myProject.git (里面的压缩文件就是) 1.1.1 项目名称 BookShop(前端开发) 1.1.2项目开发者 姜鑫 1.1.3 项目开发环境 Visual Studio Code + Chrome 1.1.4系统功能设定 一共分为3个主要模块。 1.TRE...
阅读(169) 评论(0)

jquery实现div的拖拽效果

.drag{ position:absolute; background:#0000CC; padding:0; } <script type="text/javascrip...
阅读(154) 评论(0)

解决脚本不能使用onchange的问题

////用绑定事件来实时显示input的value/// $(function(){ var tar = $(".num")[0]; addOninput(tar); }); function addOninput(tar) { var element = tar; onCh...
阅读(94) 评论(0)

当浏览器输入URL后都经历了什么?

当浏览器输入URL后,浏览器需要先对URL中的域名解析成IP地址, 再对IP地址发送一个连接请求,经过三次握手后建立与服务器之间的连接,这是第一步。 连接成功以后,客户机会发送一个HTTP请求,这个请求会被封装成对象交给服务器处理,服务器根据请求对象的信息,比如path路径,get,post的信息找到相应的html或者其他文件通过响应对象的形式回传给浏览器, 这一步是服务器处理信息的过程。...
阅读(166) 评论(0)

数组去重

/*数组去重*/ arr = [1,1,6,5,8,8,4,3,8]; /*调用函数indexOf用法: window.onload = function delRep(){...
阅读(69) 评论(0)

js解决getElementByClassName

/*JS写getElementByClassName; 我发现chorm、firefox、ie都支持document.getElementsByClassName */ window.onload = f...
阅读(4323) 评论(0)

将句子中的单词位置反转

给定一个句子(只包含字母和空格), 将句子中的单词位置反转,单词用空格分割, 单词之间只有一个空格,前后没有空格。 比如: (1) “hello xiao mi”-> “mi xiao hello” /* 给定一个句子(只包含字...
阅读(280) 评论(0)

实现瀑布流布局的几种方法

本文分别用原生JS与JQ框架写出瀑布流布局的方法 首先引库: 我的瀑布布局 <!----> </sc...
阅读(693) 评论(0)

JS解决输入1-1000元,输出由1、5、10、20、50、100拼成输入的面值方法总数

javascript语言解决笔试题:输入:1-1000元数额; 输出:由1、5、10、20、50、100拼成输入的面值方法总数。 此代码在题目基础上增加了显示所有可能的方法。 /* 输入1-1000元,输出由1、5、10、20、50、100拼成输入的面值方法总数————美团笔试题*/ total = prompt('请...
阅读(433) 评论(0)

常见的原生javascript事件处理与浏览器兼容问题(下)

本文主要介绍事件冒泡,和利用冒泡方法的事件代理机制。 根据浏览器的兼容性问题作出代码举例事件冒泡就是在DOM中,父级元素与子集元素有相同事件时,触发子集元素会引发从子集开始往上的事件响应。 具体可以写多重包裹的div,并且所有元素添加相同的事件触发;检验触发子元素时,父元素的状态即可。 那么怎么取消冒泡机制呢? 不同的浏览器之间有差别,在此需要进行兼容性处理。如下两个方...
阅读(117) 评论(0)

常见的原生javascript事件处理与浏览器兼容问题(上)

在WEB前端开发中,处理各浏览器差异的问题是一个重要的部分,不同的浏览器的内核及处理方式不同**(详见)**,对对象名和方法名的定义不同,导致写出来的代码不能得到我们想要的效果。所以在开发的时候需要解决这些问题。 下面介绍处理浏览器差异的通解和举例说明一些事件处理机制的对象和方法处理。...
阅读(152) 评论(0)

欢迎使用CSDN-markdown编辑器

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl...
阅读(94) 评论(0)
    个人资料
    • 访问:7019次
    • 积分:192
    • 等级:
    • 排名:千里之外
    • 原创:12篇
    • 转载:2篇
    • 译文:0篇
    • 评论:0条