男孩亮亮

2020年5月19日

摘要：过滤器函数可以使用在两个地方: 1.双大括号表达式 {{ 文本字符串 | 过滤函数 }} 2.v-bind:str= "文本字符串 | 过滤函数" 过滤函数接收的第一个参数是字符串message 过滤器串联 {{ 文本字符串 | 过滤函数1 | 过滤函数2 | ... | 过滤函数N }} 过滤器函阅读全文

posted @ 2020-05-19 17:25 男孩亮亮阅读(902) 评论(0) 推荐(0)

关于layui弹出层关闭之后，弹出的dom显示问题

摘要： 1、这个是要弹出的dom，隐藏状态 2、弹出内容在弹出之后，关闭弹窗时导致之前隐藏的dom又显示出来了。（layui bug）解决办法一：使用layui的jQuery var $ =jQuery =layui.jquery; 解决办法二：单独引入layer.js 不要使用layui.all.js 阅读全文

posted @ 2020-05-19 14:17 男孩亮亮阅读(1941) 评论(0) 推荐(0)

2020年5月12日

vue 路由的懒加载

摘要： 1 . vue异步组件技术异步加载 vue-router配置路由 , 使用vue的异步组件技术 , 可以实现按需加载 . 但是,这种情况下一个组件生成一个js文件 /* vue异步组件技术 */ { path: '/home', name: 'home', component: resolve ⇒ 阅读全文

posted @ 2020-05-12 10:53 男孩亮亮阅读(292) 评论(0) 推荐(0)

component: resolve => require(['@/view/index.vue'], resolve) 与component: index区别

摘要： vue项目最近在项目打包上线后发现首页加载特别慢，大概有100个组件引入方式：如果用import引入的话，当项目打包时路由里的所有component都会打包在一个js中，造成进入首页时，需要加载的内容过多，时间相对比较长。当你用require这种方式引入的时候，会将你的component分别打包阅读全文

posted @ 2020-05-12 09:06 男孩亮亮阅读(2627) 评论(0) 推荐(0)

2020年5月11日

js 通过腾讯地图api简单获取地理位置信息

摘要：腾讯ip定位：https://lbs.qq.com/service/webService/webServiceGuide/webServiceIp 申请一个腾讯地图key：https://lbs.qq.com/dev/console/key/manage 使用方法如下： <!DOCTYPE html 阅读全文

posted @ 2020-05-11 16:34 男孩亮亮阅读(7613) 评论(0) 推荐(0)

js cookie操作方法（设置，获取，删除）

摘要： // 设置cookie function setCookie(c_name, value, expiredays) { var exdate = new Date(); exdate.setDate(exdate.getDate() + expiredays); document.cookie = 阅读全文

posted @ 2020-05-11 11:13 男孩亮亮阅读(502) 评论(0) 推荐(0)

2020年5月9日

vue 对于所有路由导航，简单地让页面滚动到顶部使用 scrollBehavior

摘要： const router = new VueRouter({ routes: [...], scrollBehavior(to, from, savedPosition) { if (savedPosition) { return savedPosition } else { return { x: 阅读全文

posted @ 2020-05-09 09:50 男孩亮亮阅读(269) 评论(0) 推荐(0)

2020年4月30日

iphoneX底部黑条问题解决，使用css @supports

摘要：第一步：设置网页在可视窗口的布局方式新增 viweport-fit 属性，使得页面内容完全覆盖整个窗口： 1 <meta name="viewport" content="width=device-width, viewport-fit=cover"> 第二步：页面主体内容限定在安全区域内env( 阅读全文

posted @ 2020-04-30 17:04 男孩亮亮阅读(1706) 评论(0) 推荐(0)

2020年4月29日

css filter使用，filter牛皮

摘要： css filter：过滤器 img { -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ //所有图片灰度100% filter: grayscale(100%); //所有图片灰度100% } img:hover{-webk 阅读全文

posted @ 2020-04-29 15:29 男孩亮亮阅读(317) 评论(0) 推荐(0)

2020年4月27日

加载后台返回的html字符串

摘要： // 如果document.write()在DOMContentLoaded或load事件的回调函数中，当文档加载完成，则会先清空文档（自动调用document.open()），再把参数写入body内容的开头 window.onload = function () { $.ajax({ url:'* 阅读全文

posted @ 2020-04-27 13:00 男孩亮亮阅读(1229) 评论(0) 推荐(0)

公告