上面就是两张效果图都是网页应用 添加cli-plugin-pwa 给现有的vue项目添加，使用下面命令： vue add pwa npm install register-service-worker // 如果报错的话 就是用下面的 npm install -D @vue/cli-plugin-pwa 这个依赖的版本最好跟 @vue/cli-pl…
这个设计同样可以移植到任何网页设计中，无论是PC端还是移动端的网页，它可以让网页看起来更有设计感，让用户的视觉感官更加强烈。 先看效果 话不多说直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta h…
滚动到页面顶部 const scrollToTop = () => { window.scrollTo({ top: 0, left: 0, behavior: "smooth" }); }; 滚动到页面底部 const scrollToBottom = () => { window.scrollTo({ top: document.d…
点我跳转
建议使用mixin混入 /** * element Pagination分页 删除最后一条数据返回上一页问题 * @param {Number} tablepage.total : 总数据条数 * @param {Number} tablepage.limit: 每页多少条数据 * @param {Number} tablepage.page: 当…
复制即可使用，有些地方需要更改 echarts版本为： "echarts": "^4.9.0", 或者去echarts 官网查看我自己的用户示例、官方示例 <template> <div id="Flow" ref="flow"></div> </template> <script&…
1、现在最外层的div加上 <div id="index" ref="appRef" class="index_home" :class="{ pageisScale: isScale }" > </div> 2、CSS样式 #index { color: #d3d6dd; width: 1920px; height: 10…
JS为什么单线程 一个简单的原因就是，js在设计之初只是进行一些简单的表单校验，这完全不需要多线程，单线程完全可以胜任这项工作。即便后来前端发展迅速，承载的能力越来越多，也没有发展到非多线程不可的程度。 而且还有一个主要的原因，设想一下，如果js是多线程的，在运行时多个线程同时对DOM元素进行操作，那具体以哪个线程为主就是个问题了，线程的调度问题是…
单个页面直接使用 // 已删除的值不要加载 let edit = [...this.editdata.pid]; // 使用展开运算符将数组列出来 this.roleform.pid = []; // 页面下拉框 select绑定的表单字段 先清空 setTimeout(() => { // 使用定时器异步执行 this.co…
在计算属性中找到全局定义的值(也是要计算的) computed: { // 计算添加终端 billings () { let sms_num = this.sms_num return { sms_num, } }, }, 使用watch监听computed中的billings watch: { // 监听添加短信数量 billings: { ha…