- 博客(69)
- 收藏
- 关注
转载 浏览器网页适配
然后在index.html文件里添加script标签以及下面的代码,为的是保证放大或者缩小页面的时候,背景图不变且不受影响,看起来美观一点,提示:index.html里引用的图片最好放在static或者public文件夹下,要保证打包的时候不被包含在内(如果不加背景图就不用写下面这些代码了)(我的浏览器不全屏的时候是1920*937,全屏的时候是1920*1080)1.在main.js中获取浏览器的宽高,并挂载到全局变量上以便使用。
2024-05-15 18:00:48
85
原创 error 403 In most cases, you or one of your dependencies are requesting解决
刚开始以为是登录了前公司的git账号导致。后来发现是镜像源的问题。
2023-05-22 12:35:19
430
原创 forEach如何中断循环
1.使用continue报错2.使用break报错3.使用return let arr = [1, 2, 3] arr.forEach(item=> { if(item ==2) { return } console.log(item); })// 输出 1 , 3正确方法:1.try throw2.使用其他方法...
2022-05-10 11:11:08
9610
原创 vendor.js? [sm]:190 [Vue warn]: Error in render: “TypeError: Cannot read property ‘replace‘ of undef
解决方法:后端返回的数据肯能是null
2022-04-20 10:23:26
609
转载 echarts实现3d环形饼状图
首先确保在项目中引入了echarts和echarts-gl"echarts": "^4.9.0","echarts-gl": "^1.1.2"剩下的配置好optionData的数据,交给代码<template> <div class="water-eval-container"> <div class="cityGreenLand-charts" id="cityGreenLand-charts"> <...
2022-03-04 18:04:25
22821
45
原创 css超出隐藏
1.单行超出隐藏div { overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //用省略号显示 white-space:nowrap; //不换行}2.多行超出隐藏div{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。 -webkit-box-orient:vertical; // 从上
2022-02-19 10:34:48
20605
原创 vue的生命周期、uni-app页面生命周期
vue的生命周期uni-app页面生命周期(uni-app支持vue的生命周期)onLoad 和 onShow 的区别
2022-02-19 10:04:25
4581
1
原创 JS正则表达式隐藏身份证中间8位(电话号码/姓名/千位符)......
// 案例<template> <div>{{ house || '' + address || '' }}</div> <div>{{ house || '' }} {{ address || '' }}</div> <div>{{ (house || '').concat(address || '') }}</div> <div>{{ idCard && idC.
2022-01-15 17:35:08
6146
1
原创 vue中做移动端Rem适配
Vant 中的样式默认使用 px 作为单位,如果需要使用 rem 单位,推荐使用以下两个工具: postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem lib-flexible 用于设置 rem 基准值 一、使用 lib-flexible 动态设置 REM 基准值(html 标签的字体大小)1、安装yarn add amfe-flexible2、然后在 main.js 中加载执行该模块import 'amfe-flexible'最后测
2021-12-22 17:40:07
671
1
原创 Vue实现图片懒加载vue-lazyload
1.下载npmivue-lazyload-S2.引入挂载import Vue from 'vue'import App from './App.vue'import VueLazyload from 'vue-lazyload' Vue.use(VueLazyload) // or with optionsVue.use(VueLazyload, { preLoad: 1.3, error: 'dist/error.png', loading: 'dist/lo...
2021-12-15 10:21:38
732
2
原创 前端常见面试题总结(持续更新中~~~)
promise是什么Promise 是一个对象,一般作为构造函数来使用(new Promise),它里面有 3 种状态,pending(处理中)、fulfilled(成功)、rejected(失败)。怎么用拿到一个 Promise 实例后,具有 then 和 catch 方法,一般 then 里面拿到成功的结果,catch 拿到失败的结果。解决了什么问题它主要解决了回调地狱的问题,但是 Promise 并不能简化代码。有什么替代方案所以我一般工作的时候都会配合 async/a
2021-12-14 17:52:07
1364
原创 form表单只有一个input框会自动提交
<!-- 头部搜索 --> <el-form class="head"> <el-form-item class="search" :model="reqData"> <span>学科名称</span> <el-input placeholder="请输入" v-model="reqData.subjectName" ..
2021-12-14 16:46:20
1323
原创 React中常用的包,库
prop-types包1.下载prop-types包yarn addprop-types2.引入prop-typesimprot propTypes from 'prop-types'3.把propTypes作为静态属性进行校验export default class TodoMain extends Component { static propTypes = { list: PropTypes.array, }}模拟接口(json-ser.
2021-12-09 21:01:14
1214
1
原创 React组件传参
父传子: 父组件通过自定义属性提供数据 子组件接收{类组件this.props 函数组件:第一个形参,一般写成props} 传递对象里面的所有属性 <child {...obj} /> 注意事项:1.单向数据流: 父组件修改的数据会影响使用到此数据的子组件 子组件不要直接修改父组件的数据 2.可以传递任意的类型: 传递数字 <child age={18} /> 传递字符串等价的两种写法: <child
2021-12-09 09:11:33
655
原创 Vue中组件间传值的方式有哪些?(清晰明了)
序号 方式 使用场景 说明 1 props 父=>子(属性传参) 接收数据:子组件中props定义接收 派发数据:父组件中绑定的数据进行派发 2 $emit/$on 子=>父组件通信(事件传参) 接收数据:父组件调用$on/v-on 派发数据:子组件调用$emit() 3 event bus 兄弟组件通信 跨层级组件通信 *自定义观察
2021-11-27 20:15:38
255
原创 权限管理整个流程
权限管理整个流程用户管理:帐号的增删改查,为该帐号分配角色角色管理:角色的增删改查,为该角色分配权限数据权限管理:需要进行权限管理的页面进行增删改查权限管理分三部分- api - 主要后端处理, - 前端:响应拦截统一错误处理- 路由 1. 将路由分为二大块 - 静态路由:不需要访问权限的路由 - 动态路由:需要权限访问的路由 - 默认只有静态路由 2. 在获取到用户信息后 1. 用户信息中包含当前用户能访问的权限页面的数据 2....
2021-11-26 17:17:39
990
原创 关于Uncaught (in promise) TypeError: Object(...) is not a function报错
首先看报错,我们可以知道这个报错是在promise里面,也就是在发送请求的过程中出的问题在api里面导入import request from '@/utils/request';导出:export 和 export default那先来科普下这两者的区别两者都能做的导出常量、函数、文件、模块等可在别的文件import 导入使用导出的(常量、函数、文件、模块)两者不同的地方export可以有多个; export default只能有一个export default为模块指...
2021-11-20 19:50:27
21164
1
原创 VUE中的CSS样式穿透
什么是样式穿透?所谓的穿透,官方叫做深度选择器。当我们在view组件组件中写的样式,在检查网页时发现没有生效,原因是<style scoped></style>中的scoped所致,当<style>标签有scoped属性时,它的 CSS 只作用于当前组件中的元素,此时就需要用到样式穿透如何使用深度选择器?在我们想穿透的选择器前边添加 >>> 或者 /deep/ 或者 ::v-deep。>>>可能存在问题,建议...
2021-11-16 21:16:13
1644
原创 Vue 项目打包并去掉所有的console.log输出
一、 npm run build 生成dist文件夹 路由懒加载 去掉所有的console 安装插babel-plugin-remove-console(项目上线时要用到的插件) 移除打包的第三方包 // 项目在发布时需要用到的 babel 插件数组const proPlugins = []// 如果当前是测试环境或者是生产环境,则使用去掉 console 的插件if (process.env.NODE_ENV === 'test' || process.e
2021-11-16 20:47:42
809
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人