phper,PHP学习_PHP技术_PHP网站建设_PHP程序员专注于PHP技术研究及学习

文档归类:前端设计

[转]Vue2.0 之 自带浏览器里无法打开(兼容处理) - 解决方案2017-04-27

Vue 之 android内嵌H5页面不显示出现这个问题,原因有很多首先,别急,请看下面的推荐方案:1、找个Android真机测试下(机型版本为4.4以上),真机联调测试(如果不知道怎么联调,那么请看这里:Android真机 - 联调chrome调试)2、如果报 报错 vuex requires a Promise polyfill in this browser.那么,就是兼容性不够好,请看下面的解决方案:首先,使用 node 安装 *babel-polyfill 命令*npm install --save-dev -polyfill11解决方案1:在 webpack.config.js 文件中,entry 入口处修改,加入即可"babel-polyfill":"babel-polyfill",//用来解决的兼容性11例如:entry: {    "babel-polyfill":"babel-polyfill",//用来解决的兼容性     app: path.resolve(__dirname, config.entry.module + "/app.js"),     vendor: conf...
此文被围观182 分类: 前端设计 标签:  ···

vue 编译格式错误2017-03-15

node在编译vue的时候出现格式错误:http://eslint.org/docs/rules/eol-last 解决方法就是找到bulid/webpack.base.conf.js里面的{        test: /.(js|vue)$/,        loader: 'eslint-loader',        enforce: "pre",        include: [resolve('src'), resolve('test')],        options: {          formatter: require('eslint-friendly-formatter')        }      },这段注释掉就可以了,当然格式还是比较重要,...
此文被围观246 分类: 前端设计 标签:  ···

解决Uploadify上传控件加载导致的GET 404 Not Found问题【转】2017-02-21

项目中要用到上传,由于使用了JQuery脚本库,于是就准备找一款JQuery的上传脚本,挑了几款,觉得都还不错,最后从功能和代码体积的前提下决定采用Uploadify(官方主页)。代码很轻松的就嵌入到页面中去了,看了下官方的几个配置,感觉挺容易上手的,本来以为就这样配置算完成了,但是今天在FireFox下使用FireBug调试页面时发现了诡异的GET请求,请求的是当前页面的根,比如页面是/tickets/create,那么请求的就是/tickets/,恰恰这个路径我没有设置路由,也就是说请求将返回一个HTTP 404 Not Found的错误,经过进一步的跟踪发现了问题和新加入的Uploadify有关,于是我又检索了官方的文档,结果该配置的都配置了,配置信息是没有什么错误,但是这个诡异的GET依然存在。求助于万能的Google,结果在《Uploadify v3 bug. Unecessary request when there is no button_image_url set.》找到了解决的办法。原来问题的症结在于SWFUpload,这个是Uploadify调用供支持Flash上传用的,但是其没有对button_image_url进行判断,导致如果button_image_url为空的话就默认请求了当前根路径,修改的方法也比较简单,加个判断即可:将下面代码:this.settings.button_image_url = SWFUpload.completeURL(this.settings.button_ima...
此文被围观419 分类: 前端设计 标签:  ··

js选择class2017-02-08

function getElementsByClassName(classname,node){    var results = [];      var elems = document.getElementsByTagName(node);    var j = 0;      for (var i=0;i...
此文被围观316 分类: 前端设计 标签:  ···

js显示隐藏2017-02-08

function toggleCustomizeMenu(id) {    var ele = document.getElementById('customize_'+id);    /*try {*/      if (ele){        if (ele.style.display == 'none'){          getElementsByClassName('customize_menu', 'div');          ele.style.display = 'block';        }else{          ele.style.display = ...
此文被围观294 分类: 前端设计 标签:  ··

html页面js撒金币实例2016-10-03

移动端html撒金币,js撒金币<!doctype html> <html> <head> <meta charset="utf-8"> <title>摇一摇撒金币</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui" /> <style> body{margin:0;padding:0;} input{position:absolute;z-index:1000} canvas{position:absolute;top:0;left:0;} </style> <script> function Coin(opts){ //默认参数 this.defaults={ coinSrc:"http://gw.alicdn.com/tps/i3/TB1QJ5DGpXXXXaBXXXXuv2kGFXX-39-39.png_40x40Q50s150.jpg",     //金币图片...
此文被围观606 分类: 前端设计 标签:  ······

swipe错误bug修正2016-06-05

swipe插件真心不错但有一个问题就是当元素个数为2的时候就会报错需要将swipe.js第47行的改成if (browser.transitions && options.continuous && slides.length < 2) {...
此文被围观703 分类: 前端设计 标签:  ··

css保持图片自适就与图片比例2016-03-02

页面即要保持响应式的结构又要保持图片的某全比例不变,解决方法:html代码:<div class="img-responsive">    <img src="http://d13yacurqjgara.cloudfront.net/users/14765/screenshots/1392915/mrbc-badge-....png"    /></div>css代码:.img-responsive {    max-width: 100%;    height: 0;    padding-bottom: 60%;    background-color:#ff0000;    overflow: hidden;}.img-responsive img {    width: 100%;}http://jsfiddle.net/luin/3g5AZ/...
此文被围观801 分类: 前端设计 标签:  ···

解决CSS3 Media Queries兼容问题制作响应式页面2016-01-10

文章来源:http://www.bjishu.com/using-ie-css3htc-make-compatible-response-page ‍‍在“实现网站自适应的切实方法–实战总结”中我介绍了使用js和css实现响应式布局的具体实现方法,本文我详细介绍一下如何让低版本ie支持css3屏幕判断,并实现自适应布局的方法。‍‍‍‍1、解决兼容性问题  (1)页面最顶部必须定义:<!DOCTYPE html>(2)点击:下载 respond.js 文件(3)引入<script src="respond.js"></script>;respond.js必须在样式表之后引用(4)页面必须在服务器环境中运行,直接打开用不了2、使用css3判断窗口大小设置不同样式: 举个例子:/*宽度小于500px时;背景为红色*/@media screen and (max-width:500px){body{background:red;}} /*宽度在500px-800px之间时候;背景为蓝色*/@media screen and (min-width: 500px) and (max-width: 800px){body{background:blue;}} /*宽度大于800px时;背景为绿色*/@media screen and (min-width:800px){body{background:green;}} 这里要注意,这里的样...
此文被围观996 分类: 前端设计 标签:  ···

Unslider — 一个超小的 jQuery轮播(slider)插件2015-05-18

跨浏览器Unslider已经在所有最新的浏览器上测试过了,并且对那些老旧的浏览器也能很出色的降级处理。支持键盘导航如果需要,可以加入键盘方向键导航。试一试左右方向键吧!自动调整高度并不是每个幻灯片都很规范,Unslider能够自动调整高度。Yep,他还支持响应式布局如今哪个网站还不支持响应式布局就已经非常OUT了。Unslider帮你轻松搞定!项目址有详细的操作说明:unslider: http://www.bootcss.com/p/unslider/ ...
此文被围观1823 分类: 前端设计 标签:  ···

js倒计时2015-01-25

JS 倒计时实现代码    JS实现倒计时(时、分,秒)   var interval = 1000;  function ShowCountDown(year,month,day,divname)  {  var now = new Date();  var endDate = new Date(year, month-1, day);  var leftTime=endDate.getTime()-now.getTime();  var leftsecond = parseInt(leftTime/1000);  //var day1=parseInt(leftsecond/(24*60*60*6));  var day1=Math.floor(leftsecond/(60*60*24));  var hour=Math.floor((leftsecond-day1*24*60*60)/3600);  var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);  ...
此文被围观1945 分类: 前端设计 标签:  ····

纯CSS3实现发光动画按钮特效2015-01-24

‍‍这是一款基于纯CSS3的发光按钮,按钮发光的颜色是随机的,这样一排按钮就显得五彩缤纷,非常绚丽。之前我们也介绍过不少样式很独特的CSS3按钮,比如纯CSS3 3D开关按钮、纯CSS3实现动感弹性按钮等,都非常不错,也有HTML5动画按钮,大家可以自己看看。‍‍在线地址:http://www.html5tricks.com/demo/pure-css3-shine-button/index.html 效果图:背景图:<!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <title>纯CSS3实现发光按钮特效DEMO演示</title>     <style> body {   background: #333333 url(css/classy_fabric.png);   margin: 0; } #c {   position: absolute;   top: 50%;   left: 50%;   margin-left:&...

CSS修改HTML5 input placeholder颜色2015-01-23

css改placeholder颜色方法:toscho:有三种实现方式:伪元素(pseudo-elements)、伪类( pseudo-classes)和Notihing。 WebKit和Blink(Safari,Google Chrome, Opera15+)使用伪元素::-webkit-input-placeholderMozilla Firefox 4-18使用伪类:-moz-placeholderMozilla Firefox 19+ 使用伪元素::-moz-placeholderIE10使用伪类:-ms-input-placeholderIE9和Opera12以下版本的CSS选择器均不支持占位文本。需要注意的是伪元素在Shadow DOM里会起到元素的真实作用。CSS选择器 因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定。::-webkit-input-placeholder { /* WebKit browsers */     color:    #999;}:-moz-placeholder { /* Mozilla Firefox 4 to 18 */     color:    #99...
此文被围观2259 分类: 前端设计 标签:  ···

本站使用ThinkPHP框架开发读图网主题,目前托管在阿里云,图片由读图网提供. 蜀ICP备12031064号

Copyright © 2011-2017adophper.com All Rights Reserved.