新手入门响应式布局--响应式布局的那些事儿 发布时间: 2019-09-13 13:19:35 评论数: 0
讲到响应式布局,相信大家都有一定的了解,响应式布局是今年很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效 果,设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事,包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计(通过CSS3 Media Query实现响应布局)。一、什么是响应式布局? 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可 ......
修改npm全局安装路径 发布时间: 2019-09-13 06:14:39 评论数: 0
主要原因是因为我的C盘容量有点少,系统运行时不时地卡一下,于是打算清理一下C盘,检查的时候发现npm全局安装的包占用的比较多 之前文章【推荐阅读:npm查看全局安装过的包】已经介绍过查询全局安装的包,虽然没有多少,但是依赖的包还是有很多,于是决定把全局的包安装到D盘 找到nodejs安装的文件夹 打开node_modules/npm 找到npmrc文件 修改路径 prefix=D:\Program Files\nodejs\node_modules\npm 查一下全局安装的包 npm list -g --depth 0 检查一下是否安装路径修改过来了 也可以重新一个全局的包来测试一下 ......
高性能的javascript模板引擎laytpl使用说明 发布时间: 2019-09-12 15:49:53 评论数: 0
laytpl是一款非常轻量的JavaScript模板引擎,它用巧妙的实现方式,将自身的体积浓缩为不到2KB的字符,在测试中,它的速度比artTemplate和doT之类的要快一倍或以上,这儿给记录一下简单的用法将 laytpl.js 引入到你的项目中案例一:数据var data = { title: '前端圈', intro: '一群码js的骚年,幻想改变世界,却被世界改变。', list: [{name: '贤心', city: '杭州'}, {name: '谢亮', city: '北京'}, {name: '浅浅', city: '杭州'}, {name: ' ......
又地震了.一个前端代码。通过CSS让整个网页变黑白 发布时间: 2019-09-10 12:38:48 评论数: 0
html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,
原生态javascript/js操作cookie 发布时间: 2019-09-10 04:06:01 评论数: 0
数字1数字2
kindeditor 上传附件后获取URL赋值给编辑器外的下拉框或文本框 发布时间: 2019-09-04 09:31:19 评论数: 0
最近帮一客户更换编辑器,因为ewebeditor在很多浏览器下不兼容,故使用kindeditor编辑器 官方地址?http://www.kindsoft.net?此编辑器开源免费??兼容主流浏览器?,配置简单,支持多语言?asp?php?.net?jsp等,故推荐之客户项目中,编辑器内上传了图片?自动将下载地址保存到下拉框中,用做默认图片地址,以下是替换后相关365bet怎么买球_365bet滚球有赚钱的_365bet在线备用 设置默认图片
textarea标签中resize缩放属性的设置 发布时间: 2019-09-03 13:13:49 评论数: 0
CSS3中新增了resize缩放属性,这个属性可以应用到任意元素。目前只有Webkit内核的浏览器才支持这个css3属性,即Google?chrome和Apple?safari都支持。而textarea标签中,Webkit内核的浏览器会默认resize的值为both,即用户可以调节元素的宽度和高度。如下图就是在Google?chrome中我博客的textarea的默认显示,textarea右下角有一个可以控制缩放的按钮。一般情况下,textarea是被固定宽度和高度的,如果你不愿意让其任意缩放,你可以为textarea添加resize:none的css属性。这样就可以去除Web ......
JS判断客户端系统 让ipad iphone 等手持设备自动跳到手机版 发布时间: 2019-09-02 18:03:38 评论数: 0
我相信,不是所有的代码都需要在服务端完成!好比,好比判断是不是手机客户端当然这个并不是特别的准确,但可以99%吧!希望大家用得上if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { location.replace("https://www.lvtao.net") }不用多说吧!!! 呵呵... ......
css3自适应网页学习总结 发布时间: 2019-09-01 07:34:57 评论数: 0
小松主要是从事php开发的,今天来学习一下前端的自适应网页是怎么做的。 首先自适应网页要加载下面的meta 主要是告诉浏览器视口宽度等于设备屏幕宽度,且不进行初始缩放,没有这句网页会进行缩放 这里我们要来理解一下@media screen and (max-width: 1200px) 这个css样式的意思,全部css样式为 @media screen and (max-width: 1200px){ ????#pagewrap ......
纯 CSS 创建各种不同的图形形状 发布时间: 2019-08-31 22:39:01 评论数: 0
矩形.rectangle { width: 250px; height: 150px; background-color: #6DC75F; }
三角形.triangleUp { border-left: 75px solid transparent; border-right: 75px solid transparent; border-bottom: 150px solid #6DC75F; ......
一个简单好用处理键盘事件的Javascript工具库Kibo 使用方法 发布时间: 2019-08-30 16:42:57 评论数: 0
Kibo是一个简单的用于处理键盘事件的Javascript工具库。这个Javascript类库的特点是,它不但能监听普通的按键事件,它还能监听组合键和功能键,例如Ctrl+C,Shift+w。还有一个特点是,它把各种键都给符合化了,例如,如果你想监听[ctrl alt x]按键事件,你可以直接写成 k.down(‘ctrl alt x’, handler)。它还支持统配符,例如k.down(['any letter', 'any number'] handler),这就是监听任意的字母和数字的按键事件。加载进JS文件这货的下载地址是https://github.com/marq ......
CSS兼容性技巧整理--从IE6-IE9 火狐谷歌浏览器兼容 发布时间: 2019-08-30 02:04:43 评论数: 0
?CSS兼容性技巧整理--从IE6-IE9?火狐谷歌浏览器兼容本文收集整理了IE7,6与Fireofx的CSS兼容性处理技巧,供大家参考。CSS兼容常用技巧请尽量用xhtml格式写代码,而且DOCTYPE影响?CSS?处理,作为W3C标准,一定要加DOCTYPE声明。1.div的垂直居中问题vertical-align:middle;?将行距增加到和整个DIV一样高?line-height:200px;?然后插入文字,就垂直居中了。缺点是要控制内容不要换行2.?margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案 ......
字符串转换成json的三种方式 发布时间: 2019-08-29 21:17:47 评论数: 0
项目中要使用到json的key要用变量来表示,直接使用变量不会转换的,于是想先把整个json保存成字符串,然后转换成json,百度了一下找到3中方法 第一种:eval方式解析 function strToJson(str){ var json = eval('(' + str + ')'); return json; } 第二种:new Function形式 function strToJson(str){ var json = (new Function("return " + str))(); retu ......
根据链接的内容不同,定制不同的CSS样式 CSS之特殊用法 发布时间: 2019-08-28 12:48:53 评论数: 0
CSS还可以这样用、你知道吗?利用CSS给链接添加一个ICO图标a[href$='.zip'],?a[href$='.rar'],?a[href$='.gzip']{background:transparenturl(images/zip.png)center right no-repeat;display:inline-block;padding-right:35px;}a[href$='.pdf']{background:transparenturl(images/pdf.png)center left no-repeat;display:inline-block;padd ......


友情链接: php5000技术知识分享 github 码云 开源中国 csdn linux中国 阿里云 unix技术网 composer中文网 php packagist php python 安卓软件 大众365bet怎么买球_365bet滚球有赚钱的_365bet在线备用 DevStore 猪八戒威客网 人人都是产品经理 PHPwind论坛 互联网的一些事 新客网 黑马程序员 火星时代 hao123it ThinkSNS 开源社区 51CTO学院 办事儿网 IT论坛 java教程 最代码 程序员客栈 大数据培训 小程序开发 微信小程序 php开发新闻 微信小程序 java学习 微信小程序 Linux书籍 网站ip流量 xw素材网 新浪云 腾讯云 华为云 百度 新浪 网易 淘宝 腾讯 1688 搜狐 优酷 房天下 hao123 携程 天涯社区