明天也要努力的博客_JavaScript,其他Web开发,Html/CSS,Vue 2.x,uni-app,jQuery

Vue3中响应式 API ( readonly、shallowReadonly、toRaw、markRaw ) 详解

toRaw() 可以返回由 reactive()、readonly()、shallowReactive() 或者 shallowReadonly() 创建的代

前端

vue.js

响应式

解包

原创 2022-10-30 10:21:55 259 阅读

Nginx中配置文件 nginx.conf 详解

从图中可看出主要包含三大块：全局块、event块、http块 { 包含：http全局块和 server块（ server全局块和 location块） }。Nginx 配置中，以 / 开头的路径表示绝对路径，不以 / 开头的路径表示相对路径，相对路径的根目录为 Nginx 的根目录。Nginx 配置的注释是以 # 开头，并且每条语句都以;结束，考。

nginx

运维

服务器

缓存

原创 2022-10-29 22:28:51 130 阅读

Vue3中响应式 API ( readonly、shallowReadonly、toRaw、markRaw ) 详解

1.readonly函数接受一个对象(不论是响应式还是普通的)或是一个ref，返回一个原值的只读代理。只读代理是深层的：对任何嵌套属性的访问都将是只读的。它的ref解包行为与reactive()相同，但解包得到的值是只读的。要避免深层级的转换行为，请使用shallowReadonly()作替代。javascript<template<div<div{{count}}<button@click="c

javascript

Vue3.x

原创推荐 2022-10-17 13:29:39 1025 阅读 2点赞 1收藏 20评论

Vue3中响应式 API（ shallowReactive、shallowRef、triggerRef 、customRef ）详解

一般来说，track() 应该在 get() 方法中调用，而 trigger() 应该在 set() 中调用。customRef() 预期接收一个工厂函数作为参数，这个工厂函数接受 track 和 trigger 两个

vue.js

前端

新视图

响应式

属性值

原创 2022-10-08 09:42:57 284 阅读

JavaScript中对象解构详解

默认值name : '明天也要努力' , city : '南京' , job : {post : '前端' } };const {post , level = '初级' } } = user;// 明天也要努力 25 undefined 前端

javascript

前端

赋值

原型链

默认值

原创 2022-09-17 00:42:23 180 阅读

Vue3中内置组件 Teleport 详解

很简单，假如有非常多的弹窗，那么如何管理它们的 z-index 呢，也就是同时弹窗时的层级关系

前端

vue.js

html

模态框

嵌套

原创 2022-09-03 00:30:57 294 阅读

JavaScript中 Generator 函数详解

Generator 函数是 ES6 提供的一种异步编程解决方案。它既是一个生成器，也是一个状态机，内部拥有值及相关的状态，生成器返回一个迭代器 Iterator 对象，可以通过这个迭

javascript

前端

代码块

函数体

数组

原创 2022-08-13 00:52:31 276 阅读

CSS中特性查询（@supports）详解及使用

1. 简介 CSS中的 @supports 用于检测浏览器是否支持 CSS 的某个属性。其实就是条件判断，

前端

CSS

css

操作符

3d

原创 2022-08-05 15:22:52 98 阅读

Vue中使用 iframe 嵌入本地 HTML 页面并相互通信

1. 使用 iframe 嵌入本地 HTML 页面在 public 文件夹下新建 static 文件夹，

前端

Vue.js

html

数据

加载

原创 2022-08-05 15:22:37 1323 阅读

解决 input 输入框在 iOS 系统中无法输入内容

1. 问题描述 input 输入框在 Android 系统可以输入和点击，但是在 iOS 系统上 inpu

前端

CSS

ios

safari

android

原创 2022-08-05 15:22:25 609 阅读

CSS中自定义属性（变量）详解

前言自定义属性（有时也被称作CSS变量或者级联变量）是由CSS作者定义的，它包含的值可以在整个文档中重复

前端

CSS

css

自定义属性

选择器

原创 2022-08-05 15:22:12 251 阅读

Vue中引入使用 vue-esign 实现手写电子签名

. 简介 1.1 功能兼容 PC 和 Mobile；画布自适应屏幕大小变化（窗口缩放、屏幕旋转时画布

前端

Vue.js

背景色

生成图片

屏幕旋转

原创 2022-08-05 15:21:54 550 阅读

Vue中监听移动端软键盘弹出、收起事件

1. 封装移动端软键盘弹出、收起事件的类 iOS 系统中软键盘弹起时，虽然仅会引起 $(‘body’)

前端

Vue.js

虚拟键盘

软键盘

ios

原创 2022-08-05 15:21:36 1235 阅读

Vue3中 v-model 语法糖详解

概览很多同学对Vue的第一印象就是“响应式”、“

vue.js

前端

修饰符

自定义

自定义组件

原创 2022-07-30 01:01:56 1533 阅读

Vue3中响应性API ( reactive、ref、toRef、toRefs ) 详解

我们在写项目中，总会遇到变量的定义，在 Vue2 里面，我们只需要直接定义变量就行，但是在 Vue3 里面，官

前端

vue.js

响应式

数据

原始数据

原创 2022-07-16 00:50:57 1850 阅读

Vue3中 ref 属性详解

总结：在 Vue3 中没有 $refs，因此 Vue3 中通过 ref 属性获取元素就不能按照 vue2 的方式来获取。Vue.

前端

vue.js

数组

数据

html

原创 2022-07-16 00:50:34 1521 阅读

JavaScript 监听移动端横竖屏状态的几种方式

关于 orientationchange 事件定义和用法：在用户水平或者垂直翻转设备（即方

javascript

移动端

竖屏

横屏

媒体查询

原创 2022-07-09 00:49:16 1825 阅读

html、body、document、window 的区别

在 JavaScript 中：window 对象是一个虚拟的对象，浏览器在打开 HTML 文档时生成 window 对象，可以把它看

html

前端

javascript

浏览器脚本

运行环境

原创 2022-07-09 00:48:59 322 阅读

CSS中特性查询（@supports）详解及使用

1. 简介CSS中的 @supports 用于检测浏览器是否支持 CSS 的某个属性。其实就是条件判断，如果支持某个属性可以写一套样式，如果不支持某个属性，可以提供另外一套样式作为替补。可以放在代码的顶层，也可以嵌套在任何其他条件组规则中。语法@supports 规则由一组样式声明和一条支持条件构成。支持条件由一条或多条使用逻辑与（and）、逻辑或（or）、逻辑非（not）结合的名称 - 值

前端

css3

css

操作符

3d

原创 2022-07-05 08:46:54 147 阅读

Vue中使用 iframe 嵌入本地 HTML 页面并相互通信

在 public 文件夹下新建 static 文件夹，然后将 html 文件及相关引用拷贝到 static 文件夹下。2. 相互通信vue 文件完整代码

vue.js

html

css

加载

原创 2022-06-25 00:51:09 2129 阅读

HTML5 移动端页面适配 iOS 系统刘海屏

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第4天，点击查看活动详情 1. Apple官方适配方案在 iphone X 之后引入了一个新概念：“safe area（安全区域）

前端

HTML

ios

css

iphone

原创 2022-06-21 17:36:28 1720 阅读

HTML5 移动端页面适配 iOS 系统刘海屏

在 iphone X 之后引入了一个新概念：“safe area（安全区域）”，安全区域指屏幕内不受圆角、齐刘海、底部小黑条等元素影响的可视窗口。如下图：从 iOS11 开始

html5

ios

css

iphone

原创 2022-06-12 00:02:45 1618 阅读

CSS中自定义属性（变量）详解

自定义属性（有时也被称作CSS变量或者级联变量）是由CSS作者定义的，它包含

css3

前端

css

自定义属性

选择器

原创 2022-06-07 19:55:27 359 阅读

Vue中引入使用 vue-esign 实现手写电子签名

1. 简介1.1 功能兼容 PC 和 Mobile；画布自适应屏幕大小变化（窗口缩放、屏幕旋转时画布

vue.js

前端

背景色

生成图片

屏幕旋转

原创 2022-05-31 07:52:56 2794 阅读 1收藏

Element-ui中选择器（select）多选下拉框实现全选功能

需求：选择器组件（Select）支持多选，但是不支持全选。如果需要实现这个功能，该怎么修改呢？方案一

前端

Element

下拉列表

html

表单

原创 2022-05-23 21:30:06 2064 阅读

JavaScript中对象取值 . 和 [ ] 的区别

1. 相同点 [ ] 运算符和点运算符都可以获取到 obj 的属性值 2. 区别 2.1 [ ]

前端

JavaScript

运算符

javascript

键值对

原创 2022-05-23 21:29:49 118 阅读

Vue中事件总线（eventBus）详解及使用

传送门：Vue中子组件向父组件传值及 .sync 修饰符详解传送门：Vue状态管理器（vuex）

前端

Vue.js

数据

ide

传递数据

原创 2022-05-23 21:29:33 733 阅读

Vue中 provide、inject 详解及使用

传送门：Vue中子组件向父组件传值及 .sync 修饰符详解传送门：Vue中状态管理器（vue

前端

Vue.js

ide

h5

数据

原创 2022-05-23 21:29:17 601 阅读

Vue3中 watch、watchEffect 详解

1. watch 的使用语法 1.1 监听 ref 定义的响应式数据 1.2 监听 reactive

前端

Vue.js

数据

配置项

响应式

原创 2022-05-23 21:28:57 10000+阅读 1点赞

Vue中监听移动端软键盘弹出、收起事件

1. 封装监听移动端软键盘弹出、收起事件的类iOS 系统中软键盘弹起时，虽然仅会引起 $(‘body’).scrollTop 值改变，

vue.js

android

ios

虚拟键盘

软键盘

原创 2022-05-19 11:32:34 2954 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

明天也要努力