- 博客(20)
- 收藏
- 关注
原创 react | memo与useMemo的作用以及区别
React.memo 是一个高阶组件.如果你的组件在给定相同的 props 的情况下呈现相同的结果,你可以将其包装在对 React.memo 的调用中,以便在某些情况下通过记住结果来提高性能。这意味着 React 将跳过渲染组件,并重用上次渲染的结果。React.memo 只检查 prop 的变化。如果你用 React.memo 包装的函数组件在其实现中有 useState、useReducer 或 useContext Hook,那么当状态或上下文发生变化时,它仍然会重新呈现。默认情况下,它只会浅浅地比较
2022-08-04 14:59:42 2753 1
原创 vue+elementui navmenu,监听子路由变化复用组件的问题
话不多说,看代码,用 elementui navmenu来配路由,但是4个子路由是同一个组件{ path: "/alo", name: "Alo", component: () => import ("../views/Alo.vue"), children: [{ path: "/1", component: () =>
2022-05-08 06:08:20 655
原创 vue2+elementui 饿了么ui的一些食用方法
1.表格行高设置:row-style="{height:'20px'}" :cell-style="{padding: '0'}"2.表格宽度设置在单行里面改,里面有width属性 <el-table-column width="50px" prop="date" label="序号">3.样式穿透1./deep/.el-submenu /deep/ .el-submenu__title{ font-size: 24px;}2.>>>.
2022-04-19 02:06:41 1255
原创 vue2动态获取图片路径的加载问题
created() { const id = this.$route.params.id; this.id = id; if (id === "Porifera" || id === "Hexactinelida" || id === "Demospongiae") { this.parentNode = "Sponge"; } console.log(this.parentNode, this.id); this.imgSrc = requ..
2022-04-19 01:58:23 1303
原创 小程序npm构建时发生错误Error: C:\Users\13914\WeChatProjects\miniprogram-2\miniprogram\ 未找到
这个问题我真的会谢,首先构建npm的时候说未找到,百度了好久,是因为它自己会构建到miniprogram里面去,但是我但是没有这个文件,要去prpject.config.json里面配一下 "packNpmRelationList": [ { "packageJsonPath": "./package.json", "miniprogramNpmDistDir": "./" } ],这样就构建成功了,miniprogramNpm
2022-04-03 20:24:12 3177 7
原创 css花招|通过伪类选择器来实现小程序插槽默认值
主页面<area-header title="推荐歌曲">牛逼了家人们</area-header>组件<view class="header"> <view class="slot"><slot></slot></view> <view class="default"> <text>{{rightText}}</text> <i
2022-04-03 16:12:27 406
原创 CSS花招|横线截断图片效果
在写小程序的时候,偶然发现的,挺有意思的效果html结构 <view class="icons"> <view class="circle"> <image class="icon" src="/images/icon/collection-anti.png"></image> <image class="icon" src="/images/icon/share-anti.png"><
2022-03-29 16:58:46 529
原创 关于包含router-view,keep-alive中的exclude、include失效的问题
困扰了很久,找了很多资料,才解决,路由里面的配置都没问题,结果是因为我写组件是直接vue快捷键,没有给组件写name,所以失效App.vue<template> <div id="app"> <keep-alive include="Profile"> <router-view></router-view> </keep-alive> <main-tab-bar></mai
2022-03-19 21:57:57 1048
原创 git基操指南|一文学会git的常见操作以及github的基本使用
因为在将仓库上传到github的过程中遇到了一些问题,所以打算系统的学习一下默认你已经有了github的账号(如果很慢的话懂的都懂),以及安装了GitBush一.gitBush基操1.路径打开Git Bush,如果你要到你想去的路径有两种方法1.1cd +路径 但是在应该使用斜线”/”, 而不是反斜线”\”1.2打开你要去的文件夹-鼠标右键-gitBush here2.常见指令刚刚我们已经进到了我们要管理的文件夹初始化:输入git init此时初始化完..
2022-03-18 15:15:44 459
原创 [Vue warn]: Error in render: “TypeError: Cannot convert undefined or null to object“found in--->
[Vue warn]: Error in render: "TypeError: Cannot convert undefined or null to object"TypeError: Cannot convert undefined or null to object at Function.keys (<anonymous>) 代码<script>export default { name: "", props: { goods: { ...
2022-03-15 14:52:48 5451 2
原创 Vue报错vue-router.esm-bundler.js?6c02:2127 Uncaught TypeError: Object(...) is not a
我是拿脚手架2搭的,配的时候忘记配路由了,后来直接npm install vue-rouer --save是vue-router的版本太高了,降低版本就可以npm install vue-router@3.1.0 --save就不报错了
2022-03-06 20:33:49 2754 2
原创 Vue2|浅学一下VueX吧(state,getters,mutations,actions,modules)
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,其实通俗一点来讲可以理解成放公共变量的地方,你可以在这里放各个组件之间用到的变量,不用传来传去,你可能会想,我自己拿一个组件专门放公共变量挂到Vue的prototype上面去不就行了,也行,但是不是响应式的,要是你说写一个响应式的也不是不行,那也行,那你挺牛。官网上扒拉下来这张图import { createStore } from 'vuex'export default createStore({ state: {
2022-03-03 15:53:29 1253 1
原创 Vue2|浅学一下路由吧(router和route+导航守卫+keep-alive)2
配置接上篇,都是非常简单看一眼就能看懂的组件,我们在main.js和User里面打印一下router这是User组件1.router和route<template> <div> <h2>i am user page</h2> <p>i am the information of user</p> <h2>{{userId}}</h2> <button @cl
2022-02-28 20:06:50 428
原创 Vue2|浅学一下路由吧(动态路由+懒加载+嵌套+参数传递)1
大家好呀,今天我们来浅学一下路由吧,脚手架搭的,vue2为什么要有动态路由?有时候一个页面的path可能是不确定的,比如不同的用户,我们希望是/user/sherry/user/lily这个时候我们就需要动态路由1.动态路由v-bind绑定router-link里面的路径,这个时候就动态绑定了App里面的userId,点击user information,页面的hash就会跳过去这个代码是App.vue里面的 <div id="app"> .
2022-02-26 20:25:36 1615
原创 symbol的基本使用方式
// 为什么需要symbol// 1.容易造成属性名冲突,造成对象中原有的值const s1 = Symbol()const s2 = Symbol()console.log(s1 === s2); //false// 2.symbol中还可以传入一个descriptionconst s3 = Symbol('aaa')console.log(s3.description); //aaa// 3.symbbol作为key// 写法1const obj = { [s1]:'a.
2022-02-24 21:19:38 1149
原创 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available
1.runtime-only -> 代码中,不可以有任何的template2.runtime-compiler->代码中,可以有template ,因为有compiler可以用于编译template解决方案:修改webpack的配置,添加如下内容即可 resolve:{ // alias :别名 alias:{ 'vue$':'vue/dist/vue.esm.js' } }在这个位置配...
2022-02-23 16:26:15 1427
原创 如何设置小于浏览器最小12px的文字
// 浏览器最小12px的文字,如果想要10px的,就用transform缩放这里的0.2rem是20px font-size: 0.2rem; transform: scale(0.5, 0.5); transform-origin: center top;
2022-02-21 21:31:56 690
原创 Webpack报错webpack : 无法加载文件 C:\Users\13914\AppData\Roaming\npm\webpack.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅
局部引入Webpack的时候报错解决方案第1步: 同时按下Windows + R键以弹出“运行”对话框。第2步: 在框中键入PowerShell,然后单击OK(确定)按钮。 普通的Windows PowerShell将以当前用户身份启动。第3步: 键入命令start-process PowerShell -verb runas,然后按“enter”键。键入Set-ExecutionPolicy RemoteSigned命令键入Y最后可以使用Get-Execu...
2022-02-21 16:40:46 1616
原创 Vue2|为什么vue组件中的data是函数而不是对象?
初学vue的小伙伴可能会感到疑惑,为什么在vue实例中存取变量的data是一个对象,而组件中的data不是一个对象而是一个函数?我们先来看这个例子 function foo() { return { name: 'sherry', age: 18 } } let obj1 = foo() let obj2 = foo() let obj3 = foo() obj1.n...
2022-02-18 06:39:38 2176
原创 Vue2报错 [Vue warn]: Failed to resolve filter解决方案
[Vue warn]: Failed to resolve filter报错代码片段const app = new Vue({ el:'#app', data:{ books:[{ id:1, name:'<算法导论>', date:'2006-9', price:85.00, count:1 }, { id:2, name:'<UNIX编程艺术>'...
2022-02-17 02:11:04 5408
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人