H5
放空di自己
不积跬步无以至千里。。
展开
-
body设置渐变色无效
当h5页面想要沉浸式展示(全屏铺满,包括手机状态栏),此时,需要设置。以及body设置渐变色无效,只能设置单颜色,特记录之。原创 2023-11-10 18:24:08 · 82 阅读 · 0 评论 -
关于navigator.userAgent判断苹果手机的问题和踩坑
通俗地讲,这个设置就是为了让 手机或iPad 用起来像 PC。而且这个功能还“默认”开启,通过 iPad 设备打开 Safari 进入网站时会访问 PC 网站,而不是移动端网站。2.window.screen.height > window.screen.width用来判断是非PC。1.结合navigator.maxTouchPoints > 1用来判断是非PC;因为开启了”请求桌面网站“后,此时获取的userAgent是如下。是和MAC(pc)的一样了。原创 2023-11-10 18:16:54 · 738 阅读 · 0 评论 -
vscode插Live Server不自动刷新的情况
如果是通过终端指令启动的,比如 http-server -p 3000,那么打开的页面是自动刷线的,必须通过鼠标右击启动的方式才可以,特此记录!!原创 2022-04-08 10:51:47 · 982 阅读 · 0 评论 -
OPTONS出现的情况
跨域(页面的访问路径的域名或端口和http请求的不一致)+ 非简单请求(不是post,get,head请求方式或自定义了header或content-type是json);以上两者缺一不可,然后再浏览器调试工具网络的全部中查看,而非Fetch/XHR,可以看到。...原创 2021-12-16 16:34:35 · 148 阅读 · 0 评论 -
OPTIONS请求出现的情况
RT:跨域(当前页面的访问路径的域名或端口和http请求的不一致)+ 非简单请求(非get,post,head请求方式或自定义了header,或Content-Type为json),以上两者缺一不可,然后,浏览器调试界面,打开全部,而不是Fetch/XHR,可以看到请求多了一个OPTIONS请求。...原创 2021-12-16 16:28:38 · 194 阅读 · 0 评论 -
vscode(mac)常用快捷键
1.代码格式化 shift+alt+f2.打开文件的窗口切换:ctrl+tab备注:后期进一步完善原创 2021-06-08 11:46:59 · 1246 阅读 · 0 评论 -
error An unexpected error occurred: “http://nexus.mjgf.io/repository/npm/@babel/runtime/-/runtime-7.
yarn 安装依赖时报错error An unexpected error occurred: "httpxxx"解决方法:删掉yarn.lock和error.lock文件,重新执行yarn命令原创 2021-04-06 13:42:53 · 2660 阅读 · 0 评论 -
H5浏览器调试,控制台network没有请求的地址
H5浏览器调试,控制台network没有请求的地址,此时查看下是不是请求url中域名(或IP端口)后面没有/原创 2021-02-24 16:35:25 · 3120 阅读 · 0 评论 -
mac webstorm 自动换行
原创 2020-12-30 16:00:34 · 313 阅读 · 0 评论 -
Mac解决重启终端后bash_profile配置失效问题
自己在 ~/.bash_profile 中配置环境变量, 可是每次重启终端后配置的不生效.需要重新执行 : $source ~/.bash_profile发现zsh加载的是 ~/.zshrc文件,而 ‘.zshrc’ 文件中并没有定义任务环境变量。解决办法在~/.zshrc文件最后,增加一行:source ~/.bash_profile...转载 2020-12-24 11:05:02 · 1638 阅读 · 2 评论 -
MAC:通过NVM安装指定版本的node
一. 安装NVM(前提是你安装了homebrew)$ brew install nvm二.在shell中可以使用nvm命令如果没有.bash_profile文件需要自行touch .bash_profile哦$ cd ~$ vim .bash_profile然后添加以下命令:export NVM_DIR=~/.nvmsource $(brew --prefix nvm)/nvm.sh然后重新source$ source .bash_profile...转载 2020-12-24 11:08:08 · 624 阅读 · 0 评论 -
Mac webstorm eslint一键修复
ESlint插件下载:https://plugins.jetbrains.com/plugin/7494-eslint/versions.配置websorm:获取1方法:打开终端输入:which node获取2方法:打开终端输入:which eslint如果没有搜索到就全局安装下eslint, 命令:npm install eslint -g最后选中代码...原创 2020-12-24 10:41:33 · 345 阅读 · 0 评论 -
Mac react-native npm install -g react-devtools 报错
报错 可以尝试sudo npm install -g react-devtools --unsafe-perm=true --allow-root 如果卡主不动的话,可以考虑墙了原创 2020-12-22 14:43:12 · 187 阅读 · 0 评论 -
mac sudo npm install 安装依赖依旧报Error: EACCES: permission denied权限不够的话
添加--unsafe-perm=true --allow-rootsudo npm install xxxx--unsafe-perm=true --allow-root原创 2020-12-22 14:28:13 · 634 阅读 · 0 评论 -
Vue项目接手的问题
1.首先,确保node的版本2.确保node的依赖镜像,是不是淘宝总之,以上两点不一致,就可能会导致,新接手的项目,运行起来或者安装依赖报一大堆错原创 2020-12-21 12:09:06 · 214 阅读 · 0 评论 -
vue H5微信公众号(jsapi)分享神坑记录
以下是在后台的签名校验通过,无误的情况下的其它bug记录1.路由之间的跳转用window.location.href,不要去用this.$router.push去跳转,否则会出现 invalid signature错误2.调用后台接口后去appId等信息时所传的url,必须是当前页面window.location.href且路径不能有#,所以route需要用history模式3.后台授权获取openId后的重定向不能拼接太多参数,否则,可能出现,第一次进入页面就报invali.原创 2020-12-18 09:43:27 · 541 阅读 · 0 评论 -
config:invalid signature
最近,做微信公众号分享时,在使用weixin-jsapi,一直报错config:invalid signature,在确保校验都无误的情况下,建议检查一下,获取后台appId等wx.config时的接口是是否是post请求,经测试get请求会报此错误,另外,获取此接口时传入的url,必须是当前公众号部署的服务器的域名地址...原创 2020-12-17 17:22:54 · 1403 阅读 · 0 评论 -
vue-cli 版本
查看 vue-cli的版本号:vue --version查看Vue版本号:当前Vue项目中npm list vue 或者package.json中查看vue的版本原创 2020-12-11 17:44:48 · 805 阅读 · 0 评论 -
Vue打包优化(webpack)
项目默认用vue-cli新建的项目,很多人直接用npm run build就打包成dist,然后部署到服务器上了,其实,这是不妥当的,没有任何打包优化,从而会导致首屏加载缓慢等性能问题;所以需要做些优化配置后再打包,具体如下:1.使用的三方UI库,诸如mint,vant,iview等,使用按需加载2.开启gzip压缩(同时需要后台配置即Nginx支持gzip),gzip压缩 gzip会对js、css文件进行压缩处理(压缩效果比较明显,能压缩至原来的1/3左右对于图片进行压缩问题...原创 2020-10-30 19:41:26 · 320 阅读 · 0 评论 -
webpack接口环境切换的配置-超简单
以前Vue的项目一直切换测试和正式环境时,一直习惯都是通过一个固定的常量,然后通过注释来切换环境的(会有个风险,就是在打包部署到正式环境时,如果忘记改这个切换环境,或者切换了,然后忘记cmd+s(mac) 保存代码的话,就直接打包,注:websotrm不像idea那样可以实时保存到位的,然后就部署到正式环境,那么问题就大了),所以,今天突然闲着没事,想优化这一操作习惯,随便看了下网上关于这块的配置方法,感觉有些繁琐,于是自己想着去实际了下自己想的方法,如果真是的了解了webpack,会发现很简单,具体操作如原创 2020-09-28 18:25:22 · 564 阅读 · 0 评论 -
关于webstorm新建项目文件不可编辑的问题(Mac)
最近,在用vue-cli创建新项目后,发现创建的项目后,很多文件是只读状态(即文件有个????标识),最终通过以下方法有效解除,具体操作如下(针对Mac):cd 切换到相关项目文件夹的上一层目录(即父层),例项目名为 my-project,所在目录为/Users/admin/Desktop/my-project,指令依次:cd/Users/admin/Desktop chown -R admin my-project 其中 admin 为自己电脑的用户名 my-project 为项目名 ,电...原创 2020-09-28 11:37:52 · 1568 阅读 · 0 评论 -
H5前端开发以及小程序开发之路
好久没写博客了,今天心血来潮。总结下。近一年的前端开发之路。首先,用了ionic+cordova技术框架开发纯粹的混合APP(得有angular的基础知识),一个商城项目,也用了vue,编写单页面,嵌套在原生APP中,和APP交互。同样也是一个商城项目。angular和vue,应当是当前前端开发的两个主流语言,最后。给我的切身感受是,angular真的不好用。虽说代码风格更偏向于java和mv...原创 2019-03-18 14:44:08 · 3452 阅读 · 1 评论