前端

技术文档画图工具箱

序 本文主要介绍一下撰写技术文档中可能会用的一些画图工具。这里主要分为两大派,一派是直接拖拽完成,一派是通过代码来完成 UI工具 主要有processon、draw.io、excalidraw、archimatetool、cloudcraft.co processon 架构图 截屏2022-04-01 上午11.41.50.png

手写connect

使用react-redux中的 function mapStateToProps(state) { console.log("查看state"); console.log(state); return { count: state.count, personList: state.person }; } function mapDispatchToProps(dispatch) {

3. CSS预处理器Less、Scss

1. CSS编写的痛点 CSS作为一种样式语言, 本身用来给HTML元素添加样式是没有问题的. 但是目前前端项目已经越来越复杂, 不再是简简单单的几行CSS就可以搞定的, 我们需要几千行甚至上万行的CSS来完成页面的美化工作. 随着代码量的增加, 必然会造成很多的编写不便: 比如大量的重复代码, 虽然可以用类来勉强管理和抽取, 但是使用起来依然不方便; 比如无法定义变量(当然目前已经支持),

JustAuth整合第三方登录组件

一、官网 JustAuth 整合平台: QQ登录 新浪微博登录 百度登录 Gitee登录 Github登录 开源中国登录 StackOverflow登录 Coding(腾讯云)登录 程序员客栈登录 CSDN登录 Google登录 Facebook登录 钉钉登录 阿里云登录 支付宝登录 华为登录 飞书登录 微信开放平台登录 企业微信扫码登录 企业微信网页登录 抖音登录 京东登录 二、样例-微信开

@ant-design/icons-vue按需引入icon

正常引入icon组件库 import * as Icons from '@ant-design/icons-vue' // 循环使用全部全部图标 const icons: any = Icons for (const i in icons) { // 全局注册一下组件 app.component(i, icons[i]) } 此时打包npm run build

h5页面在移动端实现禁止缩放、双击放大和双指放大

h5页面如何在移动端禁止缩放、双击放大和双指放大呢?   h5的页面在手机浏览器里面访问时,有时候不小心点了,页面就变大了,那需要如何做,才能禁止缩放、双击放大和双指放大呢?实现该效果的代码如下(需要在js里面添加方法): // 禁用缩放 function addMeta() { $('head').append('<meta name="viewport" content="wid

Vue3学习与实战 · Ref获取真实DOM

在使用 Vue 、React 等MVVM框架开发项目时,基本上很少需要直接手动去操作 DOM 了,但是也不可避免,例如获取元素的宽高、元素在屏幕的XY位置、DIV拖拽等等。随着 Vue 版本的升级,在 Vue3 中获取真实DOM的方法也有了变化。 Vue3 && DOM 一、前言 ref():用于注册元素或子组件的引用。接受一个内部值,返回一个响应式的、可更改的 re

小鱼儿学Tkinter-Entry 单行文本框

Entry 控件:用来输入单行文本 一个简单的 Entry from tkinter import * root = Tk() root.geometry('200x100') Entry(root , text = 'input your text here' ).pack(pady = 20) root.mainloop() 简单Entry 示例 上

VUE常见面试题50道

1、对vue的理解,有什么特点,vue为什么不能兼容IE8及以下浏览器   vue是一套用于构建用户界面的渐进式框架,核心是一个响应的数据绑定系统   vue是一款MVVM框架,基于双向绑定数据,当数据发生变化时候,vue自身会进行一些运算   特点:简洁轻量、数据驱动、组件化、模块友好   vue.js使用了IE8无法模拟的 ECMAScript 5 特性,没有替代方案 2、简述Vue双向数据