
前端
刹那烟火//
人间值得,未来可期。
展开
-
高德,百度地图获取省市区
近期,遇到一个根据定位获取省市区的需求,前期用了加载百度地图js的方式,经过实验,https在部分ios手机上都获取不到省市区。后来发现是百度地图API中getCurrentPosition方法提示错误。现在的解决方案:先获取H5经纬度,获取到后调用高德地图接口的方式获取,如果失败,再去请求百度地图服务端api的方式。如果经纬度获取失败,则尝试加载高德地图js的方式。把它封装起来:...原创 2020-10-12 10:52:43 · 1829 阅读 · 0 评论 -
js获取ios或安卓版本号
//获取安卓版本号getAndroidVersion(ua) { ua = (ua || navigator.userAgent).toLowerCase(); var match = ua.match(/android\s([0-9\.]*)/); return match ? match[1] : false; }//获取ios版本号getIosVersion(){ var str= navigator.userAgen原创 2020-05-26 14:28:59 · 1705 阅读 · 0 评论 -
日期选择器快速选择今天,昨天,本周,上周,本月,上月,本年,最近七天,最近三天
日期选择器,年月日的,开始日期和结束日期 <el-date-picker v-model="startStart" type="daterange" unlink-panels range-separator="至" start-place...原创 2020-05-08 11:01:10 · 3791 阅读 · 0 评论 -
自定义选择弹窗
适用于表单下拉选择,多协议选择。做了多个协议以弹窗的形式展示,所以封装了个下拉弹窗。 只针对协议做了样式处理,可能不是太完美,仅供参考。子组件 Agreement.vue<template> <div> <div class="wx-actionsheet"> <div class="wx-actionsheet...原创 2020-04-01 10:46:12 · 812 阅读 · 0 评论 -
前端引入特殊字体,数字千分位逗号分割
选一个公关配置的文件夹,放置字体然后在全局配置的地方引入这个字体文件,根据自己当前项目的路径去配置把需要改变字体的样式改成设置的字体就可以假如还想把数字改成以千分位分割的逗号形式的,如下<template> <div> <div class="ceshi">{{amount}}</div> </div>&...原创 2019-12-27 10:37:04 · 1202 阅读 · 0 评论 -
Vue.directive自定义指令改变颜色
最好在全局写,这样都会生效,或者当前页面,必须引入import Vue from ‘vue’Vue.directive('rest-styleBackground', function(dom, definition) { //背景颜色 dom.style.background = definition.value})<template> <div> ...原创 2019-12-27 10:17:54 · 1699 阅读 · 0 评论 -
webpack多入口文件页面打包配置
webpack 多页应用配置的基本思路是采用多入口配置,然后多次调用 html-webpack-plugin 来生成 html 文件。src下的目录,module下可配置每个单页面1.webpack.base.conf.js修改(配置多个页面的js入口)var path = require('path')var config = require('../config')var utils...原创 2019-11-28 11:20:42 · 712 阅读 · 0 评论 -
前端性能优化以及前端安全
1.用户体验和性能优化的理解html部分: a、要避免代码的深层级嵌套。因为层级越深的节点在初始化时更占内存。 b、尽量不要使用h5摒弃的iframe标签,因为在页面加载的时候iframe标签会阻塞父文档onload事件的触发,这恰恰影响了初始化UI c、诸如img、link、script等元素的src或href属性的值不为空,因为就算我们写为src=""浏览器仍会发送h...原创 2019-10-18 12:00:05 · 952 阅读 · 0 评论