![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WEB
文章平均质量分 85
珍妮的小罐君
越努力,越幸运!
展开
-
关于Bootstrap对浏览器支持
Bootstrap框架主要是实现响应式网页布局,在windows平台,IE8-11目前都是支持的,但是对于IE8和IE9来说,很多CSS3属性和HTML5元素--例如,圆角:border-radius,阴影:box-shadow等肯定是不支持的。另外,需要注意的是,IE8需要配合Respond.js文件才能实现对媒体查询(media query)的支持。CSS3IE8I原创 2016-12-23 11:18:12 · 3639 阅读 · 0 评论 -
图片预览效果
最近公司要求做一个控台的项目,其中一个页面需要做到类似图片预览的效果,比如,点击移到某张缩略图,上方可以看到相应的大图片,刚开始想着这个不太好实现,但最终还是做出了效果: Title div.up{ width:350px; height:300px; background:原创 2017-07-03 15:39:31 · 303 阅读 · 0 评论 -
中间文字,两边横线(纯css实现的哦)
最近在做项目的时候,遇到了一个中间文字,两边横线的布局,如下图:第一种:代码如下: Title body{background: #f0f0f0} .con{position:relative;height:1.875rem;line-height: 1.875rem;margin:2.47rem auto;te原创 2017-08-18 17:09:35 · 28619 阅读 · 0 评论 -
分页实现
效果图如下:功能实现: 1:首先,所有数据全部加载,通过display属性是否显示某一行; 2:其次,需要获取表格中所有行数(num);每页显示多少条数据(psize),我设置的是每页10条,可自定义哟;获取总页数(totalPage);代码如下: #idData,#barcon{width:800px;margi原创 2017-09-05 18:07:44 · 274 阅读 · 0 评论 -
使用formData对象提交表单并上传图片
FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台。如果把表单的编码类型设置为: enctype 属性" style="font-size:14px; margin:0px; padding:0px; border-width:0px 0px 1px; border-top-style:initial; border-right-s原创 2017-09-01 16:44:45 · 6795 阅读 · 0 评论 -
hash和hashchange事件
window.location.href和window.locaiton.hash(1)window.location.href 得到的是完整的URL 比如:window.location.href = ' www.baidu.com'(2)window.location.hash 得到的是锚链接 比如:window.location.hash= ' #all'(3...原创 2018-04-17 17:31:02 · 6187 阅读 · 1 评论 -
Git安装说明
一.安装GIT步骤:1.双击2.点击Next,进入第三步3.默认勾选4.默认勾选 5.默认勾选 6.完成 二.生成key1.设置Git的user name和email:$ git config --global user.name "zhouyuxiang"$ git config --global user.email "zhouyuxiang@niwodai.com"2.查看是否已经有了ssh...原创 2018-06-21 20:33:47 · 364 阅读 · 0 评论 -
git相关
Git是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。版本控制系统: 简单说就是能够记录每个文件的改动,并且能够合并多个文件。集中式 VS 分布式 集中式版本控制系统(svn , cvs):版本库是集中放在中央服务器的,工作的时候需要先从中央服务器取得最新的版本,然后在开始工作,完了再推送给服务器。最大缺点是需要联网。 分布式版本控制...原创 2018-06-25 18:19:06 · 126 阅读 · 0 评论 -
Webpack与Gulp、Grunt区别
前言Webpack与Gulp、Grunt没有什么可比性,它可以看作模块打包机,通过分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用。Gulp/Grunt是一种能够优化前端的开发流程的工具,而WebPack是一种模块化的解决方案,不过Webpack的优点使得Webpack在很多场...原创 2018-08-30 20:39:52 · 6686 阅读 · 0 评论 -
Fontello:图标字体的使用
官方网址:http://fontello.com/原文链接:https://github.com/fontello/fontello通常,网页设计开发中,一般都采用图片的形式来做图标,比如,手机图标,定位图标,密码图标等等,使用图片作为图标的话往往有许多不便,如改变大小,颜色等等,都需要打开软件重新作图;而Fontello就像字体一样,可以改变大小,颜色,下面就是关于Fonte翻译 2017-03-17 11:53:35 · 6394 阅读 · 0 评论 -
如何获取select下拉框选中的的值呢
<select> 元素(下拉列表)<select>元素用于创建下拉列表;而<option>元素用于定义列表中待选择的选项。列表通常会把首个选项显示为被选选项。提示:<select> 元素是一种表单控件,可用于在表单中接受用户输入。属性:autofocus :下拉列表在页面加载时自动获得焦点,是一个布尔属性;disabled:...原创 2017-03-15 15:06:13 · 88223 阅读 · 8 评论 -
工作中遇到的问题总结1(css类)
问题一:font-family:\5FAE\8F6F\96C5\9ED1;解决:\5FAE\8F6F\96C5\9ED1应该是unicode编码格式,为了在页面中不显示中文的兼容方法,等价于:font-family:“微软雅黑” 或font-family:“Microsoft YaHe”为什么:对于一个从事网页设计(也常说成DIV+CSS)的朋友来说,可能会遇到过这样的问题原创 2016-12-06 14:26:10 · 392 阅读 · 0 评论 -
Web App 开发
0. jQuery Mobile 介绍jQM是为触控优化的移动web框架,用来设计响应式网站和跨平台移动开发的;(这里的跨平台指的是可以运行在iOS、Android、BlackBerry、WindowsPhone各种平台上)jQM的资料多而且详细、容易上手,对于新手学习移动端开发是比较不错的选择;以下知名的站点是采用jQueryMobile技术,大家有时间可以了原创 2017-01-07 14:01:08 · 763 阅读 · 0 评论 -
微信开发那点事
最近这两天,在任何时候打开任意一个IT网站,都能在显著位置看到关于微信开发的文章,相信不少读者也关注了其中一些;由此可以肯定的一点是:大家对微信这一平台是非常关注的;相信很多人也都想基于这一平台去做一些事情,当你看到这篇文章的时候,希望能给眼前的你更多实践性的参考,也希望大家能谈谈自己的看法>>>>>>>>1、微信开发介绍1.1 微信开发网址原创 2017-01-11 11:19:22 · 601 阅读 · 0 评论 -
js之相册预览效果
最近公司没有太多的项目,自己本身也是小白一枚,这几天就自己用js实现了一些小的功能,一方面想提高自己的js功底,一方面也希望给更多的小白们可以参考一下,一些大神们如果觉得有哪些不足的可以指点迷津哦,在此多谢喽。。。。功能描述:通过点击页面中的某张图片,会以弹框形式来查看当前大图,且大图之间可以来回切换,下方也会有对应的小图可反复点击查看大图和图片描述性的内容;功能实现:原创 2017-02-17 11:10:05 · 1741 阅读 · 0 评论 -
谈谈Flex布局
作为前端开发人员来讲,页面布局是最重要的一步,而布局的传统解决方案,大多基于盒模型,依赖 display属性 + position属性 + float属性等等。对于某些特殊布局就非常不方便,比如,垂直居中就不是那么容易的实现;W3C在2009年提出了一种新的布局方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,大多数主流浏览器已经完全支持它,看下图:原创 2017-02-10 17:44:07 · 918 阅读 · 0 评论 -
后台伸缩二级菜单
实现后台伸缩二级菜单 li{ list-style:none; } li span{ padding-left: 20px; cursor: pointer; } .open{ background: url("img/minu原创 2017-02-20 14:38:39 · 1099 阅读 · 0 评论 -
树形列表
树形列表的展开与收缩 div{float:left; height: 100px; line-height: 100px; } #d1,#d3{ background-color: #ccff00; } #d2{ cursor: pointer; background-color: #ffcc00; }原创 2017-02-21 10:21:37 · 465 阅读 · 0 评论 -
oninput、onchange 和 onpropertyChange 事件
oninput:oninput 事件在用户输入时触发。该事件在或者元素的值发生改变时触发;无论是键盘输入还是鼠标粘贴的改变都能及时监听到变化;提示: 该事件类似于 onchange 事件。不同之处在于: oninput 事件在元素值发生变化时立即触发; onc原创 2017-03-13 14:46:09 · 1050 阅读 · 0 评论 -
let 和 const 以及var 区别
ES5 只有全局作用域和函数作用域,没有块级作用域,这带来很多不合理的场景。ES6中增加了块级作用域的概念,let 命令1. let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a =10; var b= 8;}console.log(a);//ReferenceError: a is not de...原创 2018-08-23 19:40:16 · 6396 阅读 · 0 评论