前端
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
CSS基础-06-元素大小(设置元素尺寸height/width、最大值max-height max-width、最小值min-height min-width、设置行间距 line-height)
1. 设置元素尺寸(height/width)
语法示例
自动大小
height:auto;width:auto;
像素设置
height:100px;width:100px;
百分百设置
height:50%;width:10%;
完整示例
代码
<!DOCTYPE html>
<html>
<head>
<meta ch
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双向数据