- 博客(14)
- 收藏
- 关注
RSS订阅原创 vue遇到的问题总结
1、使用iview框架时，修改框架自带的样式时，不起作用解决办法： 1)使用::v-deep 后跟框架中自带的类名，层级嵌套不起作用的时候，可以用链式的形式自定义样式。::v-deep .ivu-modal{ // 设置自己需要的样式 } 2)直接使用/deep/ 形式修改 /deep/ .ivu-modal{ // 自定义样式 } 3) 使用<<<形式修改 <<< .ivu-modal{ // 自定义...
2021-12-10 10:17:04
432
原创 webpack简单配置
webpack的简单配置：1、// 编译入口entry: './app/entry.js'2、// 输出文件配置output: { // 输出文件存放的目录，必须是string类型的绝对路径 path: path.resolve(__dirname, 'dist'), filename: 'bundle.js', // 输出文件的名称}3、// 配置模块相关// loader属性:test属性，识别出哪些文件会被转换。 use属性，定...
2021-12-01 15:19:58
208
原创 ios不兼容text-align-last: justify问题
ios兼容问题：ios手机上使用 text-align-last:justify; text-align:justify;尾端对齐不生效问题。可以使用伪元素:after 一定要在最外层div上添加行高，否则后面的内容还是错位不对齐的 .box{ height:40px; line-height:40px; display:flex; ...
2021-08-31 16:59:42
1499
原创 前端知识点总结
1、封装一个函数，将字符串 "miao-wei-ke-tang" 从第二个单词开始首字母大写，然后拼成字符串 miaoWeiKeTang，并返回.function upperCase(str) {let arr = str.split("-");return arr[0].concat(arr.slice(1).map(s => {let arrs = s.split("");retur...
2021-08-26 17:43:01
491
原创 vue 项目按钮权限判断
前言：如果判断条件少的情况使用v-if / v-show，来判断该用户是否有权限，如果判断条件多就会繁琐，因此可以封装一个指令权限实现按钮级别的权限判断。实现：1、新建一个js文件，buttonRole.js,用于存放和权限相关的全局函数。export function checkButtonRole (key) { let arr = ['role', 'admin']; let index = arr.indexOf(key) ...
2021-08-18 10:55:25
1343
原创 css 常用的知识及兼容问题
1、标准的 CSS 的盒子模型?IE的盒子模型有什么不同的？ 盒模型都是四部分组成：margin、padding、border、content. W3C标准的盒模型：width+height属性只包含content IE盒模型：width+height属性 包含border+padding+content2、用纯 CSS 创建一个三角形？ .box{ width:0;heigh...
2021-08-17 14:50:38
202
原创 vue 下载word文档时谷歌浏览器正常，IE下载文件损坏
项目场景：用vue项目做一个后台管理，要做到兼容谷歌浏览器及IE浏览器，谷歌浏览器问题很少，但是由于IE浏览器比较老，涉及到的兼容问题也比较多。问题描述：在详情页中有个下载按钮，可以下载word、excle文档类的东西，谷歌浏览器下载都没问题，但是IE浏览器下载不下来，都是破损文件。原因分析：因为IE浏览器兼容问题不是很友好，版本也比较老。解决方案：思路：下载的时候判断一下是IE浏览器还是谷歌其他浏览器。如果是IE浏览器的话，用window.navigator.msSaveB
2021-08-12 15:46:18
559
原创 vue ios光标移位
// 获取var$input1=document.querySelectorAll("input");var$inputs=Array.from($input1);if(IOS()){if($inputs){for(vari=0;i<$inputs.length;i++){if...
2021-08-12 10:45:57
196
原创 js常用正则
常用的正则校验：注：str为传入的参数var reg =/^1[3|4|5|6|7|8][0-9]{9}$/.test(str); //手机号校验var reg =/^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(str); // 座机号var reg =/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(str); // 身份证号var reg = /^[a-zA-Z]([-_a-zA-Z0-9]{5,17}...
2021-08-06 15:37:26
116
原创 vue使用keep-alive缓存页面信息
使用keep-alive缓存当前页面信息：1、使用vuex在state对象里面定义一个全局变量arrListKeepAlive:[]，目的是为了哪个页面使用缓存，进行页面存储。2、在app.vue文件里面添加keep-alive，页面缓存。<keep-alive :include="keepAlive"> <router-view /></keep-alive> 补充： include：字符串或正则表达式。只有名称匹配的组件...
2021-08-06 14:28:36
428
原创 vue适配移动端
一、使用postcss-px-to-viewport1、下载 npm i postcss-px-to-viewport -S插件，可以把px转换成vw vh，做到适应每个设备。2、在vue.config.js里面做配置：module.exports = {css:{loaderOptions:{postcss:{plugins:[require("post...
2021-08-05 16:48:41
175
转载 vue 时间倒计时组件
转载作者：阳光是sunny 来源：掘金链接：https://juejin.cn/post/6992083502254522399<template> <div class="_base-count-down no-rtl"> <div class="content"> <slot v-bind="{ d: days, h: hours, m: mins, s: seconds, hh...
2021-08-05 15:19:45
320
原创 js两种简单去重
var arr=[{id:'1', name:'张三'},{id:'1', name:'李四'},{id:'2', name:'王二'},{id:'3', name:'张三'}]1、使用reduce去重var obj={};arr = arr.reduce((val,item)=> { // 根据name去重也可根据某个字段去重 if(!obj[item.name]){ val.push(item) ...
2021-08-05 14:41:55
126
原创 es6实现一个对象给另一个对象赋值
let arr = {'a':'', 'b':'', 'c':''};let brr = {'a':'1', 'b':'2','c':'3'};实现的效果是：{'a':'1', 'b':'2','c':'3'}实现：借助Object.keys()。补充：Object.keys()用于获取对象自身所有可枚举的属性。语法：Object.keys(obj)效果类似于 for...in 返回一个由属性名组成的数组const list = (arra, arrb) => Object
2021-08-05 10:58:54
2440
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人