userDengDeng-优快云博客

原创日语学习第一课日本文字

学习 APP：最最日语日语特点语音简单：元音数量少 a i u e o 五个元音敬语复杂：日本人重视礼仪的特点在日语中表现得尤为充分外来语：日语中外来语所占比重大男女有别：即存在专门供女性使用的 “ 女性语”假名平片假名关系：平片假名是一一对应的，类似于字母的大小写来源：平片假名都是由汉字演变而来的假名是日语中的表音文字按发音的特点分为清音、浊音、半浊音和拨音假名还可以组成长音、促音、拗音等按字体分为平假名、片假名两种平假名是由汉字草书演变而来用途：表示日

2021-04-29 12:00:22 496 2

原创微吼直播-国信证劵-采集图片推流问题总结

采集图片推流官方文档：http://www.vhallyun.com/docs/show/1275遇到的问题：dom 生成了一个 <canvas> 图片流和一个 <video>视频流两个标签，生成了两个流解决方案：将互动sdk 版本升级到支持采集图片推流的版本 v2.2.5控制观众端混流布局，触发点：speakerList 上麦人数发生改变时，动态设置旁路布局// publish.vuewatch: { speakerList(val) { co

2021-04-28 12:11:15 344

原创 React 基础

JSX 语法React中使用 JSX 语法描述用户界面，他是一种 JavaScript 语法扩展在 React 代码执行之前，Babel 会将 JSX 语法转换为标准的 JavaScript APIJSX 语法就是一种语法糖，让开发使用更舒适的代码构建用户界面属性如果属性值为字符串类型，需要加引号，属性名称推荐采用驼峰式命名法const ele = <div gretting="hello"></div>如果属性值为 JavaScript 表达式，属性值外面加大括号

2021-04-27 19:19:59 182

原创 iphone - 横屏适配解决方案

这里写自定义目录标题使用阿里的解决方案 flexible设计稿横屏： 1334 * 750设计稿竖屏： 750 * 1334let docEl = document.documentElementfunction refreshRem (){ let width = docEl.getBoundingClientRect().width let realWidth = width / dpr if (realWidth > 1000 ) { width = 750 * dpr /

2021-04-12 16:55:03 282

原创 vue3.x 面试题 - Vue3.x 相对于 Vue2.x有哪些变化

源码组织方式的变化使用 typescript 重写Composition ApiOptions Api包含一个描述组件选项（data, method, props 等）的对象Options Api 开发复杂组件，同一个功能逻辑的代码被拆分到不同选项Composition Apivue.js 3.x 新增的一组 API一组基于函数的API可以更灵活的组织组件的逻辑性能提升响应式系统升级vue.js 2.x 中响应式系统的核心 definePropertyVue.js 3.x 中

2021-03-17 18:28:37 459

原创 Vue3.0 响应式原理

vue 3.0 响应式系统的升级使用Proxy对象重写响应式系统可以监听动态新增的属性可以监听删除的属性可以监听数组的索引和length属性响应式核心函数reactive/ref/toRefs/computedeffecttrack 手机依赖trigger 更新依赖Proxy 对象中的两个小问题第一个问题： set 和 deleteProperty 需要返回布尔类型的值第二个问题：Proxy 和 Reflect 使用 receiverProxy 中的 receiver：

2021-03-12 16:48:19 197

原创 Vue.js 3.0 Composition API 笔记

Vue 3.0 介绍源码组织方式的变化 TypeScript源码采用 TypeScript 重写使用 Monorepo 管理项目结构每个功能模块都可单独测试，单独发布，单独使用Composition API性能提升使用 proxy 重写了响应式代码Vite 不需要打包，直接运行项目Composition API 设计动机Options Api包含一个描述组件选项（data, methods, props等）对象Options Api 开发复杂组件，同一个功

2021-03-11 18:10:43 143

原创 element UI datePicker 时间选择器限制从起始时间开始后的两小时可选

思路，日期的不可选使用 picker-options: { disabledDate: (time) => {}}时刻的不可选，使用 picker-options: { selectableRange : ‘’}html <div class="el-form--time"> <el-form-item :label="$t('开播时间')" class="date" required> <el-date-picker

2021-03-09 15:52:18 870

原创 iframe 内嵌报跨域SecurityError: Blocked a frame with origin “http://x“from accessing a cross-origin frame

Vue 项目中嵌入 iframe<iframe id="iframe" width="100%" height="100%" frameborder="0" :src="embedSrc"></iframe>报跨域错误 Error in nextTick: "SecurityError: Blocked a frame with origin "https://test-live.cantonfair.org.cn" from accessing a cross-origi

2021-03-09 15:23:20 23114 4