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

文档归类:前端设计

vue背景图片报包不显示2017-08-13

vue的配置文件里面webpack.base.conf.js有这样一段代码:{         test: /.(png|jpe?g|gif|svg)(?.*)?$/,         loader: 'url-loader',         options: {           limit: 10000,           name: utils.assetsPath('img/[name].[hash:7].[ext]')         }       }vue意思是大于10KB的图片会转存到img文件夹下面,小于这个值的就会转成base64但在页面中我们用的背景图片大于10KB,放在assets的images下面,css中写的是background-image...
此文被围观16 分类: 前端设计 标签:  ····

vue设置scrollTop2017-08-10

在使用vux的时候用组件drawer,导致body无滚动条,使用scrollTop就无效解决方法:document.body.scrollTop改成document.getElementById('vux_view_box_body').scrollTop这里就有一个前端的知识点了:scrollTop只针对于元素自身是否有滚动条,有才可以设置参考资料:http://www.imooc.com/qadetail/63295 ...
此文被围观21 分类: 前端设计 标签:  ····

cordova安装插件失败解决方法2017-08-03

cordova插件安装由于网络原因,经常会出来插件安装失败的情况于是在网站搜索了一个下载包来安装,不用在线装Error: Failed to fetch plugin cordova-plugin-wechat@2.0.0 via registry.Probably this is either a connection problem, or plugin spec is incorrect.Check your connection and plugin name/version/URL.Error: cmd: Command failed with exit code 1 Error output:npm ERR! shasum check failed for C:UsersADMINI~1AppDataLocalTempnpm-9128-2b5ab054registry.npmjs.orgcordova-plugin-wechat-cordova-plugin-wechat-2.0.0.tgznpm ERR! Expected: af24ac74abf3d32ca3729fe46c4b7f981816b2e5npm ERR! Actual:   aa642877eda312fd352f04153c583ab334235256npm ERR! From:     https://registry.npmjs.org/cordova-plugin-wechat/-/cordova-plugin-wech...
此文被围观33 分类: 前端设计 标签:  ···

vue引用微信分享功能2017-07-17

现在很多单页面应用都是通过vue来制件的,在微信场景下就需要有分享功能了。前端VUE代码:import axios from 'axios'; axios.defaults.baseURL = 'http://example.adophper.com/wxshareObject'; export default {   name: 'app',   methods: {       isWeiXin() {         let ua = window.navigator.userAgent.toLowerCase();         if (ua.match(/MicroMessenger/i) == 'micromessenger') {           return true;   &nbs...
此文被围观72 分类: 前端设计 标签:  ··

vue引入vux模块2017-07-16

如果是新的项目要使用vux,直接使用:vue init vux/webpack test这种新建的项目版本好像有点旧了。如果想在已经建立的项目中引用vux:npm install vux --savenpm install vux-loader --save-devnpm install less less-loader --save-dev修改build/webpack.base.conf.jsconst vuxLoader = require('vux-loader') const webpackConfig = originalConfig  // 原来的 module.exports 代码赋值给变量 webpackConfig,  //即将原来的module.exports 改为 const webpackConfig module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })参考:http://www.jb51.net/article/113003.htm...
此文被围观77 分类: 前端设计 标签:  ····

cordova+vue打包app打开显示空白解决方法2017-07-13

目前我遇到这个问题的解决方法是修改 Vue 项目中的的配置路径:config/index.js,具体修改内容如下图cordova,vue,混合开发,cordova+vue...
此文被围观68 分类: 前端设计 标签:  ····

[转]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...
此文被围观429 分类: 前端设计 标签:  ···

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')        }      },这段注释掉就可以了,当然格式还是比较重要,...
此文被围观384 分类: 前端设计 标签:  ···

解决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...
此文被围观599 分类: 前端设计 标签:  ··

js选择class2017-02-08

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

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 = ...
此文被围观411 分类: 前端设计 标签:  ··

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",     //金币图片...
此文被围观748 分类: 前端设计 标签:  ······

swipe错误bug修正2016-06-05

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

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

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