- 博客(18)
- 收藏
- 关注
RSS订阅原创 uniapp + vue3.2 用ref获取DOM元素一直为null
uniapp + vue3.2 开发小程序 用ref获取DOM元素一直为null。有人遇到同款问题并已解决的看到捞一下我…
2023-06-06 10:37:04
2455
3
原创 前端下载功能实现
近期封装obs上传、下载工具包时，调用obs下载接口时无法下载到本地，直接用window.open(url)时，有的文件只能预览不能下载，无奈只能另寻他路了。文件只预览不下载，可能因同源问题使浏览器无法打开文件下载框，导致文件不能下载。emmmm，百度上这么说的，具体原因本人也未寻到，有缘人见此可为小弟解答12~~~...
2022-06-23 15:37:48
1345
原创 React Hook
1. Hook 简介Hook 可以让我们在不编写 class 的情况下使用 state 以及其他的 React 特性。1.1 没有破坏性改动Hook是：完全可选的。无需重写任何已有代码就可以在一些组件中尝试Hook。100%向后兼容。Hook不包含任何破坏性改动。使用Hook 的原因：可以使用 Hook 从组件中提取状态逻辑，使得这些逻辑可以单独测试并复用。Hook 使你在无需修改组件结构的情况下复用状态逻辑。 这使得在组件间或社区内共享 Hook 变得更便捷。Hook 将组件中
2022-05-25 17:08:15
161
原创 React 核心概念
React - 用于构建用户界面的 JavaScript 库1. JSX简介 (JavaScript XML)JSX是JS的语法扩展可以生成React元素1.1 使用JSX的原因React认为渲染逻辑本质上与其他UI逻辑内在耦合。比如，在 UI 中需要绑定处理事件、在某些时刻状态发生变化时需要通知到 UI，以及需要在 UI 中展示准备好的数据。React未采用将标记与逻辑进行分离到不同文件的人为分离方式，而是通过将二者共同存放在松散耦合单元 ——**组件**中来实现关注点分离。
2022-05-25 17:06:52
311
原创 闭包学习理解
闭包(closure) – 延伸了变量的作用域闭包：一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。指有权访问另一个函数作用域中变量的函数。闭包可以在一个内层函数中访问到其外层函数的作用域。延伸了变量的作用域在JavaScript中，每当创建一个函数，闭包就会在函数创建的同时被创建出来。示例1：// 外层函数 -- 声明一个变量；return 一个内部函数funciton f
2022-05-24 14:51:59
92
转载 前端全屏切换函数
全屏切换函数handleFullScreen: function () { let element = document.documentElement if (this.fullscreen) { if (document.exitFullscreen) { document.exitFullscreen() } else if (document.webkitCancelFullScreen) { document.webkitCancelFullS.
2022-05-24 10:49:46
193
原创 React 入门小游戏学习记录
React - 用于构建用户界面的 JavaScript 库React是一个声明式，高效且灵活的用于构建用户界面的JavaScript库。使用React可以将一些简短、独立的代码片段组合成复杂的UI界面，这些代码片段被称作“组件”。1. 环境准备// 创建项目npx create-react-app my-appcd my-appnpm start2. React.Component3. props 参数4. render ()render()方法返回需要展示在屏幕上的视图的
2022-04-27 17:11:38
2995
原创 【前端大屏可视化项目适配方案】
引自 https://juejin.cn/post/7009081081760579591#heading-27 感谢！！！前端大屏可视化项目适配方案1. 全局适配1.1 css scale 适配方案1.2 vw+vh适配方案(有些细节处采用媒体查询处理)1.2.1 按照设计稿的尺寸，将`px`按比例计算转为`vw`和`vh`1.2.2 借助scss函数实现计算1.2.3 动态DOM元素适配2. echats及第三方组件适配（配置型）1. 全局适配1.1 css scale 适配方案注1：如果.
2022-04-14 11:32:27
6602
原创 【vue生命周期函数理解】
vue生命周期函数理解1. 单组件生命周期函数执行顺序2. 父子组件嵌套时生命周期函数执行顺序3. props、data、computed、watch、methods的执行顺序4. 生命周期图示1. 单组件生命周期函数执行顺序 *注： vue中所有的生命钩子 this 都自动绑定至该vue实例，所以在使用vue生命周期函数时不能以箭头函数的形式应用（ 箭头函数“无“this指向，其绑定了父级上下文，所以 this 不会指向预期的组件实例，使用时可能会出现undefined的错误）错误示范：create
2021-12-07 15:30:29
359
原创 2021-10-30 cursor不同场景下的应用
描述：cursor定义了鼠标指针放在一个元素边界范围内时所用的光标形状值描述光标形状应用场景url需使用的自定义光标的 URL，即可以是相对路径也可以是绝对路径。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。例：cursor:url("./img/pointer.jpg"),auto;自定义光标auto默认。浏览器根据当前内容决定指针样式。例如当内容是文字时使用text样式null无指针被渲染default
2021-10-30 22:35:27
166
原创 2021-07-03 js获取数据类型方法
js获取数据类型typeof 只能检测到function、string、number、boolean、undefined、symbol，其他数据类型都会被检测为object.使用Object.prototype.toString.call(b)可以得到准确的数据类型
2021-10-30 17:01:53
158
原创 2021-10-29 个人前端学习网站记录
个人学习网站记录1. MDN Web Docshttps://developer.mozilla.org/zh-CN/docs/Web2. W3c Schoolhttps://www.w3school.com.cn/3. Vue 官网https://cn.vuejs.org/v2/api/4. 前端组件库4.1 elementhttps://element.eleme.cn/#/zh-CN/component/4.2 vanthttps://youzan.github.io/vant/#/zh-CN/4.3
2021-10-30 14:22:18
219
原创 清除浮动的方法
1. 为什么清除浮动？由于父盒子很多情况下，不方便给出高度，但是浮动的盒子脱离标准流后又不占有位置，最后父级盒子高度为0时，就会影响下面的标准流盒子，对后面的元素排版会产生影响，所以当我们在实际开发中应用了浮动时，就需要清除浮动元素造成的影响。当清除浮动后，父元素会根据子元素自动检测高度，这样父元素就有了高度，就不会影响下面的标准流了。2. 清除浮动策略闭合策略（在父元素内）3. 清除浮动方法（1）额外标签法/隔墙法在浮动元素末尾添加一个空标签(块元素)，但是该方法添加了无意义标签，结构化差。
2021-07-02 14:20:22
87
原创 2021-06-08 Ajax
AJAX学习1. 原生AJAX1.1 AJAX 简介1.2 XML 简介1.3 AJAX的特点1.3.1 AJAX的优点1.3.2 AJAX的缺点1.4 AJAX的使用1.4.1 核心对象1. 原生AJAX1.1 AJAX 简介AJAX（Asynchronous JavaScript And XML）= 异步JS和XML通过AJAX可以在浏览器中不刷新页面的同时向服务器发送异步请求，可以提高网页的加载速度。AJAX不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。1.2 XML
2021-06-17 01:05:41
217
原创 2021-06-07Webstorm安装
WebStorm(2021.1.1)安装与配置1. 打开webstorm.exe，点击next2. 按需修改安装路径3. 默认配置或根据自己需要选择，点击next4. 默认配置，点击Install5. 启动软件，选择接受6. 获取激活码(个人是用的vrg123.com获取最新激活码)，点击Activate激活7. 激活成功8. 汉化(Ctrl+Alt+S)快捷键打开Setting – Plugins搜索Chinese，点击Install安装完成后重启Webstorm
2021-06-08 17:30:16
2278
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人