前端 路由 权限 角色
前端图片大小随浏览器大小自适应
为了让前端图片能够随着浏览器大小的改变而自适应,可以使用CSS来设置图片的宽度和高度。具体而言,可以使用以下的CSS样式: img { max-width: 100%; height: auto; } 这个样式将图片的最大宽度设置为100%,这样图片将会根据其容器的宽度进行缩放。同时,将高度设置为自 ......
Iris框架配置前端静态文件目录
在较新版本的Iris框架中,iris.Application结构体已经不再具有StaticWeb方法。取而代之的是iris.Party结构体,您可以使用其HandleDir方法来处理静态文件。 以下是一个使用HTML文件的示例,使用iris.Party来处理静态文件: package main im ......
前端css 打印
打印元素的页面布局有几个原则 打印元素不能脱离文档流 打印元素内直接嵌套内容,避免出现三层嵌套 // 打印相关 @page { size: auto; margin: 10mm 0; } @media print { .printDom{ margin: 0; display: block; wid ......
http-server 本地运行前端项目
1.安装http-server 1 npm install -g http-server 2.启动: http-server ......
前端领域驱动设计的一些思考
小结:1 因为前端框架其实本质上是高策略层级的,每个前端框架的一般都是来解决以下问题: 定义状态 (data、state) 状态变化检测 (Object.defineProperty、Proxy、React reconcilliation) 对状态更改做出反应 (Observable、hooks、单 ......
后端返回文件流前端下载PDF
getDownloadApi(value).then(res=>{ let blob=new Blob([res],{type:'application/pdf;chartset=UTF-8'}) const url = window.URL.createObjectURL(blob); const ......
前端ast
什么是抽象语法树 抽象语法树 Abstract Syntax Tree 简称AST,是源代码语法结构的一种抽象表示。 比如 const a = 123; ,用ast可以表示为 ast json表示为 { "type": "Program", "start": 0, "end": 14, "body" ......
Vue.js 路由的params参数
视频 6.路由的params参数 配置路由,声明接收params参数 { path:'/home', component:Home, children:[ { path:'news', component:News }, { component:Message, children:[ { name: ......
Vue.js 命名路由
视频 5.命名路由 作用:可以简化路由的跳转。 如何使用 给路由命名: { path:'/demo', component:Demo, children:[ { path:'test', component:Test, children:[ { name:'hello' //给路由命名 path:' ......
Vue.js 路由的query参数
视频 4.路由的query参数 传递参数 <!-- 跳转并携带query参数,to的字符串写法 --> <router-link :to="/home/message/detail?id=666&title=你好">跳转</router-link> <!-- 跳转并携带query参数,to的对象写法 ......
第6章 Linux的档案权限与目录管理
一、使用者与群组 1、档案拥有者 由于Linux是个多人多任务的系统,常常可能有多人同时使用这部主机来进行工作,为了考虑每个人的隐私以及每个人喜好的工作环境而建立档案拥有者。 2、群组概念 群组用于团队管理,同一团队共享同一份资源并共同管理资源。 3、Linux用户身份与群组记录的档案 在Linux ......
基于Admin.NET框架的前端的一些改进和代码生成处理(2)
在上篇随笔《基于Admin.NET框架的前端的一些改进和代码生成处理(1)》中大致介绍了一些关于对Admin.NET框架的前端的改造工作,主要目的就是希望能够增加代码的简洁和可读性,以及利用代码生成工具来快速生成相关的代码,从而减少开发过程中的繁琐问题。本篇随笔继续探讨一下,对其中一些模块功能进行一... ......
linux 安装docker后提示权限被拒绝
错误 描述 不是root 用户安装docker 查看docker 版本 docker version permission denied while trying to connect to the Docker daemon socket at unix docker进程使用 Unix Socke ......
随着电动汽车的普及,代理商将在小区电动汽车充电管理中扮演重要角色
[1]关键词:智能电网;电动汽车充电;定价;主从博弈;双层优化;matlab [2]参考文献:《基于主从博弈的智能小区代理商定价策略及电动汽车充电管理》 [3]主要内容:随着电动汽车的普及,代理商将在小区电动汽车充电管理中扮演重要角色。 如何制定代理商的定价与购电策略,实现代理商与电动汽车车主双赢, ......
前端设计模式——享元模式
享元模式(Flyweight Pattern):是一种用于优化对象创建和管理的设计模式。它旨在减少内存消耗和提高性能,通过共享具有相同状态的对象来实现这一目标。 具体来说,享元模式涉及两个主要的对象:享元工厂和具有共享状态的享元对象。享元工厂负责创建和管理共享对象,以确保每个对象只被创建一次。享元对 ......
若依框架-Vue实用框架(权限控制和页面渲染)(四)
Vue实用框架(权限控制和页面渲染) 路由的组成 前端token获取那一步中有一块内容,只是简单提了一下,但其实实际涉及到的内容很多: 用户信息的获取 第一步的GetInfo后端接口不讲了,因为接口都比较简单,就根据获取得到的数据展开下: 前端权限控制粒度 依旧挑重点讲,user对象的无非就是包含了 ......
Vue.js 嵌套(多级)路由
视频 3.多级路由(多级路由) 配置路由规则,使用children配置项: routes:[ { path:'/about', component:About, }, { path:'/home', component:Home, children:[ //通过children配置子级路由 { pa ......
Vue.js 路由几个注意点
视频 2.几个注意点 路由组件通常存放在pages文件夹,一般组件通常存放在components文件夹。 通过切换,“隐藏”了的路由组件,默认是被销毁掉的,需要的时候再去挂载。 每个组件都有自己的$route属性,里面存储着自己的路由信息。 整个应用只有一个router,可以通过组件的$router ......
Vue.js 路由的基本使用
npm i router@3 1.基本使用 安装vue-router,命令:npm i vue-router 应用插件:Vue.use(VueRouter) 编写router配置项: //引入VueRouter import VueRouter from 'vue-router' //引入Luyou ......
前端性能优化的七大手段
前言 性能优化是我们前端的必备知识,可以说是每个人必须会的知识了,不仅平时会用到,连面试都会问到。那如何优化前端的性能呢?总共有七大手段 七大手段包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化 减少请求数量 【合并】 如果不进行文件合并,有如 ......
Web前端入门html
1、初识HTML 1. HTML是什么 2. 列表、表格与媒体元素 3. 表单 1.1、什么是HTML? Hyper Text Markup Language(超文本标记语言) 超文本包括:文字,图片,音频,视频,动画,超链接等 1.2、发展史 1.3、HTML5的优势 · 世界知名浏览器厂商对HT ......
前端性能优化的方法
前端性能优化主要有七种方法,包括减少请求数量、减少资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和webpack优化 1、减少请求数量 1.1 图片处理 1.1.1 雪碧图 雪碧图是根据css sprite音译过来的,就是将很多小图标放在一张图片上就称之为雪碧图,可以减少网 ......
前端学习_基础认知
网页组成: 文字、图片、音频、视频、超链接 代码转换为网页的软件:浏览器 渲染引擎 渲染引擎:浏览器中专门对代码进行解析渲染的部分。(是浏览器的内核) 浏览器 内核 备注 IE Trindent IE、360极速、百度 FireFox Gecko 火狐浏览器内核 Safari Webkit Appl ......
前端计算机网络
http常见状态码: 200 OK:非常常见,资源请求成功。 201 Created:资源创建成功 多见post请求 不常见。 301 永久重定向 : http->https 如B站 掘金 换域名 。 302 临时重定向 :请求后返回Location头部指示了新的URL,客户端会根据Location ......
前端打包部署
打包部署 拉代码 git pull origin develop_dev 运行是否正确 npm run dev/serve 打包 npm run build:prod/stage 当你花掉钱不愁的时候是因为你有能力再去挣钱,就不愁花钱。钱花了就没了来源了,就会慌张。 开源节流。努力开源很重要。努力提 ......
Django 限制 admin 后台IP访问权限
一. 创建py文件,配置后台管理的路径,及可访问后台的公网IP import ipaddress from django.http.response import HttpResponseForbidden class AdminSecureMiddleware(object): admin_url ......
02-路由-模板-模型 使用
###1. 路由 # 路由就是访问的链接 # 子应用创建urls.py绑定子应用视图, urlpatterns=[ path('home/',views.home,name="home"), # 路由不能以斜线 / 开头 ] # 主应用urls.py绑定子应用urls.py urlpatterns ......
03-带参数的路由 和 re_path
###带参数的路由 # urls.py urlpatterns = [ # 路由不能以斜线 / 开头 # path 中的第三个参数name是路由的名称,和视图函数参数无关 # 如果没有指定参数类型,默认字符串类型,可以匹配除 / 和 空字符串之外的字符串 # 首页 path('', views.in ......