组件 步骤 前端 横向
Vue 前端设计模式梳理
一、什么是设计模式？ 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码，让代码更容易的被他人理解并保证代码的可靠性。 设计模式实际上是“拿来主义”在软件领域的贯彻实践，它是一套现成的工具，拿来即用。下面来看一下设计模式的设计原则。 二、设计几个原则 单一职 ......
MySQL 8.0以上安装步骤、下载后的安装操作和一些注意事项：
一：下载 1.下载免费版社区MySQL (已经更新到8.0版本以上) 下载地址： https://dev.mysql.com/downloads/mysql/ 2.此步骤只适用于 Windows(x86,64-bit),ZIP Archive (就是111.1M这个) 3.依次点击Download ......
BootstrapBlazor组件保姆级教程
BootstrapBlazor 组件库保姆级使用教程 BootstrapBlazor组件库官网 https://www.blazor.zone/components BootstrapBlazor组件库github仓库地址 https://github.com/dotnetcore/Bootstra ......
docker搭建本地私有仓库详细步骤
1、首先下载 registry 镜像 docker pull registry1 2、在 daemon.json 文件中添加私有镜像仓库的地址并重启 vim /etc/docker/daemon.json{ "insecure-registries": ["192.168.59.111:5000"] ......
Clang前端源码分析
Clang前端源码分析 C语言编译器之二，Clang Clang编译器是由APPLE公司的编译器大牛ChrisLattner主导下编写的，其目标是替换大名鼎鼎的GCC编译器； 2.1、Clang和GCC编译器架构 从源代码到可执行程序一般经过预处理、编译、链接过程，而编译是编译器的工作，编译分为三个 ......
数字前端工作总结
0. 前言 去年9月到现在总共做了两次ic的数字部分的开发，第一个设计是一个rfid的逻辑部分，第二个设计是一个多核处理器，我的工作主要是做架构设计以及主体代码的编写，模块代码一般分配给组里的其他研究生做。在做的过程中对一些问题有了反思，主要从工作流，设计约束和代码质量三个角度来做一下总结，希望反思 ......
Navicat 16 最新版Windows 激活步骤
安装好mysql后，安装navicat 下载/安装 1.首先去官网下载对应的版本Navicat premium官网下载 2.然后双击下一步下一步,选择自己的安装路径即可 激活 断开网络连接,记得一定要断开网络连接!!! 1.右击已管理员身份运行NavicatCracker.exe 2.选择Navic ......
vue2实现数据聚合【scatter-clustering】组件封装
实现如下效果： 效果展示：https://code.juejin.cn/pen/7228568245148581943 如果不会请移步到官网的栗子，请点击查看 直接给大家上代码： 整体代码片段 1 <template> 2 <div ref="echarts" style="width: 100%; ......
2023前端面试题二
图片 png 无损压缩，尺寸体积要比jpg的大，适合做小图标 jpg 采用压缩算法，有一点失真，比png体积要小，适合做中大图片 gif 一般是做动图的 webp 同时支持有损或者无损压缩，相同质量的图片，webp具有更小的体积 css的盒子模型 标准盒子模型 margin/border/paddi ......
简单聊聊，使用Vue.js编写命令行界面,前端开发CLI的利器
Temir 介绍 Temir,一个用Vue组件来编写命令行界面应用的工具.开发者只需要使用Vue就可以编写命令行应用,不需要任何额外的学习成本. <script lang="ts" setup> import { ref } from '@vue/runtime-core' import { TBo ......
用vue2封装轮播图组件
日常练习 用vue2封装轮播图组件，传入图片信息数组。 实现思想： 图片组添加translate动画，通过轮播到第几张图片作为参数，让图片组整体移动。 Carousel.vue <template> <div class="carousel"> <div class="carouselList"> ......
【Web】前端框架对微软老旧浏览器的支持
零、原因 最近要做一个项目，要能在学校机房运行的，也要在手机上运行。电脑和手机，一次性开发，那最好的就是响应式前端框架了。手机和正常的电脑兼容性问题应该都不大，但是学校机房都是Win7的系统，自带的都是IE8的浏览器。虽然有安装谷歌浏览器、360浏览器啥的，但是默认的还是IE浏览器。这就有一个问题， ......
2022年Web前端入门自学路线（精简版）
本文的最新内容，更新于2021-10-09。大家完全不用担心这篇文章会过时，因为随着 前端技术的更新，本文也会随之更新。 本文的最新内容也会在GitHub上实时更新。欢迎在GitHub上关注我，一起入门和进阶前端。 我之前写过一篇文章：《裸辞两个月，海投一个月，从Android转战Web前端的求职之 ......
AntD框架的upload组件上传图片时遇到的一些坑
title: 09-AntD框架的upload组件上传图片时遇到的一些坑 publish: true 前言 本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的 upload 组件。 前端做文件上传这个功能，是很有技术难度的。既然框架给我们提供好了，那就直接用呗。结果用的 ......
AntD框架的upload组件上传图片时使用customRequest方法自定义上传行为
title: 10-AntD框架的upload组件上传图片时使用customRequest方法自定义上传行为 publish: true 本次做后台管理系统，采用的是 AntD 框架。涉及到图片的上传，用的是AntD的 upload 组件。 我在上一篇文章《前端AntD框架的upload组件上传图片 ......
2018年-前端日记
2018年4月份 2018-04-25 userAgent相关：判断微信内置浏览器的UserAgent 2018-04-26 前端相关： 流程图制作工具：ProcessOn api方法的浏览器兼容性问题，可以在这个网站上看：https://caniuse.com/ CSS3的兼容性问题，不一定要使用 ......
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不能用作标识符 作者在后续阅读的过程中，发现对各种名 ......
组件化对话框
引用处 <template> <!-- 利用obj传递参数--> <Dialog :obj="data.permissionDialog" ref="permissionDialog"/> </template> <script setup> import Dialog from "@/compon ......
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 ......
前端错误捕获和上报
JS中常见的执行错误 日常执行中主要有： 同步错误、 语法错误、 普通异步任务错误、 Promise任务错误、 async任务错误5种常见的异常错误。 资源加载错误 主要有图片、script、css、font等资源的加载错误问题。 错误捕获： try... catch.. 能捕获包裹体内的同步执行错 ......
11-react使用props.children 处理父子组件之间的传值
// props.children 组件传值 import { Component } from "react" import reactDom from "react-dom" // 床架一个 createRef 函数 用来创建 ref 对象 const Hello = (props) => { ......
10-react不同层级的组件之间的数据传递数据 createContext 上下文
// 组件传值 props 接收传递过来的数据 import ReactDom from "react-dom" import { createContext, Component } from "react" // createContext is useed to create a contex ......
09-react的组件传值 props
// 组件传值 props 接收传递过来的数据 import ReactDom from "react-dom" import { Component } from "react" // 类组件中使用函数组件 和 类组件 注意区分不同的组件使用不同方式接收数据 const Hellow = (pro ......
Django的message组件(源码分析)
Django的Message组件(源码分析) 1. 配置 # MESSAGE_STORAGE = 'django.contrib.messages.storage.fallback.FallbackStorage' # MESSAGE_STORAGE = 'django.contrib.messag ......