- 博客(20)
- 收藏
- 关注
RSS订阅原创 react | memo与useMemo的作用以及区别
React.memo 是一个高阶组件.如果你的组件在给定相同的 props 的情况下呈现相同的结果，你可以将其包装在对 React.memo 的调用中，以便在某些情况下通过记住结果来提高性能。这意味着 React 将跳过渲染组件，并重用上次渲染的结果。React.memo 只检查 prop 的变化。如果你用 React.memo 包装的函数组件在其实现中有 useState、useReducer 或 useContext Hook，那么当状态或上下文发生变化时，它仍然会重新呈现。默认情况下，它只会浅浅地比较
2022-08-04 14:59:42
2706
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
645
原创 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
1247
原创 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
1260
原创 小程序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
3022
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
401
原创 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
504
原创 关于包含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
1036
原创 git基操指南|一文学会git的常见操作以及github的基本使用
因为在将仓库上传到github的过程中遇到了一些问题，所以打算系统的学习一下默认你已经有了github的账号(如果很慢的话懂的都懂)，以及安装了GitBush一.gitBush基操1.路径打开Git Bush，如果你要到你想去的路径有两种方法1.1cd +路径 但是在应该使用斜线”/”， 而不是反斜线”\”1.2打开你要去的文件夹-鼠标右键-gitBush here2.常见指令刚刚我们已经进到了我们要管理的文件夹初始化：输入git init此时初始化完..
2022-03-18 15:15:44
435
原创 [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
5375
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
2730
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
1204
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
422
原创 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
1581
原创 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
1117
原创 [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
1404
原创 如何设置小于浏览器最小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
679
原创 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
1592
原创 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
2117
原创 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
5272
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人