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 响应式数据绑定和事件绑定。

原创 15 redux

redux

原创 14 路由传参

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

原创 十三 react路由跳转

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

原创 十二 react 嵌套路由

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

原创 十一 react 路由基本用法

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

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

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

原创 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

原创 Vue3 父子组件之间传值用法

父传子父组件<template> <demo :name="goodname" :person="personList" /></template><script>import { ref, reactive } from "vue";import demo from "./components/demo.vue";export default { components: { demo, }, setup(props

原创 Vue3.0 reactive对比ref

原创 Vue3.0 reactive 函数

<style lang='scss' scoped></style><template> <div> <h3>年龄：{{ obj.name }}</h3> <h3>年龄：{{ obj.age }}</h3> <h3>{{ person }}</h3> <button @click="changeInfo">修改</button&gt

原创 Vue3中的 ref函数

<style lang='scss' scoped></style><template> <div> <div>姓名：{{ name }}</div> <div>年龄：{{ age }}</div> <button @click="changeInfo">修改</button> </div></template><scr

原创 vue-cli3的eslint配置问题

vue-cli3的eslint配置问题捞兴82018.08.22 14:39:57字数 273阅读 130,039vue-cli3按照官网教程配置搭建后，发现每次编译，eslint都抛出错误error: Expected indentation of 4 spaces but found 0 (indent) at src\views\User.vue:26:1:1 error found.1 error potentially fixable with the `--fix` opt

原创 拉开序幕的setup

setup 是所有 Composition API ( 组合API) “ 表演舞台”组件中所有用到的：数据, 方法等等,均要配置在setup中 (data, methos…)

原创 微信小程序左滑删除功能demo

wxml部分<view class="records_row" wx:for="{{records}}" wx:key="index"> <view class="records_row_content {{item.isTouchMove ? 'touch_move' : ''}}" data-index="{{index}}" bindtouchstart="touchStart" bindtouchmove="touchMove"> &

原创 封装cookie

存数据到cookie function setCookie(key, val, expires) { let now = new Date(); now.setMinutes(now.getMinutes() + expires); document.cookie = `${key}=${val};expires=${now.toUTCString()}` } 取cookie里的数据 function getCo

原创 Visual Studio Code之Vue3.0语法插件

如何阻止在使用vscode写vue3代码时保存自动格式化的问题找到设置，打开扩展->Auto,找到Vue3snippets: Enable-compile-vue-file-on-did-save-code,取消勾选在这里插入图片描述

原创 Vue3.0起步坑点

解决vue3.0运行出现Error: Cannot find module ‘vue-loader-v16/package.json’https://www.pianshen.com/article/24612041541/https://www.jianshu.com/p/3a62a5dda073npm i --save-dev vue-loader-v16cnpm i vue-loader-v16cnpm i --save-dev vue-loader-v16...

原创 uniapp中组件使用

1.<text></text>组件一般用于显示文本无法设置宽和高相当于行内元素2. <view></view>组件相当于div块级元素3. image4. button 组件disabled禁用按钮5. input组件disabled禁用<input type="text" disabled>禁用输入框使其无法输入文字6....

原创 tabbar配置

在pages.json里配置与