前言vue中城市列表和搜索很常见,这篇文章就来说说怎么实现搜索和城市列表1.实现搜索布局代码:<div class="search-bar"> <input class="search-input" v-model="citySearchResult" :placeholder="searchDefault" :key="searchTitle" @endEdi
Read More
moregeek program
前端三个实用小妙招分享给大家-多极客编程
前言整理下本人在工作中撸代码遇到的一些刚看时一脸懵,实则很简单就能解决的小妙招,希望对大家有所帮助~伪元素动态改变其样式我们都用过伪元素,什么::before,::after啊这些等等,但是他们都不会直接在代码里html中生成标签,那么有时我们不行再加dom元素了,明明就用改dom元素的伪元素更简单,如下图:那个蓝色的进度条就是用动态改变伪元素样式的方式来实现的,那么接下来来看下具体实现方案吧!在
Read More
Read More
在vue3这样子写页面更快更高效-多极客编程
前言在开发管理的后台过程中,会增加、删除、更改很多页面,这些页面的逻辑大多相同,比如获取列表数据、分页、筛选等基本功能。不同的是呈现的数据项。还有一些操作按钮。对于刚开始只有 1,2 个页面的时候大多数开发者可能会直接将之前的页面代码再拷贝多一份出来,而随着项目的推进类似页面数量可能会越来越多,这直接导致项目代码耦合度越来越高。这也是为什么在项目中一些可复用的函数或组件要抽离出来的主要原因之一下面
Read More
Read More
中文乱码的几种解决方法_crmeb中邦科技的博客-多极客编程
首先说明我的特殊情况:在前台jsp中,我使用了form post请求,设置enc,页面编码格式为utf-8。后台我用的是commons-fileUpload组件,ServletFileUpload解析表单表单和文件。设置 request.setCharacterEncoding("UTF-8");设置了ServletFileUpload .setHeaderEncoding("UTF-8")在To
Read More
Read More
vue最佳实践和实用技巧_crmeb中邦科技的博客-多极客编程
1.props限制和透传内自定义限制props: { size: { // 自定义验证函数 validator: (val) => { return ["small", "medium", "large"].includes(val); }, }}复制代码这个验证函数接受一个 prop值,验证并返回 true
Read More
Read More
vue/js自定义指令:实现元素滑动、移动端适配以及边界处理_qq6310682252356的博客-多极客编程
§核心属性Element.clientWidth:元素可视宽度。Element.clientHeight:元素可视高度。MouseEvent.clientX:鼠标相对于浏览器左上顶点的水平坐标。MouseEvent.clientY:鼠标相对于浏览器左上顶点的垂直坐标。Touch.clientX:触点相对于浏览器左上顶点的水平坐标(移动端属性)。T
Read More
Read More
首先要学习什么:docker 还是 kubernetes?_crmeb中邦科技的博客-多极客编程
Docker 和 Kubernetes 是完全不同的技术。学习他们两个都非常重要。那么,两者有什么区别呢?谈到应用程序开发,很多人想知道该选择什么,Docker 或 Kubernetes。但是,这两种技术对于适当的容器化都至关重要。因此,同时学习它们可以使您在竞争中领先,并使您成为需要的专业人士。当我们谈到 容器技术时,Docker 和 Kubernetes 都是开源的领导
Read More
Read More
jwt 实现登录认证 + token 自动续期方案_crmeb中邦科技的博客-多极客编程
JWT 实现登录认证 + Token 自动续期方案,这才是正确的使用姿势!项目中基本都有用户管理模块,而用户管理模块会涉及到加密及认证流程。今天就来讲讲认证功能的技术选型及实现。技术上没啥难度当然也没啥挑战,但是对一个原先没写过认证功能的人来说也是一种锻炼吧技术选型要实现认证功能,很容易就会想到 JWT 或者 session,但是两者有啥区别?各自的优缺点?应该 Pick 谁?夺命三连区别基于 s
Read More
Read More
前端该如何优雅地 mock 数据_crmeb中邦科技的博客-多极客编程
一、什么是 MockMock 在软件开发领域,我们将其理解成 “模拟数据”、“虚假数据”。二、Mock 的好处好处有很多,一句话概括,有了 Mock,前后端人员只需要定义好接口文档就可以开始并行工作,互不影响。三、实现 Mock1. 安装 node.js2. 安装其他依赖包express (express 框架): npm install express -gexpress-generator (
Read More
Read More
#yyds干货盘点# vue中的数据请求axios简单封装和使用-多极客编程
一:什么是axios 简单的来说,Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中,我们在项目中会经常用axios请求接口来获取数据。二:下载方式直接在当前使用的项目中打开终端:npm install axios --save 或者yarn add axios三:拦截器拦截器就是在数据请求的过程中,拦截请求或者拦截响应的技术请求拦截器:就
Read More
Read More
一个简单的RSS源生成类-多极客编程
<?php
/******
定制RSS源
RSS2.0样式
<?xml version="1.0" encoding="utf8"?>
<?rss version="2.0">
<channel>
<!-- 三个必须的标签 -->
<title></title>
<link></link
Read More
Read More
XML语法-多极客编程
基础介绍XML 被设计用来传输和存储数据,其焦点是数据的内容。HTML 被设计用来显示数据,其焦点是数据的外观。XML 数据以纯文本格式进行存储,因此提供了一种独立于软件和硬件的数据存储方法。基本语法类似HTML,XML 文档形成一种树结构。XML 文档必须包含根元素。该元素是所有其他元素的父元素。XML 文档中的元素形成了一棵文档树。这棵树从根部开始,并扩展到树的最底端。在 XML 中,省略关闭
Read More
Read More