- 博客(34)
- 收藏
- 关注
RSS订阅原创 vue3 keep-alive 页面切换不触发onActivated和onDeactivated方法周期
vue3 keep-alive 页面切换不触发onActivated和onDeactivated生命周期
2022-06-20 16:57:59
10335
5
原创 React NavLink及Switch
一、NavLink与封装NavLink 1、NavLink可以实现路由链接的高亮，通过activeClassName指定样式名 2、标签体内容是一个特殊的标签属性 3、通过this.props.children可以获取标签体内容MyNavLink组件import React, { Component } from 'react'import { NavLink } from 'react-router-dom'export default class
2022-04-22 11:20:57
950
原创 React 设置链接高亮方法
1、使用NavLink标签代替Link NavLink会自动给a标签添加active的类2、NavLink 有一个属性叫activeClassName 可以自定义当前点击的标签的类名
2022-04-22 11:16:58
986
原创 React 路由组件和一般组件的区别
1、写法不同 一般组件：<Header /> 路由组件：<Route path="/about" exact={false} element={<About />} />2、存放位置不同 一般组件：components 路由组件：pages3、接收到的props不同 一般组件：写组件标签时传递了什么，就能接收到什么。 路由组件：接收到三个固定的属性
2022-04-22 11:15:12
1020
原创 React 生命周期（旧）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>React 生命周期（旧）</title> <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> <script s
2021-12-22 17:25:37
82
原创 React 高阶函数_函数柯里化回顾
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>高阶函数_函数柯里化</title> <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script> <script src=
2021-12-21 16:27:34
206
原创 13 React props的使用
在经过对state的学习后，可以理解state为组件内部数据的处理，也就是说是一些静态数据的处理。但在我们实际的业务场景中，一般都是服务端返回的数据，渲染这些数据该怎么办呢？props可以来解决这个问题。这也是React设计props的初衷。
2021-12-20 11:28:56
524
原创 12 React state的使用
上文介绍到React中非常重要的三大属性，还记得么？这篇文章我们开始介绍state的使用。一、借助构造器初始化stateclass Weather extends React.Component{ constructor(props){ super(props) this.state ={ isHot:false } } render(){ console.log(this) return ( <h1>今天天气很{this.state.isHot ?
2021-12-20 09:58:47
159
原创 10.React 类的基本知识回顾
// 1、类中的构造器不是必须写的，要对实例进行一些初始化的操作，如添加指定的属性时才行 // 2、如果A类继承了B类，且A类中写了构造器，那么A类构造器中的super是必须调用的。 // 3、类中调用的方法，都是放在类的原型对象上，供实例使用。
2021-12-17 11:05:16
180
原创 11.React 类式组件
/* 执行了ReactDOM.render……之后，发生了什么？ 1、React解析组件标签，找到了MyComponents组件。 2、发现组件是类定义的，随后new出来该类的实例，并通过该实例调用render方法。获得虚拟DOM并渲染成真实DOM到页面。 */
2021-12-17 10:59:37
202
原创 9.React 函数式组件
在React的组件渲染上，有两种方式，一种是函数式组件，一种是类式组件。顾名思义，函数式组件即以函数的方法书写组件。类式组件是以类的形式书写组件。这里记录函数式组件的书写规则及注意点。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>函数式组件</title> <script src="https://unpkg
2021-12-16 16:49:43
1667
原创 js map方法到底可不可以改变原数组？
相信有很多小伙伴儿，在开发过程中，有过这样的困惑，map（）方法有的时候不会改变原数组，有的时候又改变了原数组，到底是怎么回事呢？在文档中有如下图的介绍介绍中说map（）方法不会改变原数组，但其实这句话并不严谨。当数组中的值为基本数据类型时，不会改变原始数组。当数组中的值为引用数据类型时，会改变原数组。先看看两种类型的区别：基本数据类型：let a = 'tom'let b = a;b = 'tony'console.log(a); // 'tom'console.log(b); /
2021-12-15 17:48:06
4764
原创 微信公众号网页开发逻辑梳理
近日，有微信公众号网页开发的需求，去了解了下相关开发知识，以个人理解梳理如下。需求及背景：1、公司会在运营平台发布会员可见的内容。会员指在saas平台有手机号的账户。2、公众号菜单会有直链到1内容的链接。3、如果访问用户未绑定saas平台的账户，跳转登录页进行绑定。如果绑定，正常访问。4、登录只第一次访问发生，下次访问自动识别访问。5、登录需要为无感知登录。以上为第一期需求。其实这个需求还是蛮清晰简单的。关键是对微信用户信息进行识别，判断用户是否已经saas平台绑定了用户信息
2021-10-28 18:28:31
1327
转载 +new Date()
js在某个数据类型前使用‘+’，这个操作目的是为了将该数据类型转换为Number类型，如果转换失败，则返回NaN;例子 ：+‘2’+1 // 3+[1] // NaN复制代码+new Date() 会调用Date.prototype 上面的 valueOf方法，根据MDN：developer.mozilla.org/en-US/docs/…new Date().getTime() === new Date().valueOf() //true下面的例子返回效果等同：+new Date()
2021-10-14 16:38:35
198
原创 记VUE2.X升级VUE3.0之路
vue3.0距今已发布很长时间，个人很喜欢3.0的更新内容，新版本解决了很多旧版本的痛点。比如在数据挂载原理，提升产品性能方面做了很多的工作。接下来会在此文章中不断更新本人在升级3.0过程中遇到的问题及解决方案。Q1:watch 和watcheffect有什么区别A:watch- 显式指定依赖源，依赖源更新时执行回调函数 watchEffect- 自动收集依赖源，依赖源更新时重新执行自身讲人话就是，watchEffect 是在组件更新前会调用一遍（这个当然可以通过配置更改执行时机，但官方不.
2021-08-23 15:17:33
330
转载 非常全面的前端协作规范
目录1 工作流规范1.1 开发1.2 构建规范1.3 发布工作流规范1.4 持续集成1.5 任务管理2 技术栈规范2.1 技术选型2.2 迎接新技术3 浏览器兼容规范3.1 确定兼容策略3.2 确定浏览器分级3.3 获取统计数据4 项目组织规范4.1 通用的项目组织规范4.2 目录组织的风格4.3 脚手架和项目模板5 编码规范5.1 Javascript5.2 HTML5.3 CSS5.4 代码格式化5.5 集大成的
2021-08-20 14:07:17
1897
原创 APP代码管理与升级发布规范
一、代码书写规范命名文件/文件夹命名文件夹/文件的命名统一用小写 或驼峰；项目名称一律小写或带_ 下划线 连接；js变量变量 ——命名方式：小驼峰 ； 命名规范：前缀名词；常量 —— 命名方式： 使用大写字母和下划线来组合命名；函数 —— 命名方式：小驼峰 ；命名规范：前缀动词；类、构造函数 —— 命名方式：大驼峰式命名法，首字母大写；Main.js文件中的全局变量在命名时需要规范“$变量名“；取名须要闻名达意。比如：requestNewsData(); 如果命名的确不能明确
2021-08-20 11:58:37
471
转载 关于webpack的面试题（转）
关于webpack的面试题随着现代前端开发的复杂度和规模越来越庞大，已经不能抛开工程化来独立开发了，如react的jsx代码必须编译后才能在浏览器中使用；又如sass和less的代码浏览器也是不支持的。 而如果摒弃了这些开发框架，那么开发的效率将大幅下降。在众多前端工程化工具中，webpack脱颖而出成为了当今最流行的前端构建工具。 然而大多数的使用者都只是单纯的会使用，而并不知道其深层的原理。希望通过以下的面试题总结可以帮助大家温故知新、查缺补漏，知其然而又知其所以然。问题一览webpack与gr
2020-10-29 15:38:58
172
原创 uniapp学习-快速入手
uniapp学习-快速入手前述使用工具创建APP运行APP发布APP学习建议及常见需要注意的问题前述uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。在本文中仅对uniapp开发App进行介绍。使用工具uniapp开发工具为：HbuilderX;官方下载IDE地址不推荐使用其他的IDE。虽然官方也有对vue-cli命令行创建安装uniapp的办
2020-09-16 15:21:46
1049
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人