草庐IT

纯前端

全部标签

使用MobPush实现HarmonyOS前端消息推送

消息推送是现代移动应用程序中常见的功能之一,它可以让应用程序向用户发送通知、提醒和其他重要信息。在HarmonyOS前端开发中,可以通过MobPush实现消息推送功能。MobPush是一款强大的消息推送平台,它提供了丰富的功能和灵活的接口,可以轻松地集成到HarmonyOS应用程序中。在本文中,将介绍如何使用MobPush实现HarmonyOS前端消息推送功能。首先,确保已经申请并获得了MobPush的AppKey和AppSecret,这是使用MobPush的前提条件。导入MobPushSDK首先,需要在HarmonyOS前端项目中导入MobPushSDK。可以通过在build.gradle文

极致性能优化:前端SSR渲染利器Qwik.js

引言前端性能已成为网站和应用成功的关键要素之一。用户期望快速加载的页面和流畅的交互,而前端框架的选择对于实现这些目标至关重要。然而,传统的前端框架在某些情况下可能面临性能挑战且存在技术壁垒。在这个充满挑战的背景下,我们引入了Qwik.js框架。Qwik.js不仅是一个前端框架,更是一种前端性能的终极解决方案。它不仅提供了卓越的性能,还以其独特的特点和优势脱颖而出。让我们一起深入探索Qwik.js,发现它如何超越传统,成为前端性能优化的新标杆。一、现有框架的问题1.传统CSR方案慢加载时间:CSR技术通常要求在浏览器中加载和渲染整个页面,这导致初始页面加载时间较长。用户必须等待页面完全加载才能进

vscode设置vetur格式化代码(双引号变单引号 去除分号等)前端小白教程

安装prettier第一步设置vetur 点击设置 搜索vetur 找到formatterjs选择prettier⚠️这一步很重要如果不是prettier下面你设置也会没效果 找到设置settings.json的地方 找到 "prettier":{//间隔修改为2个空格"tabSize":2,//设置分号"semi":false,//双引号变成单引号"singleQuote":true,//禁止随时添加逗号"trailingComma":"none"} 根据需要设置再点击使用..格式化文档选择 这个时候我们就可以格式化的时候直接将双引号变成单引号了更多设置请查看官网文档Options·Pret

前端密码加密 —— bcrypt、MD5、SHA-256、盐

 🐔前期回顾悄悄告诉你:前端如何获取本机IP,轻松一步开启网络探秘之旅_彩色之外的博客-CSDN博客前端获取本机IP教程https://blog.csdn.net/m0_57904695/article/details/131855907?spm=1001.2014.3001.5501     在前端密码加密方案中,bcrypt与SHA-256都是常见的加密算法,它们各有优劣。首先,bcrypt是一种专门用于密码哈希的算法,并且包含了自带的盐。它使用Salt和Cost参数来控制哈希的复杂程度。bcrypt的主要优点是它的计算成本可调节,可以增加破解密码的难度。这意味着即使密码遭到泄露,攻击者也

vue组成部分:前端后端调用方法传参(实操基础版)

文章目录前言vue组件的三大部分实战以axios为例不带参传输带参传输前言    前后端传递信息,POST、Get方法,精简版    在RestFulAPI中,前后端是分离的,后端不在负责视图的渲染,只负责返回指定的前端请求后端Rest风格的API,后端接收到前端的请求之后,会根据请求方法类型,参数执行一些对应的操作。然后返回JSON格式的数据给前端。前端使用ajax技术发送http请求,可以使用原生的API,比如xhr、fetch、PromiseAPI。Jquery中的$.ajax,以及现在常用的第三方http库axios实操java后端常用注解:@CrossOrigin前后端分离的项目一定

javascript - 使用 angularjs , nodejs , expressjs 单击按钮后在前端下载 Csv 文件

我想在前端下载.csv文件。这是我的代码:$http.get('/entity/consultations/_/registerationReport').success(function(data){myWindow=window.open('../entity/consultations/_/registerationReport','_parent');myWindow.close();});我使用json2csv转换器写入csv文件。json2csv({data:report,fields:fields},function(err,csv){if(err)throwerr;re

vue使用printJs实现前端打印,以及打印分页实现

在web端可以直接使用原生调用方法调用打印,但是往往需要单独把需要打印的东西拎出来画一个单独的html,而使用printJs则可选中你需要打印的代码块,进行页面局部打印我的需求为将表格打印出来,并且超过分页数进行分页展示以下内容参考了其他博主的实现方法,仅供参考实现打印1.可以直接使用以下代码,在项目中生成一个js文件,并在main.js中全局引用,以下代码为Vue使用PrintJS实现页面打印功能_this.$print_呆小杰的博客-CSDN博客呆小杰博主修改后的代码,也可以使用npm下载引用/***打印类属性、方法定义,需要先在插件中引入*使用示例:1.先在mian.js中引入*2.函数

【前端】Vue+Element UI案例:通用后台管理系统-面包屑、tag栏

文章目录目标代码0.创建组件、完成路由1.面包屑2.用Vuex完成数据的通信:从Aside和Header到面包屑和tag3.面包屑样式4.tag栏结构5.tag事件6.tag样式效果总代码本篇修改或新建的文件CommonTags.vuetab.jsrouter的index.js参考视频:VUE项目,VUE项目实战,vue后台管理系统,前端面试,前端面试项目案例链接【前端】Vue+ElementUI案例:通用后台管理系统-导航栏(视频p1-16)https://blog.csdn.net/karshey/article/details/127640658【前端】Vue+ElementUI案例:通

基于Sentry的前端性能监控平台搭建与应用

一、Sentry简介Sentry是一套开源的实时异常收集、追踪、监控系统,支持几乎所有的语音和平台。这套系统由对应各种语言的SDK和一套庞大的数据后台服务组成,通过SentrySDK的配置,可以上报错误关联的版本信息、发布环境。同时SentrySDK会自动捕捉异常发生前的相关操作,便于后续异常追踪。最后,异常数据上报到数据服务之后,会通过过滤、关键信息提取、归纳展示在数据后台的Web界面中,功能架构如下图所示。二、环境搭建2.1官方Sentry服务Sentry项目是开源的,但是也提供付费版本,省去自己搭建和维护Python服务的麻烦。自己搭建的话,灵活性相对较高,可以做很多的定制化开发。首先,

【前端】Vue生命周期函数(详细讲解+中文图解)

目录一、何为生命周期1、含义2、理解二、生命周期定义(官网)1、vue22、vue3三、生命周期图解1、vue2生命周期图解2、vue3生命周期图解四、Vue的生命周期五、Vue2生命周期和Vue3生命周期的区别六、Vue生命周期的主要阶段以及8个周期函数1、optionsAPI和compositionAPI2、创建阶段(初始化相关属性):beforeCreate()、created()2、挂载前阶段:beforeMount()、onBeforeMount()3、挂载后阶段:mounted()、onMounted()4、更新阶段(元素或组件的变更操作):beforeUpdate()、updat