- 博客(80)
- 收藏
- 关注
原创 26 react v6 路由
path: "/", //重定向路径 replace 不产生路由记录。// 引入Navigate 重定向组件。跳转不产生路由历史记录。
2023-01-16 19:27:51 224
原创 25 react 解决 css ,sass,less 样式冲突问题
1. 文件名 .module.css .module.scss .module.less 方式命名 否则无法使用。import styles from './home.module.scss' //引入文件。
2023-01-13 00:51:48 311
原创 24 react memo, useMemo, useCallback
【代码】24 react memo, useMemo, useCallback。
2023-01-09 23:14:53 76
原创 22 react hooks useReducer, createContext
【代码】22 react hooks useReducer, createContext。
2023-01-09 22:23:19 116
原创 Vue单位转换 px转换vw
本文介绍一款移动端 / PC端非常不错的适配解决方案:postcss-px-to-viewport【访问官网】在此之前为解决适配问题“普遍”会给html根节点设置font-size作为根字体计算单位值,适兼容多端配问题。开发者需要实时换算单位、还需要精确到六七位小数点。这样的解决方案在现在看来似乎不是最简洁高效的方案。希望有这样一种方案......首先、不论转换是否方便,我就是不想在开发代码的时候换算这些单位,更不想去操心什么转换系数(根节点单位) 我会考虑某些属性不需要转换为REM、V..
2022-05-11 14:30:53 763
原创 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 .
2021-09-11 23:03:21 137
原创 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
2021-08-26 22:47:13 719 1
原创 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
2021-08-24 23:00:46 1987
原创 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
2021-08-24 22:38:44 582
原创 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
2021-08-24 22:18:39 601
原创 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>
2021-08-18 21:53:24 157
原创 Vue3中的 ref函数
<style lang='scss' scoped></style><template> <div> <div>姓名:{{ name }}</div> <div>年龄:{{ age }}</div> <button @click="changeInfo">修改</button> </div></template><scr
2021-08-10 22:53:21 244
原创 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
2021-08-09 23:06:05 357
原创 拉开序幕的setup
setup 是所有 Composition API ( 组合API) “ 表演舞台”组件中所有用到的:数据, 方法等等,均要配置在setup中 (data, methos…)
2021-08-09 21:57:51 117
原创 微信小程序左滑删除功能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"> &
2021-05-06 16:51:25 133
原创 封装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
2020-11-19 16:08:46 116
原创 Visual Studio Code之Vue3.0语法插件
如何阻止在使用vscode写vue3代码时保存自动格式化的问题找到设置,打开扩展->Auto,找到Vue3snippets: Enable-compile-vue-file-on-did-save-code,取消勾选在这里插入图片描述
2020-11-12 14:50:12 9457
原创 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...
2020-11-12 14:44:05 173
原创 uniapp中组件使用
1.<text></text>组件一般用于显示文本无法设置宽和高相当于行内元素2. <view></view>组件相当于div块级元素3. image4. button 组件disabled禁用按钮5. input组件disabled禁用<input type="text" disabled>禁用输入框使其无法输入文字6....
2020-10-13 02:44:08 470
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人