前端
关注
分享
扫一扫
文章平均质量分 69
前端相关经验汇总记录
Doraemon*
这个作者很懒，什么都没留下…
展开
-
vue项目实现微信公众号授权登录完整流程
服务器地址和Token相关配置一般是后端配置再后端项目中。（项目中前后端appId一定要保持一致）Token无效或者不是最新的。2、【公众号开发域名】配置的域名不一致导致的。3、appid和redirect_uri。大概可以分为四个步骤；设置回调域名（重点）原创 2024-12-19 14:36:33 · 910 阅读 · 0 评论 -
vue2实现将el-table表格数据导出为长图片
使用canvas的toDataURL方法将画布导出为图片格式（例如PNG）。使用html2canvas库将表格区域转换为画布(canvas)。创建一个图片元素并将其源设置为导出的图片数据。原创 2024-06-04 17:36:59 · 602 阅读 · 0 评论 -
vue项目中使用websocke即时通讯实现系统公告实时获取并提醒
发布者设置需要发布的公告内容、公告接收用户和发布时间，到达发布时间时及时通知提醒已登录系统用户，使用websocke来实现前端与服务器保持长连接，以便实时过去公告信息。在用户登录成功后建立连接，App.vue中也要建立连接（用户刷新后要重新连接）对应通知页面获取数据并以弹框的形式渲染。原创 2024-05-10 11:21:04 · 1951 阅读 · 0 评论 -
微信H5下载文件处理：让微信自动弹起跳转外部浏览器窗口
再也不用管微信如何的更新，直接判断如果是在微信中打开，然后弹出一个遮罩提示用户在浏览器中打开下载。并且不加关闭的按钮。效果如下面这样子，这样子用户微信中打开链接，就提示在浏览器中打开，并且可以直接下载应用了。此方法在实际项目中实操过，比较友好。微信上进行的网页宣传、游戏传播、文件下载各类活动很多，因微信内置浏览器限制等因素无法完成下载，这时需要跳转至第三方浏览器完成后续操作。、（个人感觉第一中方法对用户不太友好，操作过于繁琐）、弹出一个遮罩提示用户在新的浏览器窗口打开。原创 2024-04-19 11:16:41 · 5921 阅读 · 12 评论 -
vue项目登录模块滑块拼图验证功能实现（纯前端）
在当今互联网时代，随着技术的不断进步，传统的验证码验证方式已经无法满足对安全性和用户体验的需求。为了应对日益狡猾的机器人和恶意攻击，许多网站和应用程序开始引入图形验证码，其中一种备受欢迎的形式就是图片旋转验证功能。这项技术通过利用用户交互、视觉识别和动态效果，为用户提供了一种全新、有趣且高效的验证方式。本文将深入探讨如何实现这一引人注目的图片旋转验证功能，让您轻松保护网站安全，同时提升用户体验效果展示功能介绍:在vue项目中将此验证弹框封装成一个单独的组件，完整代码如下；此功能中的图是利用ca原创 2024-03-14 10:59:30 · 2661 阅读 · 0 评论 -
vue项目登录模块图片旋转验证功能实现（纯前端）
在vue项目中将此验证弹框封装成一个单独的组件，完整代码如下；登录之前点击“安全验证”进入验证模块，拖动滑轨调整图片旋转位置，完成验证功能，验证失败会自动刷新再次验证，点击“刷新”也可以收到刷新图案，这是一个由纯前端实现的验证功能；原创 2024-03-14 09:58:26 · 1093 阅读 · 1 评论 -
最全前端程序猿面试题汇总
https://blog.poetries.top/browser-working-principle/guide/part5/lesson22.html#javascript-是如何影响-dom-生成的。https://alienzhou.com/projects/fe-performance-journey/#旅途的行程路线。http://www.ayqy.net/blog/nodejs进程间通信/原创 2023-08-18 17:15:33 · 134 阅读 · 0 评论 -
前端日常总结
定义一个对象 和 一个空数组（用来接收转换后的数据）注意： 给table表格设置一个高度，并绑定。方便后面操作真实DOM;原创 2023-02-28 13:44:16 · 118 阅读 · 0 评论 -
前端日常问题总结(字符串）
序列化：就是将对象转化成字节序列的过程。反序列化：就是讲字节序列转化成对象的过程。对象序列化成的字节序列会包含对象的类型信息、对象的数据等，说白了就是包含了描述这个对象的所有信息，能根据这些信息“复刻”出一个和原来一模一样的对象。原创 2023-01-06 13:48:15 · 537 阅读 · 0 评论 -
前端日常问题总结
问题：使用Elementui中Cascader 级联选择器时，后端返回的数组里面最后一级会显示一个空数组，显示不友好，如图所示// 获取地区列表 getAreaList() {//后端返回的地区数据 _this . recursion(_this . areaList);//调用递归方法并传参 } }) . catch((err) => {});} , //利用递归方法删除最后一个空数组 recursion(areaList) {} else {//删除数组 } });原创 2022-11-18 16:52:26 · 208 阅读 · 0 评论 -
为什么有公司规定所有接口都用Post？
看到这个标题，你肯定觉得离谱。怎么会有公司规定所有接口都用Post，是架构菜还是开发菜。这可不是夸大其词，这样的公司不少。在特定的情况下，规定使用Post可以减少不少的麻烦，一起看看。原创 2022-10-09 10:03:26 · 397 阅读 · 0 评论 -
Vue问题集合
Vue常见面试题1、Vue优点？（1）轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；（2）简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；（3）双向数据绑定：保留了angular的特点，在数据操作方面更为简单；（4）视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作；（5）虚拟DOM：dom操作是非常耗费性能的， 不再使用原生的dom操作节点，极大解放dom操作，但具体操作的还是dom不过是换了另一种方式；转载 2021-06-24 18:32:39 · 149 阅读 · 0 评论 -
Node.js学习教程01
Node.js简介Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器原创 2020-11-09 18:13:42 · 173 阅读 · 0 评论 -
Vue.js学习总结04-------Vue+ElementUI
Vue+ElementUI实战操作！上代码1. 创建一个名为 hello-vue 的工程vue init webpack hello-vue2… 安装依赖，我们需要安装 vue-router、element-ui、sass-loader 和node-sass 四个插件# 进入工程目录cd hello-vue# 安装 vue-routernpm install vue-router --save-dev# 安装 element-uinpm i element-ui -S# 安装依赖原创 2020-10-29 16:18:53 · 288 阅读 · 0 评论 -
Vue.js学习总结03----第一个Vue-cli项目
什么是Vue-clivue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板； 预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个估计项目就是脚手架，我们的开发更加的快速；项目的功能统一的目录结构本地调试热部署单元测试集成打包上线1、需要的坏境1、安装node.jsNode.js：http://nodejs.cn/download/ 安装就是无脑的下一步就好，安装在自己的环境目录下2、确认nodejs安装成功原创 2020-10-27 19:42:46 · 211 阅读 · 0 评论 -
Vue.js学习总结02
Vue双向绑定 v-mdel1. 什么是双向绑定 Vue.js是一个MVVM框架，即数据双向绑定,即当数据发生变化的时候,视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。这也算是Vue.js的精髓之处了。 值得注意的是，我们所说的数据双向绑定，一定是对于UI控件来说的，非UI控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果我们使用vuex，那么数据流也是单项的，这时就会和双向数据绑定有冲突。2. 为什么要实现数据的双向绑定在Vue.js 中，如果使用vuex原创 2020-10-26 17:19:46 · 214 阅读 · 0 评论 -
Web前端之HTML+CSS的知识总结
HTML篇认识htmlhtml不是一种编程语言，是一种标记语言。标记语言是由一套标识标签组成的html使用标签来描述网页html结构<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body></html>不成对出现的标签<原创 2020-10-23 17:26:38 · 778 阅读 · 0 评论 -
Web前端之JavaScript框架学习总结
前端知识体系想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走，其中前端是绕不开的一门必修课。本阶段课程的主要目的就是带领Java后台程序员认识前端、了解前端、掌握前端，为实现成为“互联网Java全栈工程师”再向前迈进一步。前端三要素HTML（结构）：超文本标记语言（Hyper Text Markup Language），决定网页的结构和内容CSS（表现）：层叠样式表（Cascading Style Sheets），设定网页的表现样式（是一门标记语言，并不是编程语言）。JavaS原创 2020-10-16 20:34:07 · 1608 阅读 · 0 评论 -
Vue.js学习笔记01
VueVue的核心库只关注视图层，方便与第三方库或已有项目整合。视图：HTML+CSS+JS ------>刷新后台的数据给用户看一、前端核心分析1.Vue概述Vue (读音/vju/, 类似于view)是一套用于构建用户界面的渐进式框架，由开发商由雨溪发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如: vue-router: 跳转，vue-resource: 通信，vuex:管理)或既有项原创 2020-10-13 16:43:38 · 491 阅读 · 2 评论