草庐IT

前端库

全部标签

前端出现变量map未定义

原来错误代码mounted(){....this.map.addEventListener("click",function(e){//地图单击事件vargeocoder=newBMap.Geocoder();varpoint=newBMap.Point(e.latlng.lng,e.latlng.lat);console.log("经度:"+e.latlng.lng+"纬度"+e.latlng.lat);geocoder.getLocation(point,function(geocoderResult,LocationOptions){//清除点this.map.clearOverlays

前端在this.$message.error中实现换行或居中的操作

前端在this.$message.error中实现换行或居中的操作换行:1-在this.$message.error的参数中使用\n字符来表示换行,例如this.$message.error('第一行\n第二行')。2-在this.$message.error的参数中使用标签来表示换行,并且设置dangerouslyUseHTMLString:true属性,例如this.$message.error({dangerouslyUseHTMLString:true,message:'第一行第二行',})。3-在this.$message.error的参数中使用数组来表示多行消息,并且设置dange

推荐 8 个支持 Vue3 的前端 UI 组件库,免费开源、漂亮美观,涵盖常用的业务组件

Vue3正式发布已经快2年了,今年2月也正式变成Vue项目的默认版本,今天分享8个优秀的Vue3UI组件库。ElementPlus相关网址:https://www.thosefree.com/element-plus饿了么团队基于Vue3.0更新发布的优秀开源桌面UI组件库,这是ElementUI的升级版本,体验同样优秀,api更加友好,文档同样详尽,很香,也是我开发管理后台的主要UI框架。在本站建站之初就强烈发文推荐过Element–饿了么团队出品的神级桌面UI组件库,它诞生于2016年,起初是饿了么内部的业务组件库,主要用于快速开发中后台管理产品。在开源后深受广大前端开发者的喜爱,4年多的

前端vben框架中表格table问题汇总

1.template中的代码新增导入导出删除-->2.script中代码:const[registerTable,{reload}]=useTable({//api:list,//请求接口columns:columns,//设置表格的表头dataSource:dataSources,//表格的数据formConfig:{labelWidth:80,schemas:searchFormSchema,resetFunc:resetFunc,},pagination:true,//展示表格下方的分页clickToRowSelect:true,//点击当前行多选框不选中,默认是true//stripe

前端魔法:掌握动态 class,让网页元素随心所欲

前言当你动态的添加类名,在某个变量匹配需求时自动切换到某个类名,实现其对应的效果。这个过程就是我们常说的动态class,今天就和大家一起聊聊前端中的动态class。一、对象语法1.1绑定单个class我们可以传给v-bind:class一个对象,以动态地切换class,如下案例:template>div>el-button@click="clickOn"v-bind:class="{'active':isActive}">点击我el-button>div>template>script>exportdefault{data(){return{isActive:true,};},methods:

【运维】Linux安装Nginx并部署前端项目的两种方式【内/外网-保姆级教程】

目录第一种方式1准备nginx安装包并解压2执行以下命令,安装nginx依赖包3编译安装nginx4验证安装第二种方式1下载所需要的安装包2安装步骤2.1将下载的完整文件夹通过压缩包的形式,上传到你的路径下解压.2.2进入到gcc文件夹下,执行命令:2.3进入到gcc-c++文件夹下,执行命令:2.4检查gcc、gcc-c++是否安装成功2.5执行gcc-v , g++-v 出现带有success或版本信息代表安装成功;2.6安装PCRE:2.7安装libtool 2.8安装nginx3如何进行操作3.1进入到linux服务器切换到root用户3.2直接进入到nginx默认安装的位置3.3ng

在线选课的微信小程序(微信前端+网站后端)

目录一、前言二、微信小程序端(老师、学生)1.学生用户前端小程序界面 2.老师前端小程序界面三、后端(管理员、老师、学生)3.老师后端4.管理员后端四、代码获取与调试一、前言这是一个在线选课的微信小程序,使用了idea+Navicat+maven+vue+微信开发者工具。二、微信小程序端(老师、学生)1.学生用户前端小程序界面   2.老师前端小程序界面 三、后端(管理员、老师、学生)3.老师后端功能:有个人中心,课程信息管理,学生选课管理,课程成绩管理 4.管理员后端功能:有个人中心,修改个人资料和密码,学院管理,专业管理,班级管理,学生管理,教师管理,课程名称管理,班级课表管理,课程信息管

微信小程序 内容评论-回复评论-回复回复的实现(纯前端)

wxml共{{comment_list.length+comment_list2.length}}条评论{value}}"placeholder="{{placeholder2}}"placeholder-class="container_place"bindconfirm="bindconfirm">{comment_list}}"wx:for-item="list"wx:key="key">{list.comment_user_avatar}}">{{list.comment_user_name}}{list.comment_user_name}}'data-cid='{{list.com

前端显示分页详解

    我们在浏览页面的时候,是不是经常看到网页经常是以页面的形式给我们展现出来的,我们以淘宝的页面为例(如下图),那这样按照页面呈现有什么好处呢?这篇文章让我们来深入探究了解这其中的奥秘。 优点:分页可以减少数据库的搜索次数,降低数据库的压力,每次只需要查询该页的数据,不需要向原来一样每次查询都查询数据库里的全部的数据。前端: 1.我们在Element中找到对应组件  2.找到一个合适的组件,赋值粘贴到HTML中  后续操作后端说完再进行介绍后端:以前在数据库中,我们经常用limit进行分页/*分页;一个显示一部分数据,可以分页显示假定有5条数据,每一页想显示2条数据第一页查询

面试:前端安全之XSS及CSRF

一、概念:XSS攻击全称跨站脚本攻击(CrossSiteScripting);CSRF(Cross-siterequestforgery)跨站请求伪造,也被称为“OneClickAttack”或者Session Riding,通常缩写为CSRF或者XSRF;是一种挟制用户在当前已登录的Web应用程序上执行非本意的操作的攻击方法。跟跨网站脚本(XSS)相比,XSS利用的是用户对指定网站的信任,CSRF利用的是网站对用户网页浏览器的信任。二、XSS什么是XSS?XSS(CrossSiteScripting),即跨站脚本攻击,是一种常见于Web应用中的计算机安全漏洞。恶意攻击者往Web页面里嵌入恶意