前端 终端 实战vue
2019年-前端日记
2019-04-02 Vue屏幕宽度自适应： https://blog.csdn.net/qq_25386583/article/details/77161478 https://blog.csdn.net/xuaner8786/article/details/81565219 2019-04-07 ......
2022年-前端日记
2022-03-30 有些Mac设备里，Safari浏览器的默认字体竟然是宋体，这太奇怪了。建议在页面的 body 标签设置字体族的优先级，还是很有必要的： font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang S ......
2022年Web前端开发流程和学习路线（详尽版）
本文的最新内容，更新于 2022-06-27，会在GitHub上同步更新，欢迎 star。大家完全不用担心这篇文章会过时，因为随着前端领域的技术更新，本文也会随之更新。 前言 前端侧重于人机交互和用户体验，后端侧重于业务逻辑和大规模数据处理。理论上，面向用户的产品里，所有问题（包括产品、设计、后端、 ......
【Nginx】配置俩前端，指定路径的时候报错的原因
# NGINX 配置文件 listen 80; server_name XX.XX.XX.XX ; # 配置前台的前端 location / { index index.php index.html index.htm default.php default.htm default.html; ro ......
前端进化笔记-JavaScript（二）
因为作者学过其他类c语言，就不对大家都熟悉的内容进行赘述了。 ###语法 JavaScript区分大小写 标识符：变量，函数，属性，函数参数的名称 第一个字符必须是字母，下划线（_），美元符号（$）； 关键字、保留字、true、false和null不能用作标识符 作者在后续阅读的过程中，发现对各种名 ......
java基于springboot+vue的校园二手书交易管理、校园二手交易商城、校园二手交易管理系统，附源码数据库文档
1、项目介绍 本次设计任务是要设计一个乐校园二手书交易管理系统，通过这个系统能够满足乐校园二手书交易的管理员及卖家用户和用户二手书交易信息管理功能。系统的主要功能包括首页、个人中心、用户管理、卖家用户管理、图书分类管理、二手图书管理、求购图书管理、求购回复管理、留言反馈、系统管理、订单管理等功能。 ......
Kubernetes从入门到精通 实战入门
本章节将介绍如何在kubernetes集群中部署一个nginx服务，并且能够对其进行访问。 1 Namespace Namespace是kubernetes系统中的一种非常重要资源，它的主要作用是用来实现多套环境的资源隔离或者多租户的资源隔离。 默认情况下，kubernetes集群中的所有的Pod都 ......
快速搭建vue
1.安装node.js node -v 2配置npm的全局安装路径npm config set prefix "E:\develop\NodeJS" 自己的安装路径 3切换镜像速度快 npm config set registry https://registry.npm.taobao.org 4n ......
7.Vue3
8.Vue3 8.1.创建工程 8.1.1.使用vue-cli创建 这个创建方式与vue2的创建方式一致，只不过在选择版本的时候选择3即可 ## 查看@vue/cli版本，确保@vue/cli版本在4.5.0以上 vue --version ## 安装或者升级你的@vue/cli npm insta ......
一文解析 Pinia 和 Vuex，带你全面理解这两个 Vue 状态管理模式
https://mp.weixin.qq.com/s?__biz=MzA5MTI0ODUzNQ==&mid=2652957572&idx=1&sn=c77f7ca8550aace7714b26d6781ccca3&chksm=8bab097cbcdc806a190092a0c083f36b47f9e ......
Django - json_script 模板语言，将queryset转换为前端json数据
models.py class User(models.Model): name = models.CharField(verbose_name="Name", max_length=64) serializer.py class UserSerializer(serializers.ModelSe ......
Vue 路由router
简单案例： App.vue是核心组件，其中的<router-link>相当于a标签，to相当于href，export是暴露函数，这样某组件才能被其他组件识别到 代码： <template> <div id="app"> <img src="./assets/logo.png"> <h1>hello! ......
如何在Linux服务器上部署Vue项目
1. 在本地将Vue项目打包以项目运行在vscode为例，在调试窗口输入 npm run build待命令执行完毕之后，在项目目录下会生成dist文件夹，如下图 2. 创建一个运行文件，名字是：server.js server.js中的内容如下： const express = require('e ......
vue3源码-二、响应式原理effect的实现
effect实现 定义effect方法： export function effect(fn, options: any = {}) { // 创建响应式的effect const effect = createReactiveEffect(fn, options); // 默认会让effect先执 ......
前端错误捕获和上报
JS中常见的执行错误 日常执行中主要有： 同步错误、 语法错误、 普通异步任务错误、 Promise任务错误、 async任务错误5种常见的异常错误。 资源加载错误 主要有图片、script、css、font等资源的加载错误问题。 错误捕获： try... catch.. 能捕获包裹体内的同步执行错 ......
websocket群聊实战
演示及源码地址： 演示地址：https://www.wchime.xyz/#/ 后端代码：https://gitee.com/mom925/wchime-web-api 前端代码：https://gitee.com/mom925/uniapp-web 项目说明 项目技术：django+mysql+u ......
vue3 vueRouter4 ：No match found for location with path ***
0. 采用vue+ router4 做路由导航. 首次载入控制台很干净. F5刷新后,控制台爆出警告,但点击路由正常工作. 1. 经过排查发现,是menu中使用了 <router-link> 这玩意,后来改造成 @click="router.push(ele.path)" 即可消除警告 2. 网络上 ......
响应式的 switchboard：让又大又慢的Vue/AIpine 页面爆快
我的提示： AIpine 是一个js 库，官网口号是 “一个新的轻量极javascript框架”，其实我之前也没接触过，翻译这篇文章时才注意到 官方地址： [AIpine.js]https://alpinejs.dev 下面开始是译文： 小提示： 在这篇文章中我将使用Vue/AIpine 术语 ，但 ......
Nginx 入门实战(2)--简单使用
本文主要介绍 Nginx 的实际使用，文中所使用到的软件版本：Centos 7.9.2009、Nginx 1.22.1。 1、环境准备 这里主要演示使用 Nginx 代理 Http 及 TCP 应用，环境信息如下： 主机 用途 Http 端口 TCP 端口 10.49.196.30 部署 Http、 ......
针对Vue前后端分离项目的渗透思路
引言 在目前的开发环境下，越来越多的厂商选择 Vue.js 来实现前端功能的编写，且成熟的前端框架已经可以实现后端代码实现的功能，导致后端目前只负责提供 Api 接口和文档，方便前端的同时去调用。本文主要介绍如何针对这类前后端分离的网站去进行渗透测试，以及如何高效进行渗透测试成为了重点关注的问题。 ......
Django4全栈进阶之路23 项目实战（报修类型表）：应用程序命名空间app_name和分页组件paginator
1、应用程序命名空间app_name from django.urls import path from . import views from .views import RepairDetailView app_name = 'repair' urlpatterns = [ path('repa ......
08-react修改state数据驱动视图UI的更新【注意和vue的区别】
// setState 修改状态 如果是直接修改页面不会改变 使用 setState 修改数据 才会驱动视图的改变 // setState 的原理：修改玩状态之后会调用 render 函数 import ReactDom from "react-dom" import { Component } f ......
Django4全栈进阶之路22 项目实战（三种方式开发部门管理）：方式三：FBV+ModelForm+get_object_or_404
1、视图 @login_required def department_list_view(request): departments = Department.objects.all() return render(request, 'base/depart/department_list.htm ......
Django4全栈进阶之路21 项目实战（三种方式开发部门管理）：方式二：CBV+Django内置类(ListView, CreateView, UpdateView, DeleteView, DetailView)
在 Django 中，视图（View）是处理请求并返回响应的主要机制。Django 中有许多视图类可用于处理常见的 CRUD（Create、Read、Update、Delete）操作以及其他类型的请求和响应。 以下是 Django 中最常用的五个视图类： ListView：用于显示一个对象列表的视图 ......
Vue 异步通信Axios
使用Axios实现异步通信需要先导入cdn： <script src="https://unpkg.com/axios@1.4.0/dist/axios.min.js"></script>使用到的数据data.json { "name":"kuang" , "url":"https://www.bi ......
vue3源码-一、响应式原理reactive的实现
reactive的实现 使用： 使用reactive()函数创建一个响应式对象。 import { reactive } from 'vue' export default { // `setup` 是一个专门用于组合式 API 的特殊钩子函数 setup() { const state = rea ......
问题解决：Component name "xxx" should always be multi-word vue/multi-word-component-names
如题，原因是单个单词命名时语法检测无法通过，可以在导出组件时通过name属性给组件名加一个后缀，比如Component。 <script> export default { // 当组件名为一个单词时，语法检查是无法通过的，可以设置name的值为2个单词来规避检查。 name: 'HomeCompo ......
C++-改变终端（cout/printf)输出不同颜色的字体-Linux
C++-改变终端（cout/printf)输出不同颜色的字体-Linux https://blog.csdn.net/qq_41972382/article/details/90311102 不同颜色的输出主要依据格式ESC[*m，ESC的八进制为\033，*可以是多个属性的组合，用，隔开。 pri ......
关于 Vue3 setup 语法糖
Vue3 setup 参考：https://juejin.cn/post/7009282373476941831#comment 新的 setup 是组件创建之前， props 被解析之后执行，是组合式 API 的入口 在 setup 中应该避免使用 this， 因为它不会找到示例。setup 的调 ......