- 博客(83)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 这是一篇vue3 的详细教程
Vue.js 是一款流行的 JavaScript 前端框架，用于构建用户界面。Vue 3 是其最新版本，带来了许多新特性和性能优化，使开发更加高效和灵活。模板语法这里的是在组件的数据中定义的，插值表达式会将其值显示在标签中。指令v-bind：用于动态绑定 HTML 属性。例如，绑定一个元素的属性：也可以简写为，如。v-if 和 v-else：用于条件渲染。当条件为真时，显示所在的元素，否则显示所在的元素。v-for：用于循环渲染列表。例如，渲染一个数组中的数据：这里的是一个特殊的属
2024-10-25 16:36:33
1039
原创 前端页面手机端触摸屏操作
event=>log'触摸开始';;event=>log'触摸移动';;'touchend'event=>log'触摸结束';;
2024-10-24 15:32:15
935
原创 后端接口接受的是文件流，前端怎么把一张图片地址转换成文件流?
经常听到小伙伴们在说文件流怎么弄，说为什么后端非要文件流！！！那今天我们就来会一会这位。
2024-10-21 10:22:20
741
原创 wx.chooseMedia深入研究！
为了更好地引导用户选择特定类型的媒体文件，可以在选择界面上提供一些提示信息。例如，在页面上显示一个提示文字，告诉用户只能选择图片或视频：
2024-10-17 17:12:17
764
原创 突如其来的warning！ESLINT干的好事
在我们费劲苦心编写完代码，完成需求，自信满满的的时候总会有那么几个可恶的warning亮瞎眼睛，今天让我们来瞧瞧这些黄色字体到底是些什么东东！这个错误信息表明你的代码存在缩进不一致和文件末尾缺少换行符以及有尾随空格的问题。
2024-10-10 13:43:54
644
原创 关于nodejs
虽然 Node.js 官网停止对 16 版本的维护，但在项目中仍然可以继续使用一段时间。总的来说，虽然可以继续使用 Node.js 16，但建议尽快制定升级计划，以确保项目的安全性和兼容性。同时，要密切关注项目中可能出现的问题，并及时采取措施解决。
2024-09-24 13:28:26
955
原创 居然连内联样式都失效了!应该怎么办！
需要注意的是，使用通配符选择器可能会影响性能，因为它会选择所有的元素。为了确保样式的可维护性和组件的独立性，建议使用更具体的类选择器或组件相关的选择器来定义样式。如果遇到了样式被覆盖的问题，可以使用浏览器的开发者工具来检查样式的应用情况，找出是哪些样式规则导致了冲突，并进行相应的调整。属性后，它里面的样式只会应用到当前组件的元素上，而不会影响到其他组件的样式。选择器或其他选择器定义的，并且与内联样式冲突，那么内联样式的优先级更高。样式是通过更具体的选择器或更高优先级的方式定义的，它可能会覆盖内联样式。
2024-09-12 15:03:35
554
原创 如何使用elementui实现一个根据页面进度实时增长/前进的进度条
{在上述代码中，我们使用了 Element UI 的 el-progress 组件来展示进度条。通过监听页面滚动事件来实时更新进度条的百分比。同时，添加了一个点击事件处理函数 handleProgressClick，当用户点击进度条时，计算点击位置对应的百分比，并可以根据这个百分比实现页面跳转的逻辑（这里只是打印了跳转信息，实际中需要根据具体需求实现页面跳转）。请注意，这只是一个简单的示例，实际应用中需要根据具体的页面结构和需求进行调整和完善。
2024-09-10 16:50:14
1180
原创 网页解析的那些事
一、BeautifulSoup（Python）功能特点它提供一些简单函数用来处理导航、搜索、修改分析树等功能。可以轻松从 HTML 或 XML 文件中提取数据。能够自动将输入文档转换为 Unicode 编码，以及输出文档转换为 UTF - 8 编码，避免了很多编码相关的麻烦。使用示例例如，要从一个 HTML 页面中提取所有的链接，可以使用以下代码：二、Scrapy（Python）功能特点它是一个强大的网络爬虫框架，不仅可以用于网页解析，还包括了数据抓取、数据处理、数据存储等一整套流程。
2024-09-09 14:01:02
1111
原创 vue多线程同时运行时，代码如何减轻负荷
在 Vue 中实现多线程操作（JavaScript 是单线程的，但可以通过一些方式模拟多线程的效果），以下是一些减轻负荷的方法：一、合理使用 Web Workers（浏览器中的多线程）任务拆分与分配数据传递优化控制 Web Worker 数量二、异步编程和事件循环优化使用异步函数和 Promise优化事件循环三、代码优化和资源管理避免不必要的计算和重复计算内存管理
2024-09-09 12:57:45
389
原创 VUE中如何指定一个VIDEO 只显示视频内容不显示进度条播放暂停等其他功能
在 Vue 中可以通过 CSS 和一些技巧来让一个只显示视频内容而不显示进度条、播放暂停等其他功能。
2024-09-05 12:56:34
1340
原创 Vue 数据监听工作原理及三大重要模块分析
在 Vue 中，数据监听是通过其响应式系统实现的。;// 模拟数据变化setTimeout=>;2000;
2024-09-03 17:17:55
1360
原创 在 Vue 中实现跨项目数据传递
需要注意的是，跨项目数据传递可能会带来一些安全和数据一致性的问题。在实际应用中，要根据具体情况选择合适的方法，并确保数据的安全性和可靠性。同时，对于敏感数据，应该采取加密等安全措施。
2024-09-03 17:02:58
1565
原创 VUE面试题整理3.0
VUE面试题1.vue最大特点是什么或者说vue核心是什么2.vue自定义指令如何实现的和适用场景？3.对单向数据流的理解4.vue开发环境和线上环境如何切换5.对axios拦截器的理解6.vue第三方ui样式库如何实现样式穿透的（ui库和less/sass穿透问题）7.为什么要用scoped8.在 vue 中使用插件的步骤9.Vue3.0 你知道有哪些改进10.eventBus详细使用11. Vue 中 v-html 会导致哪些问题?12.Class 与 Style 如何动态绑定？13.直接给一个数组项赋
2021-12-16 13:31:51
1890
原创 当代培训出生的前端情况
当代培训出生的前端情况培训给学生带来了什么为了高薪培训时前后端不知如何沟通，缺乏交际能力和自我解决问题能力如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入培训给学生带来了什么今天这个话题可能会很敏感会引起很多人的不满，但这是个很现实的问题，作者本人也是培训出生，所以培训
2021-11-29 10:45:09
241
原创 阿里前端开发规范
阿里前端 JS 项目开发规范规范的目的是为了编写高质量的代码，让你的团队成员每天得心情都是愉悦的，大家在一起是快乐的。引自《阿里规约》的开头片段：----现代软件架构的复杂性需要协同开发完成，如何高效地协同呢？无规矩不成方圆，无规范难以协同，比如，制订交通法规表面上是要限制行车权，实际上是保障公众的人身安全，试想如果没有限速，没有红绿灯，谁还敢上路行驶。对软件来说，适当的规范和标准绝不是消灭代码内容的创造性、优雅性，而是限制过度个性化，以一种普遍认可的统一方式一起做事，提升协作效率，降低沟通成本。代码
2021-09-13 15:52:59
1060
原创 前端五道二次面试常见题
⼀. 有做过前端加载优化相关的⼯作吗? 都做过哪些努⼒1. 常⻅的优化⼿段做优化⾸先要有⽬的, 即你做优化是为了什么, 是把某个⽐较关注的指标提⾼吗?⻚⾯性能检测: https://developers.google.com/speed/pagespeed/insights/只请求当前需要的资源异步加载, 懒加载, polyfill的优化 https://polyfill.io/v3/url-builder/缩减资源体积打包压缩gzip图⽚格式优化, 压缩, 根据屏幕分辨率展示不同分辨率
2021-07-13 09:14:52
1308
原创 前端常考必考 180 题(精心整理的180题全方面前端面试题！！)
1， HTTP 和 HTTPS2，position 的值， relative 和 absolute 分别是相对于谁进行定位的？3，如何解决跨域问题4，Heap 排序方法的原理？复杂度？5，几种常见的排序算法，手写6，数组的去重，尽可能写出多个方法7，如果有一个大的数组，都是整型，怎么找出最大的前 10 个数8，说说你对作用域链的理解9，创建 ajax\过程10，渐进增强和优雅降级11，在 Bootstrap 中，下面栅格系统的标准用法中哪个是错误的？12，你觉得 jQuery 或 Zep
2021-07-08 13:46:26
1002
1
原创 HTML day04
HTML <div> 和<span>HTML 可以通过 <div> 和 <span>将元素组合起来。HTML 区块元素大多数 HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时，通常会以新行来开始（和结束）。实例: <h1>, <p>, <ul>, <table>HTML 内联元素内联元素在显示时通常不会以新行开始。实例: <b>, <td>, <a&g
2021-07-02 14:00:27
142
原创 阿里巴巴前端面试题（一）
（1）、react的优势React优点：1.声明式设计 −React采用声明范式，可以轻松描述应用。2.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。3.灵活 −React可以与已知的库或框架很好地配合。4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。5.组件 − 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。6.单向响应的数据流 − React 实现了单向响应的
2021-06-25 09:46:22
1630
原创 Vue day05
正课:脚手架:脚手架文件夹结构ES6的模块化开发学子商城项目的制作过程:懒加载:http-proxy:一. 脚手架:问题: 现代的前端项目结构非常复杂！如果任由什么人随意定义项目的文件夹结构，后果，项目与项目之前结构差异极大！即不便于维护，也不便于开发人员快速适应！解决: VUE官方出了一套标准化的vue项目结构！所有使用vue框架开发的项目都要遵守这个标准化项目结构！——脚手架好处: 几乎所有用vue做到项目，文件夹结构几乎是完全一样的！开发人员可以非常快速的适应新项目！何时：
2021-06-11 11:04:20
230
1
原创 Vue day04
正课:组件组件化开发SPA脚手架脚手架文件夹结构一. 组件:什么是: 拥有专属的HTML+CSS+JS+数据的独立的可重用的页面功能区域为什么: 重用何时: 今后只要一个功能可能会被反复使用时，都用组件如何:(1). 创建组件:组件Vue.component("组件名",{ //模板/界面 template:`HTML片段`, //必须用唯一父元素包裹 data(){ return { //模型对象 数据/变量: 值, ... : ... }
2021-06-10 09:25:54
166
原创 vue day03
正课:绑定样式:自定义指令计算属性过滤器axios生命周期组件一. 绑定样式:绑定内联样式:(1). 不好的做法: 将style属性看做一个普通的字符串属性进行绑定。a.<元素 :style="变量"> data:{ 变量: "css属性:值; css属性:值;..." }b. 问题: 极其不便于只操作其中某一个css属性(2). 好的办法: 将style看做一个对象来绑定。每个css属性都是对象中的一个属性。 结果: "css属性1:属性
2021-06-09 10:16:07
150
原创 Angular DAY06
Angular06商品列表http://101.96.128.94:9999/data/product/list.php?pno=2商品详情• 组件名: detail 需要生成: ionic g page detail• 跳转需要传参: routerLink="[路径, 参数对象]"• 接口地址: http://101.96.128.94:9999/data/product/details.php?lid=8– 参数 lid 需要在跳转时传入– 通过服务读取 路由参数• 图片需要拼接前缀路
2021-06-09 10:06:26
207
原创 React06
React06今日内容:• 路由系统: 实现多页项目• 网页组件的使用路由系统https://www.reactnative.cn/docs/navigation原生带有路由系统, 但是功能不够强大. 手机端路由通常采用第三方的模块:https://reactnavigation.org/使用说明:https://reactnavigation.org/docs/getting-started项目下安装支持模块:npm install @react-navigation/native
2021-06-09 10:03:31
83
原创 Vue day02
正课:指令双向绑定绑定样式一. 指令: 13种:v-on:对应小程序视频：小程序->在线->VUE->day02 1. 绑定事件(1). 什么是: 专门绑定事件的指令(2). 何时: 今后只要一个元素可能触发事件，都用v-on来绑定事件.(3). 如何:a. 标准: <元素 v-on:事件名="处理函数名(实参值列表)">b. 简写: <元素 @事件名="处理函数名(实参值列表)">c. 更简写: 如果事件处理函数不需要传参，则可以省
2021-06-08 09:33:30
159
原创 Angular DAY05
Angular05ionic 就是基于angular的一个自带手机端样式的组件库;循环滚动https://ionicframework.com/docs/api/slides<ion-app> <ion-header> <ion-toolbar> <ion-title>段子</ion-title> </ion-toolbar> </ion-header> <ion-co
2021-06-08 09:21:21
301
原创 React05
React05作业1: 斗鱼// rncimport React, {Component} from 'react';import { Dimensions, Image, ImageBackground, ScrollView, Text, TouchableOpacity, View,} from 'react-native';const {width, height} = Dimensions.get('screen');function rpx(fs)
2021-06-08 09:18:08
148
原创 Vue day01
一. 什么是VUE:什么是:(1). 第三方开发的: 必须要下载才能使用(2). 基于MVVM设计模式的: (待续…)(3). 渐进式的: 可以逐步在项目中使用vue的技术。比较容易和其他技术(DOM、jQuery)混搭。但是，强烈不建议！(4). 纯前端js框架: 与nodejs无关，只需要浏览器就可以运行！为什么: 传统DOM和jQuery都存在着大量重复的编码！只有vue以及同类框架技术，才能几乎彻底的避免大量重复编码！提高开发效率何时: 今后，只要以数据操作为主的项目，都可
2021-06-07 10:49:49
196
原创 VUE 总结
总结: this 8种: 判断this，一定不要看定义在哪儿！只看调用时！1. obj.fun() this->obj2. fun() 或 (function(){ ... })() 或 多数回调函数 或 定时器函数 this->window3. new Fun() this->new正在创建的新对象4. 类型名.prototype.共有方法=function(){ ... } this->将来谁调用指谁，同第一种情况5. DOM或jq中事件处理函数中的t
2021-06-07 10:41:00
129
原创 Angular DAY04
Angular04命令行 说明ng new 项目名 生成项目包ng s -o 启动项目ng g c 组件 生成组件ng g p 管道 生成管道 {{xxx| 管道}}ng g d 指令 生成指令ng g s 服务 生成服务; 状态共享 相当于vuex语法 含义{{ 变量 }} 双标签内容[属性名] = "值" 或 属性名="{{值}}" 属性(事件名)="方法名()" 事件[(ngModel)]="变量"<br>必须手动加载 Forms 模块 双向数据绑定*ngIf
2021-06-07 10:05:59
287
空空如也
Nestjs+jest测试框架，测试spec测试文件时候报错，哪位老哥解决下
2021-10-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人