weixin_45842460的博客

原创 vue2 打包时清除debugger console语句

【代码】vue2 打包时清除debugger console语句。

原创 three.js 性能优化方案

Three.js开发中遇到的常见问题总结和性能优化 - 知乎

原创 vue 行内样式 px 单位 转换为 vw

vue2vue2安装 插件 npm i。

原创 26 react v6 路由

path: "/", //重定向路径 replace 不产生路由记录。// 引入Navigate 重定向组件。跳转不产生路由历史记录。

原创 25 react 解决 css ,sass,less 样式冲突问题

1. 文件名 .module.css .module.scss .module.less 方式命名 否则无法使用。import styles from './home.module.scss' //引入文件。

原创 24 react memo, useMemo, useCallback

【代码】24 react memo, useMemo, useCallback。

原创 23 react Fragment 空标签

【代码】23 react Fragment 空标签。

原创 22 react hooks useReducer, createContext

【代码】22 react hooks useReducer, createContext。

原创 21 react hooks 跨组件传值 Context

【代码】21 react hooks 跨组件传值 Context。

原创 20 react hooks useEffect

【代码】20 react hooks useEffect。

原创 19 react hooks 父子传参

【代码】19 react hooks 父子传参。

原创 18 react hooks 响应式数据绑定和事件绑定

【代码】18 react hooks 响应式数据绑定和事件绑定。

原创 17 react 初步认识函数式组件

【代码】17 react 初步认识函数式组件。

原创 16 react-redux 使用

【代码】15 react-redux 使用。

原创 15 redux

redux

原创 14 路由传参

/ 不推荐使用id=123");路由配置接收参数方法接收参数方法。

原创 十三 react路由跳转

【代码】十三 react路由跳转。

原创 十二 react 嵌套路由

【代码】十二 react 嵌套路由。

原创 十一 react 路由基本用法

【代码】十一 react 路由基本用法。

原创 十 react 组件中跨级传递数据

【代码】十 react 组件中跨级传递数据。

原创 九 react 条件渲染 类似于vue中的v-if 和v-show

【代码】9 react 条件渲染 类似于vue中的v-if 和v-show。

原创 八 react className 和 style 三元运算符用法

【代码】八 react className 和 style 三元运算符用法。

原创 七 react 组件传值 子传父

【代码】七 react 组件传值 子传父。

原创 六 react 组件传值 父传子

【代码】六 react 组件传值 父传子。

原创 五 react中数组渲染 类似于vue在的v-for指令

【代码】五 react中数组渲染 类似于vue在的v-for指令。

原创 四 react 组件内部数据定义和修改

【代码】四 react 组件内部数据定义和修改。

原创 三 react 事件绑定

【代码】三 react 事件绑定。

原创 二 react语法糖

【代码】二 react语法糖。

原创 一 react类组件写法

【代码】一 react类组件写法。

原创 第一章 react 配置开发环境

1. 在设置-首选项下搜索Include Languages 在下面增加一项 javascript ，javascriptreact。禁用JS-CSS-HTML Formatter插件就行了。

原创 postcss-px-to-viewport 在vite vue3 ts 项目中的坑点

postcss-px-to-viewport

原创 单位适配 px转换rem

单位适配 px转换rem

原创 Vue单位转换 px转换vw

本文介绍一款移动端 / PC端非常不错的适配解决方案：postcss-px-to-viewport【访问官网】在此之前为解决适配问题“普遍”会给html根节点设置font-size作为根字体计算单位值，适兼容多端配问题。开发者需要实时换算单位、还需要精确到六七位小数点。这样的解决方案在现在看来似乎不是最简洁高效的方案。希望有这样一种方案......首先、不论转换是否方便，我就是不想在开发代码的时候换算这些单位，更不想去操心什么转换系数（根节点单位） 我会考虑某些属性不需要转换为REM、V..

原创 ts严格模式

原创 TS优化编译

1.

原创 环境安装命令

npm install -g typescript

原创 Vue3.0 watchEffect

<template> <div> <h3>name：{{ person.name }}</h3> <h3>age：{{ person.age }}</h3> <button @click="add2">涨年龄</button> </div></template><script>import { reactive, watchEffect .

原创 Vue3.0 监听reactive所定义的一个响应式数据

<template> <div> <h3>name：{{ person.name }}</h3> <h3>age：{{ person.age }}</h3> <h3>薪资：{{ person.job.j1.salary }}K</h3> <button @click="Modify">修改</button> <button style="m

原创 Vue3.0 watch监听ref定义的响应式数据变化

<template> <div> <h3>num1：{{ num1 }}</h3> <h3>num2：{{ num2 }}</h3> <button @click="add">加</button> </div></template><script>import { ref, computed, watch } from "vue";exp

原创 Vue3.0 计算属性computed用法

<template> <div> <h3>{{ person.fullname }}</h3> </div></template><script>import { reactive, computed } from "vue";export default { setup() { let person = reactive({ name: "李四", age: 18