前端
文章平均质量分 56
天下·第二
这个作者很懒,什么都没留下…
展开
-
nvm-node多版本管理工具安装
nvm 是一个 nodejs 的版本管理工具。通过它可以安装和切换不同版本的 nodejs,解决 node 各种版本存在不兼容现象。但在安装之前需要先卸载之前的 nodejs。原创 2024-05-18 17:36:30 · 348 阅读 · 0 评论 -
Bootstrap - 【echart】 统计图表基本使用(一)
Bootstrap是一个流行的前端框架,而ECharts是一个流行的可视化库。Bootstrap可以用来设计网站和应用程序的用户界面,而ECharts可以用来创建交互式和可视化的图表原创 2023-07-04 18:54:45 · 2693 阅读 · 0 评论 -
Bootstrap - Table表格内容及tooltip实现鼠标悬停悬浮显示信息
Bootstrap - Table表格内容及tooltip实现鼠标悬停悬浮显示信息原创 2023-06-14 14:07:52 · 2897 阅读 · 0 评论 -
前端 JavaScript控制回车键进行表单(form)提交
前端 JavaScript控制回车键进行表单(form)提交原创 2023-05-08 17:04:44 · 733 阅读 · 3 评论 -
Bootstrap + Django - 前端bootstrap-table列表编辑某列数据下拉框数据变为选中状态【selected】
Bootstrap + Django - 前端bootstrap-table列表编辑某列数据下拉框数据变为选中状态【selected】原创 2023-05-01 10:00:00 · 1143 阅读 · 0 评论 -
Bootstrap + Django - 前端js动态渲染下拉框
Bootstrap + Django - 前端js动态渲染下拉框原创 2023-04-25 17:22:48 · 1290 阅读 · 0 评论 -
Bootstrap + Django - 前端bootstrap-table列表数据使用回调函数控制显示某一列数据
Bootstrap + Django - 列表数据使用回调函数控制显示某一列数据原创 2023-04-25 16:23:37 · 1325 阅读 · 0 评论 -
前端HTML拼接时,用onclick等方法传递对象解决办法
在列表中需要把对象传入到函数中时方法如下。原创 2023-04-21 15:49:48 · 568 阅读 · 1 评论 -
python-websocket前后端实际项目应用
项目实例,数据和图片以json的格式传送到后端并保存前端页面效果:废话不多说,上代码:新建websocket.py文件作为服务端import jsonfrom websocket_server import WebsocketServer# Called for every client connecting (after handshake)def new_client(c...原创 2019-11-15 18:40:44 · 1753 阅读 · 0 评论 -
HTML浪漫动态表白代码+音乐(附源码)(一)
HTML浪漫动态表白代码+音乐(附源码)原创 2023-02-09 20:10:30 · 22987 阅读 · 2 评论 -
前端js实现多次添加累加文件上传和选择删除(django+js)- 编辑回显文件并上传 (二)
前端js实现多次添加累加文件上传和选择删除(django+js)- 编辑回显文件并上传 (二)原创 2023-01-19 11:12:42 · 1480 阅读 · 0 评论 -
前端js实现文件多次添加累加上传和选择删除(django+js)- 添加累加文件上传 (一)
前端js实现文件多次添加累加上传和选择删除(django+js)原创 2023-01-18 15:50:34 · 1210 阅读 · 0 评论 -
bootstrap-table+Django: 服务端分页(包括搜索查询功能)
bootstrap-table+Django: 服务端分页(包括搜索查询功能)原创 2022-11-25 18:11:48 · 1720 阅读 · 0 评论 -
前端bootstrap+fileInput+django后端文件编辑回显
前端bootstrap+fileInput+django后端文件编辑回显原创 2022-11-07 11:06:06 · 1238 阅读 · 0 评论 -
【django】模板继承详解
【django】模板继承详解-模板继承基本思路,子模块应用继承思路及js引入原创 2022-10-31 17:35:17 · 1954 阅读 · 0 评论 -
前端bootstrap+fileInput+django后端是用ajax方式上传form表单数据及多个文件保存到数据库
前端bootstrap+fileInput+django后端是用ajax方式上传form表单数据及多个文件保存到数据库原创 2022-09-20 13:16:03 · 1244 阅读 · 0 评论 -
window10系统引入yarn
wind10 yarn转载 2022-07-17 01:31:37 · 386 阅读 · 0 评论 -
Windows iis项目详细部署之前端Vue(二)
一.前端环境node.js+npm二.构建安装包确认部署配置文件.env url是否正确// .envVUE_APP_BASE_URL=http://10.69.144.29:8181 //VUE_APP_API_BASE_URL 后端API的hostyarn安装依赖:$ yarn install本地开发:$ yarn serve部署打包:$ yarn buildor npm安装依赖:$ npm install本地开发:$ npm run serve部署打包:$ npm原创 2021-10-22 16:15:39 · 796 阅读 · 0 评论 -
vue 解决安装less插件后出现错误:Analyzer will use module sizes from stats file.
安装less插件后出现错误:Analyzer will use module sizes from stats file.不要 在控制面板中的 依赖 中选择 开发依赖 ,搜索 less 和 less-loader 并安装由于版本问题,而是在cmd中输入 npm install less@3.9.0 less-loader@4.1.0 --save-dev...原创 2021-10-09 16:40:38 · 549 阅读 · 0 评论 -
vue form表单上传文件弹窗组件使用
vue form表单上传文件弹窗组件使用先上图,后上码创建组件createIdeaPop.vue直接上代码啦createIdeaPop.vue<template> <div class="modal-bg" v-show="showPop" @mousemove="modalMove" @mouseup="cancelMove"> <div class="modal-container"> <div cl原创 2021-09-18 15:02:49 · 1029 阅读 · 0 评论 -
vue css/stylus布局
vue html/css/stylus布局1.router.js配置2.在对应配置目录下创建相应组件在@page/create-test目录下创建index.vue组件index.vuehtml<template> <div class="createTest"> <!-- 左侧内容布局--> <div class="content"> <div class="原创 2021-09-18 14:19:28 · 396 阅读 · 0 评论 -
vue 中img的src属性绑定问题-后端传递图片名称前端进行渲染
vue 中img的src属性绑定问题-后端传递图片名称前端进行渲染应用<img :src="`/imgs/${type.name}.svg`" alt="type-img" class="type-img" />后端返回数据[ { "catalogue": { "name": "Configuration" }, "types": [ { "name"原创 2021-09-09 16:37:24 · 1633 阅读 · 0 评论 -
vue开发demo - 音乐播放器(二)
1.数据接口准备1:歌曲搜索接口请求地址:https://autumnfish.cn/search请求方法:get请求参数:keywords(查询关键字)响应内容:歌曲搜索结果2:歌曲url获取接口请求地址:https://autumnfish.cn/song/url请求方法:get请求参数:id(歌曲id)响应内容:歌曲url地址3.歌曲详情获取请求地址:https://autumnfish.cn/song/detail请求方法:get请求参数:ids(歌曲id)响应内容:原创 2021-08-13 11:20:18 · 405 阅读 · 0 评论 -
vue开发demo - 天气助手应用(一)
1.数据准备请求地址:http://wthrcdn.etouch.cn/weather_mini请求方法:get请求参数:city(城市名)响应内容:天气信息点击回车查询数据渲染数据2.目录结构3.代码示例1.js<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="wid原创 2021-08-10 18:03:33 · 273 阅读 · 0 评论 -
如何搭建一个vue项目(完整步骤)
一.安装node环境1、下载地址为:https://nodejs.org/en/二.搭建vue项目参考链接:1.https://www.cnblogs.com/hellman/p/10985377.html2.官网:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create原创 2021-05-27 13:38:19 · 198 阅读 · 0 评论 -
chrom插件使用方法
chrome插件使用方法添加链接描述转载 2021-05-17 18:54:24 · 66 阅读 · 0 评论 -
前端加载页面后自动滚动内容(水平,竖直)
前端滚动内容竖直滚动水平滚动综合应用竖直滚动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript上下滚动</title> <style type="text/css"> * { margin: 0; padding: 0;原创 2021-01-05 17:50:50 · 1243 阅读 · 0 评论 -
实现在html页面加载之后执行js方法
方法一、JS方法οnlοad="load();1.最简单的调用方式,直接写到html的body标签里面:<html> <body onload="load();"> </body> </html>方法二:window.οnlοad=function引入js,在script中使用window.onload=function方法<!-- 全局js --><script src="../js/jquery.min.原创 2021-01-05 17:31:27 · 4916 阅读 · 1 评论 -
前端入门5-CSS弹性布局flex
前言概述:弹性布局的作用有点儿类似 Android 中 LinearLayout 和 RelativeLayout 两者的合成版,即:支持横向布局,纵向布局,start,end,center 布局,宽高按比例瓜分等等,当然它还有很多其他功能,比如自动换行,按指定 order 排列等。总之有了 Android 基础,理解弹性布局 flex 蛮容易的。可以这么的理解,传统的网页布局方式是通过 display 和 position 以及 float 三者完成的,借助块级元素,行内元素特性,结合 positio原创 2020-06-22 17:16:27 · 304 阅读 · 0 评论 -
python flask+jinjia2实现前端页面分页的示例代码
结合mysql数据库查询,实现分页效果@user.route("/user_list",methods=['POST','GET'])def user_list(): p = g.args.get("p", '') #页数 show_shouye_status = 0 #显示首页状态 if p =='': p=1 else: p=int(p) if ...原创 2020-01-16 10:47:00 · 1851 阅读 · 0 评论 -
使用ajax完成python flask前端与后台数据的交互
后台:python端from flask import Flask, render_templateimport jsonimport os app = Flask(__name__) testInfo = {} @app.route('/test_post/nn', methods=['GET', 'POST']) # 路由def test_post(): te...原创 2020-01-11 21:22:40 · 869 阅读 · 0 评论 -
js前端页面输入框数字校验及图片大小格式的
没什么好说的,做个笔记,in the codejs//UI-related scriptfunction logI(msg) { var d = new Date(); console.log(formatDate(d, "hh:mm:ss.fff", false) + " " + msg)}var addr = "127.0.0.1";function submi...原创 2019-12-20 11:12:00 · 505 阅读 · 0 评论 -
python-websocket简单使用,接收客户端发来的消息(图片)进行处理
新建websocket.py文件上代码: from websocket_server import WebsocketServer // 当新的客户端连接时会提示 ...原创 2019-11-15 17:31:35 · 2355 阅读 · 0 评论