chenphoenix-CSDN博客

转载 2021-02-23

js判断浏览器的环境（pc端，移动端，还是微信浏览器）方法一：// 判断浏览器函数function isMobile(){ if(window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) { re

2021-02-23 17:07:18 87

转载 nuxt.jsSSR项目部署到服务器之后有修改文件再覆盖可是网站内容还是第一次部署的样子的解决方法

重点是服务器重启pm2命令就能成功pm2 restart demonuxt.js项目静态文件部署npm generate 生成静态文件来部署，搞了半天才搞好，废话不多说，下面看流程。#前提：服务器是linux系统。#准备：需要在服务器上安装 node，pm2，做法请自己百度。打包本地文件npm run build来打包项目，会生成一系列的文件。二上传文件部署到服务器上只需要4个文件.nuxt, static, nuxt.config.js, package.json

2020-07-31 15:31:55 701

原创解决Android软键盘弹出覆盖h5页面输入框问题 // 在ios系统中输入框软键盘消失后，页面不回弹的问题 // 解决苹果不回弹页面 // 微信环境打开

//解决Android软键盘弹出覆盖h5页面输入框问题window.addEventListener('resize', () => { if (document.activeElement.tagName == 'INPUT') { //延迟出现是因为有些 Android 手机键盘出现的比较慢 window.setTimeout(() => { document.activeElement.scr

2020-06-10 16:44:33 652

原创新手开发小程序遇到的问题

一、按照小程序官方文档，安装开发工具1、打开开发工具，建立你的第一个小程序项目，步骤参考小程序开发文档二、引用vant UI引用vant UI组件库链接步骤：1、通过控制台，进入你创建小程序的项目,npm i @vant/weapp -S --production ,安装文档的步骤引用2、开发过程中使用vant,本地运行会超级卡，大约加载需要1分钟，但是不要担心，上线后只会上传你所用到...

2020-04-22 00:31:14 643

原创常用手机号，邮箱，大小写字符，汉子校验

init.js中//手机号验证function phoneReg(phone) { return !!phone.match(/^(((13[0-9]{1})|(14[0-9]{1})|(15[0-9]{1})|(16[0-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/);}//数字验证function numberReg(number) {...

2020-04-21 19:14:02 286

原创 px转rem

function mobile() { var size = 100, //规定rem与px之间值的转换 maxWidth = 750; //设置基准宽度。 ratio = function() { var r = document.documentElement.clientWidth / maxWidth; ...

2020-01-13 15:56:32 183 2

原创视频在苹果手机内嵌播放，不会弹出视频窗口

视频在苹果手机内嵌播放，不会弹出视频窗口<video name="media" preload="none" x5-playsinline="true" playsinline="true" webkit-playsinline="true" poster="./static/img/delivery-slam2-lg.jpg" muted="muted" src="...

2020-01-13 15:25:26 1607

原创 vue-cli项目环境配置及用到的知识点

vue-cli项目环境配置安装node,npm,webpack,vue-cli###官网下载node ,npm已经在node.js安装好了node -v 看版本号npm -vnpm install webpack -g (若webpack不能用，需安装webpack-cli)webpack -v npm install -g vue-clivue-V（这里用大写的V...

2019-06-28 14:25:30 332

转载 mint-ui时间插件使用及获取选择日期

安装mint-UI参照官方文档Vue 2.0npm install mint-ui -S在main.js中引入// mint-ui引入全部组件import Mint from 'mint-ui';import 'mint-ui/lib/style.css'Vue.use(Mint)在组件中应用时间组件（Datetimepicker）选择时间按钮<mt-button @c...

2018-12-27 13:33:53 3605

原创 vue项目中引入阿里云滑动验证

注册阿里云账号参照滑动验证demo滑动验证在vue中使用步骤1、在vue-cli安装的项目中，index.html页面引入js&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;meta name=

2018-12-25 15:59:40 10041 6

转载 vue-cli打包本地查看路径问题（webpack打包后.css文件里面的背景图片路径错误解决方法）

问题描述一般情况下，通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。但当部署到带有文件夹的项目中，这种绝对路径就会出现问题，因为把配置的static文件夹当成了根路径，那么要解决这种问题，就得引用相对路径。解决办法打开webpack.prod.conf.js找到output：增加 publicPath: ‘./’, 即可，如图。那么这样后，资源的引用路...

2018-12-25 15:33:37 1057

chenphoenix的博客