- 博客(24)
- 收藏
- 关注
原创 【uniapp微信小程序】打包后接口一直加载中
*原因:**域名变了,只在代码里面修改了,但是没有在微信公众平台-开发管理-开发设置-服务器域名里面配置,导致请求404了。**问题:**在本地微信开发者工具中接口是可以运行没问题的,但是上传到微信公众平台后请求接口一直加载中。
2023-06-13 10:17:59 2750
原创 uni-popup大无语事件记录
写微信小程序的时候用到了uni-popup组件,调用open方法一直报错该方法不存在。百度几个小时,上面说可能是ref绑定是名字写错了或者用了v-if,都没用。结果是因为uni-popup是uniapp的扩展组件,不是内置的,需要在插件市场安装。。。。就是说我自己能不能仔细点啊。。。白白浪费了我一个上午...
2022-03-26 13:50:47 1066 2
原创 react项目搭建(基础学习笔记)
react项目搭建(基础学习)安装局部安装1、npm init -y或yarn init -y初始化项目2、全局安装creact-react-app。使用npm install -D create-react-app或yarn add -D create-react-app。使用npx create-react-app --version查看安装的版本号。3、本地创建项目npx create-react-app react-demo1(react-demo1是项目名)4、初始化项目生成的node
2022-03-11 16:53:55 1736
原创 前端面试题含答案(近期面试中被问到的)
一、JS相关1、常用的es6语法有哪些?let、const定义变量;解构赋值;模板字符串;箭头函数;函数参数默认值2、var、let、const的区别var 存在变量提升,能在声明之前使用。let、const 因为暂时性死区的原因,不能在声明 前使用;var 在全局作用域下声明变量会导致变量挂载在 window 上,其他两者不会;let 和 const 作用基本一致,但是后者声明的变量不能再次赋值。3、箭头函数和普通函数的区别1)this的指向。普通函数的this指向window,可以通过bin
2022-02-28 17:54:45 556
原创 elementui实现周选择器,显示为yyyy-dd-mm - yyyy-dd-mm
element的日期选择器支持按周进行选择,但是选中后显示的是xxxx年第x周,不符合需求,并且打印出来是中国标准时间 Mon May 04 2020 00:00:00 GMT+0800 (中国标准时间)实现效果html部分:<template> <el-date-picker v-model="seletWeekValue" :editable="false" style=" opacity: 0;position: absolute;z-i.
2021-11-18 15:47:54 2519
原创 Failed at the node-sass@4.14.1 postinstall script.(第二次入坑)
在npm install安装项目依赖包时报错npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the node-sass@4.14.1 postinstall script.npm ERR! This is probably not a prob
2021-11-10 16:16:53 28634 6
原创 【记一下】vue、react项目中不直接操作原数据、对象
在实际项目中,如果要对复杂数据类型进行操作,不建议直接修改原数组】原对象,而是使用let arr1 = […arr]let obj1 = {…obj}复制一份之后,对arr1和obj1进行操作因为数据可能是循环arr数组生成的,key值很多时候是绑定的index,如果操作原数组arr会导致index变化可能会出现问题...
2021-09-15 22:17:39 241
原创 vue配置代理vue.config.js后不生效(小坑)
我的项目使用vue-cli4脚手架搭建的,想要修改webpack配置,需要手动在根目录下面添加一个vue.config.js文件,会自动识别该文件。附上我的配置:// vue.config.js 配置说明//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions// 这里只列一部分,具体配置参考文档module.exports = { // 部署生产环境和开发环境下的URL。 // 默认情况下,V
2021-09-15 15:16:29 21695 11
原创 element菜单折叠后有子级的菜单无法隐藏
element菜单折叠后,有子级的菜单无法隐藏:加上样式即可:/*隐藏文字*/ .el-menu--collapse .el-submenu__title span{ display: none; } /*隐藏 > */ .el-menu--collapse .el-submenu__title .el-submenu__icon-arrow{ display: none; }...
2021-09-15 09:26:35 1275
原创 Failed at the node-sass@4.14.1 postinstall script安装node-sass失败
使用npm install安装依赖包一直报错,报错信息如下:npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! node-sass@4.14.1 postinstall: `node scripts/build.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the node-sass@4.14.1 postinstall script.npm ERR! This is probably no
2021-09-11 07:52:45 8689
原创 axios请求拦截器自己作的坑
场景:在请求拦截器里面拦截不到请求原因:post请求但是拼接了请求参数在url里面导致匹配不了config.url。如下代码在全局加了个loading层,但是当请求的url为/oauth/findAreaTreeList和/oauth/getTokenByCode不加这个loading层。一般情况直接加config.url !== '/oauth/getTokenByCode’就能行,但是/oauth/findAreaTreeList是post请求但是又拼接了参数进去,像这样/oauth/findArea
2021-06-30 11:44:01 362
原创 iview/element表单根据规则验证
需求:根据不同的条件决定表单内容是否必需场景:是否在集体单位,选择是,集体单位具体名称为必填,选择其他的话为非必填关键代码:在要验证的form-item上加:rules="{required:form.isOrg==1?true:false,message: ‘请输入集体单位名称’,trigger: ‘blur’}",required的值为true根据form.isOrg绑定的值为1来判断。在这里写了rules在data里面就不用了再写规则了,记得在提交表单的时候 this.$refs.form.val
2021-06-30 11:30:50 266
原创 vue子组件监听父组件传值的变化并随之改变
思路:在子组件中使用watch来监听数据的变化。1.父组件向子组件传值,将dataMsg传递给子组件<child :data-msg="dataMsg"></child>2.子组件props接收dataMsg,watch监听dataMsg的变化props: { dataMsg: { type: String, // 这里你接收的值是什么类型就写什么类型 default: ''" // 接收值的默认值,如果为数组就写[],对象就写{}
2021-06-29 14:45:15 16128
原创 vue 从其他项目跳转到我的项目
需求:从其他入口跳转到我的项目,跳转时会在url里面携带token,判断如果有token就直接跳转到首页,没有的话才会走登录页面。实现思路:在login页面前面加一个空白页sso.vue,路由里面添加空白页sso的路由,在sso页面mounted函数获取上个页面url中的token,如果获取到了,存到sessionStorage并跳转首页,如果没有就跳转login页面sso.vue<template> <div class="sso"> <h2>正在跳
2021-06-18 10:35:06 3161 1
原创 vue中动态绑定数组
1、直接写<div :class='["active"]'></div>2、传入值<div :class='["active",color]'></div>数组里加单引号会把变量名当做字符串处理,不加时当做变量来处理。这里传入的color是一个变量,可以在data里面定义data() { return { color: 'blue' } }动态绑定的class可以和普通的class同时存在。...
2021-05-31 17:12:54 3767
原创 vue main.js中的vue.productTip=false有什么作用
在vue中有本地开发环境、测试环境和线上生产环境。在main.js中添加这句话相当于关闭了本地开发环境,切换到线上生产环境。在开发环境浏览器会有很多警告以便于开发者快速定位问题,但在生产环境下这些警告没有还会增加体积和运行时的速度,添加这句话就可以阻止这些。如果把false换为true的话在谷歌浏览器里面会多一行提示告诉你现在运行在开发环境。...
2021-05-01 11:44:33 267
原创 vue中实现点击给当前元素添加class(单选);给点击元素添加class(多选)
比如有一个价格div(这里因为是uniapp所以所有的div都写为view),是v-for循环tags对象中的price数组生成的,price里面有name即价格。点击该元素让当前点击项的class为actived,其他的为空(该元素有默认的class:price-tag)。代码如下:<view class="filter-list flex"> <view v-for="(item,index) in tags.price" :key="index"> <view
2021-04-26 15:52:18 13283 2
原创 uview组件库表单验证,验证对象中的对象
一、Form组件绑定model参数model参数为一个对象,对象属性为需要验证的变量名。由于表单验证和绑定表单规则时,需要通过ref操作,故这里需要给form组件声明ref="uForm"属性。通过ref,在onReady生命周期调用组件的setRules方法绑定验证规则,无法通过props传递变量,是因为微信小程序会过滤掉对象中的方法,导致自定义验证规则无效。二、U-form-item绑定prop此组件最大的作用是与u-form和u-input等组件进行交互,在表单验证时,需要绑定prop参数
2021-04-26 15:37:09 8934 11
原创 vue语法整理【入门/复习】
vue指令1、{{}}插值表达式和v-text相同: 都可以渲染数据;都可以在里面写js表达式。不同:(1)插值表达式存在内容闪烁问题。因为在网速较差情况下,插值表达是会先渲染{{msg}},待文件请求下来后再转换为具体的msg内容。v-text是等文件请求下来后直接进行渲染。(2)v-text会替换掉标签中的内容<div v-text="msg">123</div>// 这里只会显示msg的内容而不会显示123解决插值表达式闪烁问题,可以使用v-cloak
2021-04-14 22:09:41 437
原创 后台:vscode快速创建基于node和express的应用
这里写自定义目录标题标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入标题欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何
2020-11-25 14:15:48 550
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人