2019 年 11月随笔档案 - Web引领者

时间格式转换

摘要：Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "h+" : this.getHours(), //小时 "m+" : this.g 阅读全文

posted @ 2019-11-27 21:16 Web引领者阅读(271) 评论(0) 推荐(0)

ngrok 的使用

摘要：ngrok 意思是让我们的本地服务器，可以被外网访问，在做测试的时候，非常关键第一步：我们要下载 ngrok 的 zip 文件网址：https://dashboard.ngrok.com/get-started 我们跟着这四个步骤走就可以第二步：如何安装，解压 zip 文件，我是 window 阅读全文

posted @ 2019-11-26 10:40 Web引领者阅读(4) 评论(0) 推荐(0)

微信小程序倒计时的方法

摘要：timeOut: function(time) { var that = this; var end = new Date(time).getTime(); var Interval = setInterval(function() { var start = new Date().getTime( 阅读全文

posted @ 2019-11-26 09:17 Web引领者阅读(3647) 评论(0) 推荐(0)

判断早中晚的时间

摘要：var that = this; /*小程序判断时间段的函数*/ var time = parseInt(new Date().getHours()); //返回小时数 if (7 < time && time < 11) { setTimeout(function () { console.log 阅读全文

posted @ 2019-11-25 19:31 Web引领者阅读(530) 评论(0) 推荐(0)

生成31位随机字符串的方法

摘要：function randomString(len) { len = len || 31; var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; /****默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1****/ 阅读全文

posted @ 2019-11-23 10:47 Web引领者阅读(325) 评论(0) 推荐(0)

淘宝rem适配方案

摘要：/*px 转化换 rem ，转化是 10 。比如：你的设计图为750，那么就 750 / 75 = 10 rem。设计图中你量尺寸都要除 75 就是 rem值。再比如量的设计图按钮宽度 66px，那么计算：66 / 75 = 0.88rem 比如2：设计图为900，那么 900 / 90 = 10r 阅读全文

posted @ 2019-11-21 14:40 Web引领者阅读(1734) 评论(0) 推荐(0)

粘性定位 sticky

摘要：position:sticky 粘性定位 top:200px 这是他的阈值，意思是当我们页面滚动到 200 像素的使用，我们的元素会自动变成固定定位，不到200像素的时候，我们的元素走的是相对定位 left：200px 同理有个权限问题：top 和 bottom 同时设置，以 top 优先 lef 阅读全文

posted @ 2019-11-16 21:30 Web引领者阅读(201) 评论(0) 推荐(0)

bootstrap 上下页滚动

摘要：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.11.0.min.js"></script> <script src="js/jquery.to 阅读全文

posted @ 2019-11-12 23:49 Web引领者阅读(1339) 评论(0) 推荐(0)

响应式css样式

摘要：<div class="a"> 123 </div> @media(orientation:portrait) and (max-width:600px){ .a{ color:red; } } @media(min-width:300px) and (max-height:300px){ .a{ 阅读全文

posted @ 2019-11-11 20:27 Web引领者阅读(674) 评论(0) 推荐(0)

组件 computed 与 vuex 中 getters 的使用，及 mapGetters 的使用，对象上追加属性，合并对象

摘要：vue 是响应式的数据，这一点相当的方便我们的操作，但有些错误的操作方法会 vue 的响应无效除此之外我们还要了解 vue.set() 和 Object.assgin() 的使用 vue.set() 向对象上追加属性 Object.assgin() 合并对象的方法接下来我们还是使用正确的示范吧：阅读全文

posted @ 2019-11-06 18:14 Web引领者阅读(2834) 评论(0) 推荐(0)

nginx 错误集锦

摘要：1）下载地址 http://nginx.org/en/download.html 找windows的下载。 2）然后解压到自己的一个目录。 3）配置环境变量，将解压到的路径加进去。 4）修改配置文件 nginx/conf/nginx.conf文件，找server ->listen 把80端口改成其他阅读全文

posted @ 2019-11-06 14:40 Web引领者阅读(2643) 评论(0) 推荐(0)

动态的添加路由

摘要：使用方法： router.addRoutes() 方法案例： router.addRoutes( [ { path:'/xi', component: ()=>import("./views/xi.vue") } ] ) 阅读全文

posted @ 2019-11-05 19:01 Web引领者阅读(629) 评论(0) 推荐(0)

NProgress的使用及路由 token 定向的使用

摘要：主要配合路由生命周期使用实现一个进度条的效果使用方法： 1. 下载：npm install --save nprogress 使用：NProgress.start(); 开始 NProgress.done(); 停止在 router 中使用路由守卫 token 重定向的使用 router.be 阅读全文

posted @ 2019-11-05 18:20 Web引领者阅读(279) 评论(0) 推荐(0)

token的解码及判断值不为空的方法

摘要：token 的解码要使用插件：jwt-decode 判断值不为空的方法： function isEmpty(value){ return ( value undefined || value null || (typeof value "object" && Object.keys(value).l 阅读全文

posted @ 2019-11-05 17:16 Web引领者阅读(1608) 评论(0) 推荐(0)

nginx 的使用

摘要：nginx 反向代理，并拥有其高效的性能，并发效果好，是解决跨域最好的选择 nginx 的使用 1. 下载：在官网上下载 window 系统的 nginx 网址：http://nginx.org/en/download.html 点击后下载了 zip 文件，将其解压缩到指定的目录下面然后我们可以在阅读全文

posted @ 2019-11-05 08:26 Web引领者阅读(243) 评论(0) 推荐(0)