柚釉-CSDN博客

原创 vue去掉hash值#

官网地址：https://router.vuejs.org/zh-cn/essentials/history-mode.html但是仅仅按照官网的做法，还是不行，看了很多人的博客和笔记才解决的。后台需要配置很多，前端仅仅需要加上a) mode: "history",b)将webpack的配置文件的index: path.resolve(__dirname, '../dist/index.html...

2018-04-12 15:36:24 5848

原创 vue使用$http获取数据时报错

在引用vue作为一个插件时，使用$http获取数据时报错Failed to load http://****/ajaxGrainRain: Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response.只需在后台加上add_header 'Access-...

2018-04-03 13:57:20 1429

原创实现移动端table border 0.5px问题

设置table的border css 为 border：1px solid #cfcfcf;时，在移动端显示时，border-width：2px；不符合UI设计；使用border：0.5px solid #cfcfcf时，border显示不出来。1、设置table的border为0；background为#cfcfcf，collapse=“1”，td的background为#fff；结果显示不出来...

2018-03-20 11:24:29 2502 2

原创 H5页面与原生APP交互时，兼容问题

H5页面兼容iOS、Android是最头痛的问题，有的样式根本就不能同时兼容两者，我一般的处理方法是把两者分开写，这就需要判断是在iOS运行，还是Android运行了，我使用的方法是window.config.isIOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端window.conf

2018-01-23 10:26:53 1986

原创 PhotoSwipe 自适应高度

最近在做仿微信的图片预览，点击图片放大，并左右滑动，使用的Photoswiper插件，插件很好用，流畅度什么的都很好，就是一个data-size固定宽高比很恶心，看了很多资料，都没有解决，在快放弃这个插件的时候找到了解决方法，for(var i = 0; i < numNodes; i++) { figureEl = thumbElements[i

2018-01-23 10:09:38 4490 11

原创手机注册、图片验证码、手机验证码

最近在做公司的活动页，需要新用户注册送礼品。HTML代码太简单，就不放了。js代码$(function(){ //解决移动端点击延迟事件 FastClick.attach(document.body); var sTimer = null; var registerMessageUrl = "图片验证码请求地址";

2018-01-04 17:15:06 879

原创 input的CheckBox，根据UI给的设计稿，开发出好看的样式

HTML代码阅读同意《用户注册协议》 css代码 input[type=checkbox]{ opacity: 0; -webkit-appearance: none;} input[type=checkbox]+label{ display: block; width: 0.453rem; height

2018-01-04 16:59:33 407

原创 H5页面定时器

做活动时，需要的定时器js写法引入layer弹框提示function checkedTime(){ var startTime = new Date().formatTimestamp('2017-12-25 00:00:00'); var endTime = new Date().formatTimestamp('2018-01-05 23:59:59'); va

2017-12-22 18:42:53 2338

转载 npm安装gulp及其他包时出现npm warn deprecated minimatch

前言： NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。NPM 安装gulp时警告:npm WARN

2017-12-08 15:05:25 8753

原创解决弹出层时底部body点击不滑动

代码如下//实现滚动条无法滚动 var mo=function(e){e.preventDefault();}; /*禁止滑动*/ function stop(){ document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo,fal

2017-12-07 17:52:41 657

weixin_41308566的博客