草庐IT

初级前端

全部标签

Vue2 实现前端分页 使用Element-ui 后端返回数据没有字段 以及后端有字段实现分别实现分页

后端如果一次给你返回很多数据那么浏览器会卡那么要实现分页也是属于性能优化的一种 比如把一万条数据显示成每页10条或者更多. 不会引起阻塞每次点击的时候给后端传入字段 在联调的时候要划分好责任看后端有没有给你字段还是要你自己实现不过大部分都是后端给的字段也是必须的 就是每次用户点击的时候在去请求数据每次请求多少条1.这个是前端分页后端分页在下面1.使用element-ui的分页组件分页完整功能//返回的数据长度page-size每页显示条目个数,支持.sync修饰符current-page当前页数,支持.sync修饰符total总条目数number—2.在分页组件里面的data里面开始写需要的数

web前端面试高频考点——Vue的高级特性(动态组件、异步加载、keep-alive、mixin、Vuex、Vue-Router)

系列文章目录内容参考链接Vue基本使用Vue的基本使用(一文掌握Vue最基础的知识点)Vue通信和高级特性Vue组件间的通信及高级特性(多种组件间的通信、自定义v-model、nextTick、插槽)Vue高级特性Vue的高级特性(动态组件、异步加载、keep-alive、mixin、Vuex、Vue-Router)Vue原理1Vue原理(理解MVVM模型、深度/监听data变化、监听数组变化、深入了解虚拟DOM)Vue原理2Vue原理(diff算法、模板编译、组件渲染和更新、JS实现路由)Vue面试题web前端面试高频考点——Vue面试题文章目录系列文章目录一、Vue高级特性1、动态组件2、

从0搭建前端脚手架详解(小白也可以搭建)

本篇文章用来为大家提供一个搭建简易前端脚手架的思路。先来看一眼实现的效果。从图上来看这个脚手架的功能非常的简单只有一个创建的命令,其他都是帮助和显示版本号的。也就是上图这句,创建一个新项目,只需要输入create项目名便可使用,在创建时执行了一系列的操作,这一块的思路很简单,就是将git仓库中的项目模板拷贝下来再依据使用者的不同操作对复制下来的模板的部分文件进行修改就可以了,大致思路便介绍到这里,接下来我们便来详细的讲讲如何实现,以及会用到的依赖。脚手架目录结构了解搭建的脚手架脚手架就是在启动的时候询问一些简单的问题,并且通过用户回答的结果去渲染对应的模板文件,我们接下来的流程亦是如此脚手架的

存证平台——小程序前端

存证平台——小程序前端简介效果展示简介前端主要做了几个简单的表单页面,做的过程中主要做了数字借条生成的全过程。在开发的过程中我发现我们的初代方案,仅仅是填写借东西双方的姓名、学号等信息还是不够可靠,无法满足后续验证借款的需要。我从传统借条中获得灵感,加入了手写签字部分,将签名通过canvas放到图片信息上,这样可以使之获得法律效力,之后手写签名在后端经过加密后同时会传到区块链上,能够更好的提高校园借售平台的可靠性。同时这里我想到了将上传的内容从枯燥的数据改为借款图片会更加的符合现实场景,于是设计了借条图案和格式。最终手写签字和图片生成都是依靠小程序的Canvas库实现的,前端生成可以节省后端数

ARM开发初级-Windows环境下的STM32开发环境搭建(包含missing compiler version 5的解决方法)-学习笔记02

文章目录1.KeilMDK-ARM简介及安装1.1KeilMDK-ARM简介1.2KeilMDK-ARM获取与安装2.安装ST_LINK烧写工具3.STM32CubeMX3.1简介3.2下载3.3基本使用4.MissingCompilerVersion5路径中不要有中文,不管哪个软件1.KeilMDK-ARM简介及安装1.1KeilMDK-ARM简介KeilMDK,也称MDK-ARM,RealviewMDK(MicrocontrollerDevelopmentKit)等。目前KeilMDK由三家国内代理商提供技术支持和相关服务。MDK-ARM软件为基于Cortex-M、Cortex-R4、AR

微信小程序图片前端压缩(canvas)

将需要压缩的图片绘制在canvas,然后利用微信提供的canvasToTempFilePath()方法保存成一个图片,保存时可以根据所需指定生成图片的质量。通过canvas配合这个接口,可以实现两种图片的压缩:1.声明好图片高度/宽度临界值,压缩图片的宽高;2.不改变图片的宽高,只改变图片的质量;首先页面需要声明一个canvas画布:其中cWidth和cHeight分别是渲染的图片高度和宽度,根据上传的图片信息获取;-9999px是为了使画布偏离屏幕;.canvas{position:absolute;left:-9999px;top:-9999px}1.通过修改图片的宽高来压缩图片通过修改宽

猿创征文|前端之行,任重道远(来自大三学长的万字自述)

🧑‍💼个人简介:本科大三学生、全栈领域优质创作者、华为云享专家、阿里云专家博主、第十三届蓝桥杯国赛三等奖获得者,拥有软件著作权1项。一个不甘平庸的平凡人🍬📖前言目前正值开学季,很多同学满怀憧憬、向往未来。对于一些计算机类专业的同学可能已经开始去了解计算机方向的各种名词和含义,开始思考自己将来发展的方向了。借助猿创征文第二季|技术成长之路的活动,我来讲讲我的前端学习之路,如果你正在寻找哪个方向适合你,或者你正处于前端学习迷茫的阶段,希望这篇文章会对你有所帮助❤️有幸相遇,待我向你慢慢诉说我的前端技术成长之路✍️文末有全面详细的前端学习计划,不要错过哦🍬🔖目录📖前言📑个人介绍📑初识前端📑初入大学📑

html - 如何衡量前端代码行数(HTML、CSS、JS、JSP)?

我工作的公司正在接受审计,我必须提供一些关于我们代码库的指标。我提供了一些关于我们使用Eclipse插件的Java代码的统计数据。但我还需要测量前端代码的行数:HTML、CSS、JS、JSP。是否有(Windows)工具可以帮助解决这个问题? 最佳答案 要获取JS和HTML中javascript的代码指标,您可以使用ProjectCodeMeter(它会给你LOC,常量,复杂性,算术甚至开发时间),但对于CSS和HTML标记我不知道任何测量工具,当我想到它时,这些主要是由DreamWeaver或CMS模板等编辑器生成的,所以它们并不

2023年web前端开发学习路线图

前端学习路线图火热出炉啦,还在为如何系统学习苦苦寻觅资源么?2023年新版前端学习路线图这不就来了么!小伙计们甩开膀子学起来吧。只要能坚持学下来,一定可以学有所成!新手入门: HTML5+CSS3+实战项目 → 移动webJavaScript阶段: JavaScript基础 → JavaScript核心Web APIs → 数据交互 & 异步编程Ajax\GitVUE开发: 框架前置课Nodejs&es6 → Vue2+Vue3全套React + 微信小程序: React → TypeScript → 微信小程序                  前端学习路线详细介绍  第一阶段    基础入

【前端】Vue+Element UI案例:通用后台管理系统-用户管理:Form表单填写、Dialog对话框弹出

文章目录目标代码0.页面结构1.新增按钮和弹出表单:结构2.新增按钮和弹出表单:点击新增弹出表单3.表单样式4.表单验证5.表单的提交和取消功能:接口、mock相关准备6.表单的提交和取消功能提供的数据和接口1-operateFormLabel.js5-user.js效果总代码参考视频:VUE项目,VUE项目实战,vue后台管理系统,前端面试,前端面试项目案例链接【前端】Vue+ElementUI案例:通用后台管理系统-导航栏(视频p1-16)https://blog.csdn.net/karshey/article/details/127640658【前端】Vue+ElementUI案例:通