web
文章平均质量分 70
web
Sunny_Future
微笑面对人生。
展开
-
vue-element-admin实践系列(二)初始化系统的页面元素
1、修改默认参数1.1 修改启动端口1.2 修改网页title1.3 修改网站 ico1.4 效果如下2、自定义左侧导航栏2.1 修改侧边栏 Logo2.1.1 自定义Logo文字2.1.2 自定义Logo背景色2.1.3 设置Logo默认自动打开2.2 删除导航栏内嵌广告原创 2023-05-25 22:23:05 · 1235 阅读 · 0 评论 -
vue-element-admin实践系列(一)代码部署及运行demo
vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18 国际化解决方案,动态路由,权限验证,提炼了典型的业务模型,提供了丰富的功能组件,它可以帮助你快速搭建企业级中后台产品原型。相信不管你的需求是什么,本项目都能帮助到你。原创 2023-05-21 18:36:57 · 1227 阅读 · 0 评论 -
ant-design-pro丝滑上手
1、ant-design-pro 概述1.1 项目简介Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案。一句话,开箱即用的web框架。1.2 项目架构官方文档github2、跑一个 demo2.1 环境依赖2.1.1 npm安装Node.js是一个新的后端(后台)语言,它的语法和JavaScript类似,所以可以说它是属于前端的后端语言,后端语言和前端语言的区别:运行环境:后端语言一般运行在服务器端,前端语言运原创 2022-03-17 23:14:44 · 3229 阅读 · 0 评论 -
react ant protable自定义搜索下拉框
1、背景select选择框很常见,这里实现 react ant protable实现自定义搜索下拉框2、coding const [selectEnum, setSelectEnum] = useState({}); const asyncFetch = () => { fetch('https://localhost/api/search_list') .then((response) => response.json())原创 2022-03-09 00:32:29 · 3504 阅读 · 0 评论 -
selenium の demo
1、selenium 概述Selenium 是web自动化测试工具集,包括IDE、Grid、RC(selenium 1.0)、WebDriver(selenium 2.0)等。2、环境部署 (Chrome)下载 与 浏览器版本 对应的 驱动,放置到 开发语言(python)的执行脚本里,提供给py 即可。pip install selenium2.1 查看 浏览器版本2.2 下载驱动链接如下:http://npm.taobao.org/mirrors/chromedriver/h原创 2021-03-28 19:47:48 · 410 阅读 · 2 评论 -
vue+django前后端分离之hippo后端初始化
1、项目结构调整├── hippo_api/ # 后端项目目录 ├── logs/ # 项目运行时/开发时日志目录 ├── manage.py ├── hippo_api/ # 项目主应用,开发时的代码保存 │ ├── apps/ # 开发者的代码保存目录,以模块[子应用]为目录保存(包) │ ├── libs/ # 第三方类库的保存目录[第三方组件、模块](包)原创 2021-01-24 01:07:18 · 1758 阅读 · 1 评论 -
vue+django前后端分离之hippo前端初始化(npm && vue-cli)
1、node.js 安装1.1 nvm方式Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。由于node.js的版本更新迭代很快,所以你可能会遇到同一台电脑来维护多个版本的node.js开发的项目,那么自己电脑上对于多个nodejs的解释器管理起来就比较困难了,所以你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本。 nvm工具的下载和安装:win: https://www.jianshu.com/p/d0e0935b150a原创 2021-01-19 23:39:35 · 630 阅读 · 0 评论 -
python画图小例(玫瑰、佩奇、哆啦A梦、美队盾牌)
玫瑰from turtle import *import timesetup(600, 800, 0, 0)speed(0)penup()seth(90)fd(340)seth(0)pendown()speed(5)begin_fill()fillcolor('red')circle(50, 30)for i in range(10): fd(1) left(10)#circle(40, 40)#for i in range(6): f.原创 2021-01-09 21:59:13 · 1007 阅读 · 0 评论 -
win10安装JMeter教程
1、下载 java8或以上版本下载 java8安装java 环境变量JAVA_HOMEPath编辑-->新增:%JAVA_HOME%\bin测试java2、下载 jmeterWindows版本下载zip,Linux|MAC版本下载tgz,一般下载Binaries,Source含有源码;下载后无需安装,解压后即可使用。下图为解压后的目录3、启动测试点击 ApacheJMeter.jar,即可运行JMeter3、创建JMeter桌面快捷方式.原创 2020-12-27 23:17:54 · 894 阅读 · 0 评论 -
tips of web
1、指定数组分割符后端传来数据 ["barry", "alex", "yuan"]1.1 input展示前端input默认展示,默认以’,’ 分割barry,alex,yuan效果如下,欲指定分隔符为 ’;’barry;alex;yuancoding# js this.temp.users = ["barry", "alex", "yuan"]this.temp.users = this.temp.users.join(";")1.2 table内tag展示原创 2020-12-11 20:41:08 · 153 阅读 · 0 评论 -
csdn自定义设置图片大小
csdn插入图片,默认的尺寸有时候会大一点,略显突兀。那么如何自定义呢?假如:原图上传如下:自定义大小:500 X 300实现方法如下:空格=500x300原创 2020-11-19 23:41:32 · 477 阅读 · 1 评论 -
L2Dwidget二次元看板娘的web用法
打工人的猎奇心: 发现某些blog网站左下方或者右下方出现的二次元卡通人物或萌萌阿猫,除了萌,还可以监听鼠标行为的同时,产生互动的现象。为探究竟,打工人开始了行动…一、看板娘 hexo live2d 演示shizuku 看板娘看板娘githttps://github.com/raoenhui/live2d-example看板娘文档https://juejin.im/post/6844904032423641096二、代码实原创 2020-11-11 00:36:04 · 3611 阅读 · 2 评论 -
前端基础之css样式属性
上篇文章主要介绍了css的标签基本用法,本次主要介绍查找到标签的属性操作。一、css 文本属性1.1 文本颜色颜色属性被用来设置文字的颜色。颜色是通过CSS最经常的指定:十六进制值 - 如: #FF0000一个RGB值 - 如: RGB(255,0,0)RGB(R,G,B) # R 、G 、B 各自取值范围是 0 - 255颜色的名称 - 如: redp{color: deepskyblue;}RGB颜色参考1.2 文本水平对齐方式1.3 文本其他属性...原创 2020-11-07 23:07:19 · 1324 阅读 · 1 评论 -
HTTP标准状态码及非官方拓展码大全
HTTP状态码 HTTP状态码(英语:HTTP Status Code)是用以表示网页服务器超文本传输协议响应状态的3位数字代码。它由 RFC 2616 规范定义的,并得到 RFC 2518、RFC 2817、RFC 2295、RFC 2774 与 RFC 4918 等规范扩展。所有状态码的第一个数字代表了响应的五种状态之一。所示的消息短语是典型的,但是可以提供任何可读取的替代方案。 除非另有说...原创 2018-08-02 15:37:28 · 5134 阅读 · 0 评论 -
前端基础之js
JavaScript概述1992年Nombas开发出C-minus-minus(C–)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言)Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成.后改名叫Javascript微软随后模仿在其IE3.0的产品中搭载了一个JavaScript的克隆版叫Jscrip原创 2020-11-05 00:40:16 · 193 阅读 · 0 评论 -
前端基础之css常用语法
一、CSS 介绍 CSS (Cascading Style Sheets,层叠样式表)是用来控制网页在浏览器中的显示外观的声明式语言。浏览器会根据 CSS 的样式定义将其选定的元素显示为恰当的形式。一条 CSS 的样式定义包括属性和属性值,它们共同决定网页的外观。 CSS 与 HTML 和 JavaScript 并称 Web 三大核心技术。一般用它来定义 HTML 元素 的样式,但它也能用于其他标记语言,如 SVG 和 XML。 &nb原创 2020-10-31 23:48:32 · 824 阅读 · 1 评论 -
前端基础之html
一、什么是 web 应用程序?B/S 架构,用户必须通过具体的浏览器客户端来访问服务器,从而获得具体内容浏览器 和 服务器 实现交互通信,必须遵守 http 协议机制二、HTTP协议浅谈超文本传输协议,用来规定服务端和浏览器之间的数据交互的格式1、四大特性基于请求响应基于TCP/IP作用于应用层之上的协议无状态不保存用户的信息一个人来了一千次,也不会记住,每次都待他如初见由于HTTP协议是无状态的,所以后续出现了一些专门用来记录用户状态的技术cookie、原创 2020-10-23 00:14:10 · 928 阅读 · 0 评论 -
手撸socket服务器交互web网页数据
实现效果前端form表单数据 及传参后台接收到键值对数据,并返回数据(注意遵循网络通信协议,http协议)返回展示网站首页代码实现1、socket 后台socket 起一个server端,监听服务import socketsock = socket.socket()sock.bind(('127.0.0.1', 8899))sock.listen(5)while 1: req_sock, address = sock.accept() data原创 2020-10-19 00:21:11 · 771 阅读 · 1 评论 -
vue-element系列 内table插入超链接 a 标签用法
vue-element系列 内table插入超链接 a 标签用法用法可以去掉原<span>标签,使用<el-link>即可<el-table-column :label="$t('es.cloud_url')" min-width="15px" align="center"> <template slot-scope="{row}"> <el-link :href="row.cloud_url" target="_blank"原创 2020-09-15 15:25:06 · 19449 阅读 · 0 评论 -
element-ui的table表格的表头与内容列不对齐解决
问题描述:element-ui的table表格的表头与内容列不对齐,出现错位??解决方法:将以下代码直接放到 app.vue里 或者 html里即可.el-table th.gutter{ display: table-cell!important; }原创 2020-09-10 20:37:35 · 2852 阅读 · 1 评论 -
强大的开源跨平台绘图软件 - diagrams
1、diagrams 介绍diagrams.net is open source, online, desktop and container deployable diagramming software diagrams 是一款开源的跨平台绘图软件,支持mac、linux、win等系统,功能强大,且支持在线、客户端及容器的应用,谓之强大、强大…2、diagrams 官网官网在此:https://www.diagrams.net/3、下载安装直接 github 下载即可使用,也是很方便原创 2020-09-10 00:31:25 · 10455 阅读 · 0 评论 -
手动update或写入字段中文数据乱码解决壮阔东方æ½?奋进新æ—
比如我本地服务器端数据库更新或写入中文,在数据库查看正常,但是在vue前端则打印 壮阔东方æ½?å¥‹è¿›æ–°æ— ,这啥玩意儿~定位到数据库编码问题虽然在服务器端可以显示中文正常,在本地数据库服务端也显示正常,但是在客户端可能会显示乱码。因为我们的服务器是UTF8,这里就需要查看下数据库编码的问题了。如下操作show variables like '%char%';MariaDB [es_model]> set character_set_server=utf8;Q原创 2020-09-08 10:27:16 · 27965 阅读 · 0 评论 -
uv|vv|pv|dau|dvv|qps背后の网站指标
关于一些互联网专业术语,这里网络收集记录,备用。pv(page view,页面浏览量)指页面浏览的次数,用以衡量网站用户访问的网页数量用户每次打开一个页面便记录1次PV,多次打开同一页面则浏览量累计PV是指页面刷新的次数,每一次页面刷新,就算做一次PV流量一般来说,PV与来访者的数量成正比,但是PV并不直接决定页面的真实来访者数量,如同一个来访者通过不断的刷新页面,也可以制造出非常高的PV。具体的说,PV值就是所有访问者在24小时(0点到24点)内看了某个网站多少个页面或某个网页多少次。PV是原创 2020-08-18 23:37:52 · 1990 阅读 · 0 评论 -
vue+elementUI项目搭建
安装node基于node之npm环境下操作vue,所以先部署nodewget https://npm.taobao.org/mirrors/node/latest-v13.x/node-v13.8.0-linux-x64.tar.gzmkdir /usr/local/node tar -zxf node-v13.8.0-linux-x64.tar.gz -C /usr/local/nod...原创 2020-05-05 21:52:31 · 659 阅读 · 1 评论 -
socket服务读取文件index.html
python搭建socket服务端,指定端口8000,读取内容指定文件index.htmlsocket服务端import socketdef handle_request(client): buf = client.recv(1024) client.send(bytes("HTTP/1.1 200 OK\r\n\r\n",encoding='utf-8')) ...原创 2020-04-11 11:17:17 · 476 阅读 · 0 评论