自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 node全局安装插件,找不到无法识别,set prefix和cache,修改系统环境后,安装插件报错 4048

逻辑是这样的,当set prefix 和 set cache完毕后,以及环境配完毕后,系统确实将默认路径改到了你设置的node_global文件的路径了,但这时候,去全局安装就会报错4048,然后,删除user-admin下的.npmrc文件,再查看默认全局安装路径(npm config ls)你会发现,路径有变回原来的默认路径了。此时的情况是,修改了路径,安装失败,删除.npmrc文件可以安装,但还是安装到默认路径下。4,找到你的nodejs文件,右键---属性---安全。选中--完全控制--确定。

2022-11-25 11:38:15 1496 2

原创 react使用useRef自动获取input焦点失败

input输入框是列表中嵌套的一个元素,并且通过useRef给这个元素添加了ref属性,默认是隐藏的,只展示上面span的内容。于是,我在添加ref的时候做了判断,判断当前用户双击的是哪个任务,获取到id,根据任务id,只给选中的任务添加ref属性。我猜是添加ref失败了,遍历数组的时候,只有最后一项成功的添加了ref属性,前面两个都添加失败了。这时,出现一个奇怪的现象,只有双击最后一个任务“下午学习”才会自动获取焦点,前两个都获取失败了。这样就没问题了,双击也可以获取到焦点了!

2022-11-08 16:20:36 1186

原创 为什么小程序预览时必须打开‘调试工具vconsole’才能正常运行?

预览或者使用小程序体验版的时候,小程序会自动校验你是否配置了合法的域名,如果没有配置,还是使用的ip地址,这样就会造成一个现象,在开发工具上以及真机调试时,都能正常运行,但预览就不行。但只要在预览时,打开调试工具,一切又恢复正常了。当你打开vConsole的时候,微信就会知道,哦~原来这家伙在测试,那就不去校验域名了。所以,要么去配域名,要么就只能打开调试工具去测试。这是因为没有为小程序配置域名导致的。

2022-11-02 11:27:33 3754 5

原创 小程序页面嵌套自定义组件无法修改vant-weapp样式的问题

嵌套在页面中的自定义组件使用了vant,如果想修改嵌套在深层的vant样式,不能在组件内修改,而要到父页面中去修改

2022-09-30 15:42:33 2638 4

原创 小程序this.setData修改数据之后,data中其他数据也跟着一起改变了

修改一个data数据,导致另一个数据也被误修改了,原因是指针问题。

2022-08-30 16:32:54 1170

原创 踩坑 antd Form表单获取input默认值失败,Form表单校验input 必填 默认值为undefined

问题描述:1,跳转页面后,通过url传参,将参数自动回填到下一个页面的input输入框里,打开页面后,input成功显示回写内容。2,为FormItem添加必填校验required:true。3,提交表单,校验未通过,提示input未填写内容,手动输入则校验成功。代码如下:问题在于,rules进行校验的时候,拿到的input value是undefined,如果把rules的校验规则写成自定义的函数,打印value则能直观的看到值为:undefined。思路:默认值是Input输入框的,除非

2022-05-09 15:46:29 4518 2

原创 微信开发者工具如何自定义代码块(用户代码片段)

开发者工具——文件——首选项——用户代码片段点击 javascript进到一个json配置页面页面给了配置的例子以console.log(' ')为例:此格式中,prefix 和body的值最为关键,分别代表你想简写成啥,和你真正想要啥设置完成,ctrl+s保存,即可在js文件中生效...

2022-03-31 17:39:07 1611

原创 uni-app开发小程序map组件点击marker事件失败问题,已解决

uni-app开发小程序,使用map地图组件,点击marker无效,大意是找不到bindmarkertap对应的方法 报错信息:Please make sure that markerTap handler has been defined in components/xxx/xxx.而,该方法依然存在在methods中!解决方案:uni-app开发小程序与小程序官方绑定点击事件不同,需要把bind改成@,如下图成功!...

2022-03-22 18:10:58 4775

原创 获取react非受控组件的值

1.创建ref2.为组件添加ref属性3.通过.current获取到该组件

2022-02-28 09:18:43 463

原创 属性表达式,灵活动态获取属性名

为了灵活的控制修改属性名,可通过表达式动态控制属性名,用中括号表示如: const key = "age"function fn () { return 'abc' }const obj = {[key]: 18, // age:18key:20, // key:20[fn()]: '哈哈哈' // abc: '哈哈哈'}name为结构出来的值...

2022-01-25 09:37:21 157

原创 【无标题】react中的表单

input受控组件零散知识:控制台中被选中的元素后面的$0代表:调试时所选中的元素,之后可在控制台通过$0访问调试该元素为input的value 绑定到state某个状态上,并未该元素添加onChange事件,将用户输入的value(e.target.value)值赋值给绑定的state状态...

2022-01-25 09:23:59 491

原创 react 修改组件状态

react与vue不同,不会去监听数据得变化,也就不会因为数据改变去更新视图react解决方案:提供了setState方法(修改state,更新UI)传一个对象,key为你要修改的数据名称,value为你想改成的新值tips:num++与num+1的区别num++ ---> num = num + 1 意味着修改了原数据num的值,num+1 并没有修改原数据的值注意:react中的状态不可变!但凡会修改原数据的操作都是不可取的,无论是简单数据类型,还是复杂数据类型!对

2022-01-24 08:39:18 574

原创 js中表达式与语句的区别

可以认为,表达式一定有具体结果,而语句则没有结果如 function abc () {return 123} // 123就是abc函数调用后的结果var num = 1 console.log(num>10) // false就是结果if(a) {b} // 该代码不能产生结果,不是表达式也可以认为,表达式可以用console.log打印出来,而语句不行。...

2022-01-20 08:36:19 256

原创 react-jsx基础语法

1,jsx表达式: 在结构中使用{},react可自动将{}中的代码解析为js代码。注意区别vue中的{{}}。标签的动态属性,也可以用{}实现 <div title={form.name}></div>,注意区别vue中的v-bind结构中的注释要写在{}中,{/*这里是注释。。。*/} (ctrl+/)注意:{}中可以加js表达式,不能用语句2,结构中嵌入js逻辑:react循环生成标签,每个标签页需要唯一值key,最好用id...

2022-01-20 08:35:56 568

原创 react组件中的this指向问题

render渲染的结构中,this指向当前组件实例class类中的定义的函数中的this指向调用该方法的元素,如onClick=this.fn this指向onClick解决用户出发事件调用函数时的this指向问题:方案1:bind(this)方案2:调用的函数外面加一层箭头函数方案3:注册函数的时候,将函数赋值为一个箭头函数class类中,如果写方法,则方法自动挂载到组件实例的原型上,但如果把方法变成箭头函数,则该方法会直接挂载到实例上...

2022-01-20 08:35:17 623

原创 react 组件基础知识,封装,注册事件

创建组件两种方式:1,函数组件:要求:(1)组件名称首字母必须 大写 (2)组件必须有返回值,表示该组件的结构,即便不想渲染,也必须返回null(多用于条件判断的渲染)2,类组件要求:(1)首字母大写(2)要继承React.Component父类,获得父类的方法(3)必须提供render方法(4)必须有返回值,表示组件结构或者,直接把component导入将组件单独放到一个js文件中注意:单独封装的组...

2022-01-19 17:15:58 627

原创 react jsx 中的样式

1,行内样式:双花括号:外面代表jsx,里面代表一个对象,不是插值表达式2,类名(1) 新建css文件,(2)引入到对应js文件当中去 import '路径/index.css'(3)为需要的元素添加className属性动态样式可通过布尔值+反引号+三元表达式 实现多个动态类名,可提前进行逻辑判断,之后拼接到元素的className中编辑一个函数,筛选符合条件的类名控制类名的库classname:1,安装2,引入3,...

2022-01-19 11:32:02 651

原创 react基本使用,创建dom元素,jsx

入口文件index.js中一,传统方式创建dom1,导入核心包:react 和 react-dom (vue中只导入一个核心包“Vue”)如果进行页面开发则需导入react-dom进行页面元素的渲染,如果进行app应用开发,则引入react-native可将元素渲染成app2,创建react元素(虚拟dom)3,将react元素渲染到页面中页面最终应该渲染到public文件中的index.html的id为root的节点中// 1,引入核心包react和react-dom i

2022-01-18 16:14:12 2255

原创 创建react项目

react基础

2022-01-18 10:56:34 158

原创 HBuilderX的微信小程序项目的git本地管理注意事项

本地管理需要忽略的文件:1,node_modules2,uni_mudules 如果用到也要忽略3,unpackage下的dist文件:这个dist文件是我们运行到小程序开发者工具时自动生成的,因此没有必要进行管理。(开发者工具中运行的就是dist/dev/mp-weixin文件)步骤:1,根目录下新建 —— .gitignore文件,将要忽略的文件进行配置2,由于unpackage文件中只有dist一个文件,所以dist被忽略后git将不会追踪这个空文件,因此要在这里新建一个.

2021-10-15 11:58:40 1077

原创 如何在HBuilderX中关闭小程序开发者工具中的siteMap警告

情景:如果使用HBuilderX进行小程序开发,则小程序开发者工具中的代码是自动生成的,因此,对代码的更改不能直接在 开发者工具 中直接修改,需要在HBuilderX中进行设置。步骤:打开HBuilderX的manifest.json文件 —— 左侧选项区下拉到底,找到“源码试图” —— 下拉找到“mp-weixin”节点 —— 在setting节点中添加“checkSiteMap:false” —— ctrl+s保存如果项目直接在开发者工具中编写,则可以直接将“checkSiteMap:.

2021-10-15 11:34:42 739

原创 element-ui加载本地图片失败

注意两点: 1,使用<el-image></el-image>标签时,src的属性不能直接设置为图片路径,需要加require()进行包裹。 如: src前面需要带冒号。 2,如果将路径存为变量,则require()外面不能加引号,否则会加载失败这样时不对的:...

2021-10-15 10:50:13 1712

原创 前端调取打印机失败

这里着说一个可能性,是我开发时遇到的。——将参数“ 打印机名称”中的空格删除,重新手敲一遍。如果直接复制后端给的打印机名称,后端发送给你的时候,空格可能会被重新编辑。导致空格并不是英文格式的空格,这时候打印机名称这个参数的格式就是错误的,因此,就会调取打印机失败。如果失败,可以重新敲一遍空格,以便排除这种可能性。...

2021-10-15 08:50:35 510

原创 如何把uni-app项目运行到小程序开发者工具?

1,HBuilderX的设置 1.1,将appid配置到manifest.json文件中 1.2,HBuilderX中——工具——设置,此时,打开了setting.json文件 1.3,选中——运行配置,下拉找到——小程序运行配置——填写自己电脑上的开发者工具所在的路径。 路径可通过右面的“浏览”按钮查找 也可以,快捷方式——右键——更多——打开文件位置——右键选中快捷方式——打开文件所 在位置 此时打开开发者工具...

2021-10-14 18:01:46 1656

原创 如何创建uni-app项目

1,HBuilderX中——文件——新建——项目2,在对话框中选择 uni-app——命名文件——选择存放路径——模板:uni-ui——创建此时,HBuilderX中就有自己的项目,其中包括pages,static,App.vue,main.js等文件。文件说明:components—— 组件目录pages ——存放页面static —— 存放静态资源(图片,视频等)main.js —— vue的初始化入口,可以导入并挂载vueApp.vue —— 配置小程序的全局样式.

2021-10-14 17:27:00 197

原创 如何为HBuilderX安装sass?HBuilderX中如何使用sass?

1,访问插件页面:scss/sass编译 - DCloud 插件市场2,点击这个按钮完成登录或注册3,登录完成后,页面提示“是否打开HBuilderX吗?”——是4,HBuilderX中询问是否安装sass —— 是5,之后可在样式中使用sass模式<style lang="sass"></style>...

2021-10-14 16:56:00 1293

原创 chrome浏览器请求失败,而ie可以,the request client is not a secure context and the resource is in more-private

问题描述:用chrome浏览器在线上发送ajax请求失败,提示:Access to XMLHttpRequest at 'http://10.---.--.--:xxx/api/setAppParam?time=Mon%20Oct%2011%202021%2016:39:51%20GMT+0800%20(%E4%B8%AD%E5%9B%BD%E6%A0%87%E5%87%86%E6%97%B6%E9%97%B4)' from origin 'http://210.37.8.219:11000' has be

2021-10-12 15:01:13 2930 5

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除