小梦子 2016-04-28

8

99461

1、修改chrome记住密码后自动填充表单的黄色背景 主要通过input : -webkit-autofill来进行修改！ input:-webkit-autofill { background-color: #FAFFBD; background-image: none; color: #000; } 2、修改输入框placeholder文字默认颜色-webkit-input-placeholder input标签的placeholder 属性我们都常用到，它用来显示提示信息。提示会在输入字段为空时显示，并会在字段获得焦点时消失。这很好用。但placeholder 属性对于的样......

其他

xia 2016-04-27

39

137068

做项目经常要用到index，关于index的几种用法，常常感到困惑。总结了一下，在这里列出来分享下。 1、index索引问题 <div id="nav"> <a href="#">建站素材</a> <p>建站素材</p> <a href="#">jquery特效</a> <a href="#">懒人主机</a> <a href="#&qu......

其他

Eason 2016-04-27

34

116945

刚进公司那会，第一个接触的技术便是新闻发布系统了，刚开始学还真觉得有些难，幸好有个温柔美丽的女神一直带着我，任劳任怨，无怨无悔的精神让我想娶了她，哈哈。女神带我做了两三个项目之后，慢慢理出了头绪，也明白了其中的逻辑。下面我便列出做新闻发布系统的步骤，以后刚进来的新手也可以来这里学习，也欢迎大神们来纠错补充。 一、认识模板 模板分为：索引模板、more模板、详情模板。 索引模板：简单的说，即进入详情页的入口（更多的解释我想到再作补充）。 more模板：即有分页的模块。（目前这个我还没做过，等做了再来写步骤）。 详情模板：可以理解为一篇详细的新闻介绍。 这里常见的是建立索引模板，对......

总结

瑶一瑶 2016-04-25

57

173758

在平时开发过程中经常会遇到要获取元素的各种尺寸或者定位，什么offset，scroll，client，什么x，y，很晕有木有，从来没分清楚过有木有,于是决定花点时间把它理一理，分享给大家。 1、原生JS获取元素尺寸的方法 1.1、偏移量(offset) 包括元素在屏幕上占用的所有可见的空间，包括内边距、滚动条、和边框（不包括外边距）有四个属性——offsetHeight、offsetWidth、offsetLeft、offsetTop：如下图示意 1.2、客户区大小(client) 指元素内容及其内边距所占据的空间大小(不包括滚动区域)，有两个属性——clientHeight......

CSS

gzheyunying 2016-04-25

45

128123

继上个月使用weui以后，我把react和weui结合起来做了一个表单，对输入的内容进行检验，检验内容有姓名、学号、手机号。 引用的文件如下，均为weui或react的文件： <link rel="stylesheet" href="css/weui.css"/> <link rel="stylesheet" href="css/example.css"/> <script src="js/react.js"></sc......

其他

吱吱桑 2016-04-22

8

96396

上回说到如何判断浏览器是否支持webp。 可以通过加载一张比较小的webp格式的图来达到目的。 function check_webp_feature(callback) { var kTestImages = 'UklGRhoAAABXRUJQVlA4TA0AAAAvAAAAEAcQERGIiP4HAA=='; var img = new Image(); img.onload = function () { var result = (img.width > 0) && (img.h......

其他

小军 2016-04-15

73

115851

前言 之前大神写过一篇 【FIS 本地预览使用 NodeJS 服务器乱码问题解决办法】，解决了fis2编译gbk项目乱码的问题。后来小组推广fis3，fis3的server和fis2不同了：feg server open 打开 FIS 服务器的本地目录里面没有 server.js 这个文件，所以又出现了fis3编译gbk项目乱码问题。。。 简单分析 关于乱码分析，之前大神也写过一篇很详细的文章：【关于编码的那些事儿】 这里简单说一下： 决定chrome浏览器(可能每个浏览器表现不一样)最终显示的页面是否乱码是有三个因素决定的： http 返回头 Content-Type fis ......

工具

Django 2016-03-31

28

101923

原则上真心不支持大家使用hack，能不用hack就不用hack，但到了实际操作的时候却不得不用到hack。 本文纯实例展示，来个参考DEMO，这样更加直观一点，不写那么多理论的东西了，理论的东西百度下就可以找到很多；我不生产代码，我只是代码的搬运工。 本文只写CSS HACK，html、js的HACK就不写了。是的，就是这么任性。 单独HACK实例 IE6 .a {_background:#aaa;} IE7|8 .b {*background:yellow;} IE7|8|9|10 .c {background:orange\9;} IE8|9|10|11 .d {back......

CSS

凤玲 2016-03-30

30

111793

最近做的一个专题项目(梦幻西游-阳光魅力榜)，遇到一个3D效果样式导致的问题附上项目地址：http://my.163.com/2016/ygmlb/m/index.html 大概描述下问题： 移动端 3D效果样式（3D翻转效果）导致在“部分真机”上，元素绑定的click事件点击无效，并不是js绑定点击事件方法bug或者不支持的原因，而是点击元素被遮挡了（谷歌浏览器所有模拟机和其他真机测试没问题，在“三星某个型号手机” 和“华为P7手机”绑定点击事件元素被遮挡了。），遮挡问题跟z-index层次高低无关。 3D翻转效果HTML部分代码简化如下： <div cla......

CSS

吱吱桑 2016-03-29

5

100996

WebP是什么鬼 WebP格式，一种新型的图片格式，其图片压缩体积大约只有JPEG的2/3，而且还能节省大量的服务器带宽资源和数据空间。 这么好的图片格式，如果能运用到实际项目中那就非常棒了。但是又碍于其兼容性问题，于是就有了这个webp fis插件的诞生，暂时叫它fis-postpackager-jpg-towebp。 WebP插件主要实现的功能 jpg --> webp （目前暂时仅处理jpg图片） 替换所有jpg引用（包括样式表里的和页面上的img标签，至于js里面的就不管咯） 判断是否支持webp，然后加载对应的图片格式 插件实现过程 一、选择fis插件的类型 大......

其他

一只凤梨 2016-03-29

2

109761

本文主要总结一下需要等待多个ajax请求完成后再执行操作的方法 最近在做一个英雄榜项目遇到一个问题，需要用到6次Ajax来获取各个榜单的数据再进行操作。 一、ajax嵌套ajax，传说中的嵌套金字塔，以及这种方式只能串联发起ajax请求 function getDataFun(){ $.ajax({url: "/equip_rank",type:'GET',dataType:'jsonp',success: function(data1){ $.ajax({url: "/score_rank&......

JavaScript其他

Eason 2016-03-29

9

100796

Web 图片的懒加载就是通过读取img元素，然后获得img元素的data-src(也可以约定为其他属性名)属性的值，并赋予img的src，从而实现动态加载图片的机制。 这里需要注意的是： img在初始化的时候不要设置src属性，因为即使设置 src='' 浏览器也会尝试加载图片。 一个简单的图片懒加载共涉及两个方面: HTML 约定 给img元素添加class="m-lazyload",同时将img src赋值给data-src属性。 <img class="m-lazyload" data-src="imgUrl"......

其他

floyd 2016-03-28

40

135853

这里主要会说说小组组件新旧加载方式的实现方式、优缺点，以及未来展望 旧的方式 一、调用方式： nie.use(["nie.util.share","nie.util.video"],function(){ //do something }); 典型的AMD加载方式，就是按需加载，异步回调，代表作：requirejs 二、实现原理： //以下为简单实现原理，并非代码全部 nie.use = function(modules,callback){ //定义异步请求组件js......

其他

gzheyunying 2016-03-28

38

118358

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。 有时候希望做一些比较简洁、对样式没有特定要求的移动端页面，可以考虑直接使用。不过不知道能否通过组里QA同学的测试，将来等QA同学有空时可以安排测试。 以最常用的表单进行示例 信息填写页面： 提交成功页面： 两个页面只引用了库里的example.css文件和weui.css文件。 信息填写页面的代码如下： <!DOCTYPE html......

其他

xia 2016-03-28

42

138246

这里收集了一些常用的js代码，拿出来跟大家分享 判断图片是否加载完 有时候你可能需要检查图像是否已经加载完成，以便继续执行相应的js代码 function loadImage1(url,callback){ var img = new Image(); img.onload = function(){ //图片加载完成后执行的操作 } img.src = url; } 图片按某个尺寸等比缩放 function img1(picW,picH,maxWidth,maxHeight){ var Ratio, wRat......

JavaScript