全部文章 / 前端
排序： 默认 按更新时间 按访问量
更新了nuxt包以后，每次启动项目都会提示你“Are you interested in participation?”，相当的烦躁有木有。那么怎么跳过这个呢？查阅了nuxt官方文档，这个是新版本nuxt加入的一个功能，目的是为了收集用户的使用数据来提高nuxt的用户体验，可谓是煞费苦心呀，但是每次启动都要你确认是否愿意加入，就有点让人受不了了。...
2022-11-17 09:44
阅读数 8004
评论数 0
实例使用简写属性把 animation 绑定到一个<div> 元素：div { animation:mymove 5s infinite; -webkit-animation:mymove 5s infinite; /* Safari 和 Chrome */ }@keyframes mymove { from {left:0px;} to {left:200px;} } @-webkit-keyframes mymove /*Safari and Chrome*/ { from {left:0px;} to {le...
2022-11-15 17:18
阅读数 7990
评论数 0
前提条件提交代码，使用云效或其他自动化部署工具，进行打包、部署。npm install npm run build 启动nuxt项目pm2 start --name "tool-nuxt" npm -- run start后续发布，执行重启命令即可pm2 restart tool-nuxt
2022-11-17 09:41
阅读数 7943
评论数 0
网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有...
2022-11-14 09:36
阅读数 7922
评论数 0
请求多个接口const [news, exhibitionList] = await Promise.all([ 　　// 新闻接口 　　this.$api.getInfo(), 　　this.$api.login({ username: 'sss' }) ]) console.log('news', news) console.log('exhibitionList', exhibitionList)单个const rr = await this.$api.getInfo() console.log('rr', rr)单个await this....
2022-11-17 09:38
阅读数 7794
评论数 0
问题：HBuilderX运行项目后，chrome自动打开开发者模式，重新打开一个新标签页，也是开发者模式，这就导致搜索东西，打开新页面不是很方便，所以一直想让chrome关闭自动打开开发者模式。今天偶然发现一个可以解决这个问题的方法，把它记录下来。解决方法：在HbuilerX中，点击 “运行” --> “运行到浏览器” --> ...
2022-11-14 09:02
阅读数 7608
评论数 0
Gecko内核 前缀 -moz- 火狐浏览器Webkit内核 前缀为 -webkit- 也叫谷歌内核，谷歌浏览器、safari浏览器Trident内核 前缀 -ms- 也叫IE内核，IE浏览器Presto内核 前缀-o- opera浏览器如：animation:mymove 5s infinite;animation-direction:alternate;-webkit-animation:mymove 2s infinite; /*Safari and Chr...
2022-11-15 17:22
阅读数 7157
评论数 0
同时打开console窗口。方法一：Esc快捷键方法二：
2022-08-28 16:59
阅读数 5691
评论数 0
开发者窗口告警：DevTools failed to load SourceMap: Could not load content for ***.js.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME分析这里抛出DevTools failed to load SourceMap警告的原因是：项目引用的第三方的JavaScript工具是压缩后的版本，存在SourceMap的指向信息，浏览器启用了JavaScr...
2022-08-04 17:32
阅读数 6048
评论数 0
vw： 视窗宽度的百分比（1vw 代表视窗的宽度为 1%）vh： 视窗高度的百分比（ 1vh 代表视窗的高度为 1%）vmin：当前 vw 和 vh 中较小的一个值vmax：当前 vw 和 vh 中较大的一个值vw、vh与 % 的区别：% 是相对于父元素的大小设定的比率，vw、vh 是视窗大小决定的。vw、vh 优势在于能够直接获取高度，而用 % 在没有设置 bod...
2022-08-28 17:01
阅读数 5660
评论数 0
错误信息：[ app.json 文件内容错误] app.json: 未找到 [“sitemapLocation“] 对应的 sitemap.json 文件。解决方法1、关闭微信开发者工具2、重新打开微信开发者工具 （这时项目根目录下会 自动生成“sitemap.json”文件）3、HBuilderX停止运行到 微信开发者工具4、HBuilderX再次开启“运行到小程序模拟器” > “微信...
2022-08-04 16:48
阅读数 5949
评论数 0
每个可显示的页面，都必须在 pages.json 中注册。如果你开发过小程序，那么pages.json类似app.json。如果你熟悉vue，这里没有vue的路由，都是在pages.json里管理。原来工程的首页一般是index.html或default.html，是在web server里配的。而uni-app的首页，是在pages.json里配的，page节点下第一个页面就是首页...
2022-07-31 14:52
阅读数 5664
评论数 0
单位方面，px无法动态适应不同宽度的屏幕，rem无法用于nvue/weex。如果想使用根据屏幕宽度自适应的单位，推荐使用rpx，全端支持。uni-app推荐使用flex布局，这个布局思路和传统流式布局有点区别。但flex的特色在于，不管是什么技术都支持这种排版，web、小程序/快应用、weex/rn、原生的iOS、Android开发，全都支持flex。...
2022-07-31 14:52
阅读数 5556
评论数 0
相比之下，小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。onLoad: 页面加载一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的 query 参数。onShow: 页面显示每次打开页面都会调用一...
2022-07-31 14:53
阅读数 5490
评论数 0
当使用npm安装一些全局的软件包时，不知道安装到了什么位置，可以使用命令 npm root -g 进行查询，通常默认会保存在以下位置：/usr/local/app/node16/lib/node_modules[root@VM_16_12_centos ~]# npm root -g /usr/local/app/node16/lib/node_modules [root@VM_16_12_centos ~]#
2022-07-30 18:21
阅读数 5268
评论数 0
CSS实现内容高度不够的时候底部(footer)自动贴底。页面往往由三个部分组成，头部、内容和底部。当页面的内容高度不够撑满屏幕，底部（footer）就跟着内容浮动上来了，小屏幕由于高度有限看不出来异常，但如果是大屏的话，底部下面变会多出很多空白，非常影响美观。方案 1：Flex-Box头部使用 position: sticky; 吸顶，再...
2022-07-29 10:10
阅读数 5150
评论数 0
当使用ajax提交文本框的值时候，用户在文本框写入‘<’或‘>’的时候，自动被转义了，然后保存数据库，后面，我们获取这些数据输出的时候，发现不是我们想要的东西。 下面将列出可行的解决方案： - 1.js获取的对象，使用innerText直接获取纯文本 - 2.在获取输出加一层转义输出 ------------ ### 1.js获取的对象...
2022-04-22 21:40
阅读数 1664
评论数 0
可以到Node.js中文网查看最新版本。1、下载cd /usr/local/app/# 下载 wget https://npmmirror.com/mirrors/node/v16.13.2/node-v16.13.2-linux-x64.tar.gz# 解压tar -zxvf node-v16.13.2-linux-x64.tar.gzmv node-v16.13.2 node2、创建软链ln -s /usr/local/app/node/bin/corepack /usr/bin/corepack ln -s /usr/local/a...
2022-04-05 12:20
阅读数 215
评论数 0
卸载前提，Centos7系统，使用yum安装的nodejs1、查看安装nodejs、npmyum list installed | grep nodejsyum list installed | grep npm2、卸载上一步列出来的安装包yum remove nodejs npm -y3、手动删除残留3.1 进入 /usr/local/lib 删除所有 node 和 node_modules文件夹3.2 进入 /usr/local/include 删除所有 node 和 no...
2022-04-05 10:35
阅读数 183
评论数 0
有时为了做移动端浏览器兼容，我们需要判断用户端所使用的浏览器环境~ 这主要使用到了 navigator.appVersion来进行解析 我们可以console.log打印出这个值，值如下： ```javascript 5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36 ``` 这是windows访问，...
2019-05-08 22:34
阅读数 1095
评论数 0
共 22 条
  • 1
  • 2
前往
页