2023-06-08

前端系列 css系列干货

CSS 怎样突破最小字体大小限制设置更小的字体

问题在某些浏览器中，存在最小字体大小限制，以确保文本的可读性。如果您希望突破这个限制并使用较小的字体大小，可以尝试以下方法。方案使用transform属性：您可以使用CSS的transform属性来缩小文本而不改变字体大小。例如，可以尝试使用以下代码：.my-element { transform

2022-10-13

前端系列 css系列

CSS超出字数展示点点点，CSS限制字数,超出部份显示点点点...

一行内超出点点点width:100px /*注意一定要有宽度*/overflow:hidden; /*超出的部分隐藏起来。*/white-space:nowrap;/*不显示的地方用省略号...代替*/text-overflow:ellipsis;/* 支持 IE */超出两行显示点点点width:

2022-07-28

前端系列 css系列干货

如何禁止ios长按时触发系统的菜单，禁止ios&android长按时下载图片、禁止ios&android用户选中文字

一、需求在ios端默认的长按文字会出现选择，可以对文字进行复制粘贴，长按图片会出现存储、拷贝、共享菜单。但是在实际开发中，有时候要避免长按时弹出选中文字，长按图片现在系统菜单，甚至会导致绑定的自定义长按事件失效。这篇文章通过css3实现禁止ios端长按。

2022-04-21

前端系列 Vue系列 javascript系列

vue单张或多张图片预览

一、需求今天接到一个需求，就是要求制作一个预览图片的功能，要求图片可以放大缩小、旋转、图片预览要有蒙层效果，esc可以关闭预览由于系统中使用了vue，所以要求预览图片的组件要支持vue，一顿百度以后，找到一款合适的，就是 v-viewer二、使用demodemo：https://mirari.cc/

2021-11-22

前端系列 css系列

css上中下布局，上下固定，中间自适应滚动

一、方案固定我们使用flex，而滚动就必须用到overflow了关于flex的详细介绍请参考之前的文章弹性布局（display:flex;）属性详解关于overflow

2021-11-08

前端系列 Jquery系列 Vue系列 javascript系列

vue中绑定回车事件

一、网上vue中绑定回车事件的方法在vue中绑定回车事件，我们有看到网上好多种的写法1.第一种 @keyup.enter="submit"<input v-model="form.name" placeholder="昵称" @key

2021-10-04

前端系列 Vue系列

windows下安装vue

windows下安装nodejs npm vue脚手架

2021-09-07

前端系列 Vue系列

vue中的template标签元素的应用

一、解释<template>可以理解成是一个占位符，类似div一样，但是它是不可见官方解释说：可以把一个<template>元素当做不可见的包裹元素二、使用场景在v-for列表循环中使用在v-if条件渲染中使用在v-for列表循环中使用<ul> <temp

2021-09-02

前端系列 Vue系列 css系列

如何解决vue界面渲染中显示大括号源码、并且屏幕闪动的问题，详解v-cloak

问题：vue界面渲染中显示大括号源码的问题屏幕闪动,先显示{}，再显示msg内容解决方案：（1）添加 v-cloak （2）使用 v-text

2021-08-21

前端系列 css系列

弹性布局（display:flex;）属性详解

一、简述Flexbox 是 flexible box 的简称（注：意思是“灵活的盒子容器”），是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度

2021-08-19

前端系列 css系列

如何实现div分列显示，第一列竖向排满，自动换到下一列继续排

div、css怎么实现内容的分栏，先把左侧排满，高度不够时排到第二列要求内容竖向排列，先第一列，第一列满了排第二列，以此类推

2021-08-13

前端系列 css系列

如何实现外层div固定内层div随内容大小适应

一、问题如何实现外层div固定内层div随内容大小适应外层父级div宽高固定内层子级div不能继承父级的宽高二、方案给自己的div及内容设置 display: inline-block三、代码，拷贝浏览器查看效果<!DOCTYPE html><html><head>

2021-08-13

前端系列 css系列

如何实现上下两个div上面值固定下面铺满高度

一、问题如何实现上下两个div上面值固定下面铺满高度下层div内容滚动二、方案通过flex布局实现父级div设置 display: flex;flex-direction: column;第一个子div 设置固定高度第二个子div 设置flex: 1;三、代码实现，可以直接拷贝浏览器查看<!D

2021-08-03

前端系列 Vue系列 javascript系列

vue中如何让文本框获取焦点（两种方式）

点击一个按钮使一个文本框获取焦点

2021-07-29

前端系列 Vue系列

Vue的内置指令--循环遍历、列表渲染（v-for）

一、v-for循环普通数组item是自定义名称，对应数组里的小明、小丽、小红 ...，in后面是list这个普通数组看代码实现<!DOCTYPE html><html><head> <meta charset="utf-8">

2021-07-29

前端系列 Vue系列

vue如何双向绑定v-for循环出来的input文本框

一、先说下需求给所以的题打分，并最终打印最终打的分数要用vue实现，这是我用vue的最重要的一点，用着简单！！！二、下面看具体实现方法直接看代码实现修改文本框的分数，也会自动同步到list中最后直接打印list即可<!DOCTYPE html><html><head&g

2021-07-26

前端系列 javascript系列

js实时把输入小写字母自动变大写

一、需求在文本框中输入字符，要求非字母不得输入实时把输入的字母从小写自动转变成大写二、方案利用正则验证 /^[a-zA-Z]+$/.test(value)用oninput事件达到实时转换直接看代码<!DOCTYPE html><html><head> <

2021-07-21

前端系列 Vue系列

Vue的内置指令--条件渲染（v-if,v-else-if,v-else）

一、控制元素的显示和隐藏v-if可以单独使用，而v-else-if和v-else必须跟在v-if的后面，一起使用才行二、直接看代码，一看就明白了当前界面上会显示 “我是美女”如果把app.sex='帅哥'，则会显示 “我是帅哥”那如果把app.sex='第三人称'，则会显示 “你猜我是谁”如果不是上

2021-07-21

前端系列 Vue系列

Vue的内置指令--条件渲染一 v-if，v-show的区别

一、什么是指令指令（Directives）是带有 v- 前缀的特殊的属性（attribute）

2021-07-18

前端系列 Vue系列

Vue 的基本入门用法

基本用法一、引入介绍vue.jsVue 2.x地址：https://cdn.bootcdn.net/ajax/libs/vue/2.6.13/vue.js当然还有好多别的地址都可以使用二、创建实例创建Vue对象实例，执行配置对象：el 指定dom标签容器的选择器data：指定初始化状态数据的对象/函

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

CSS 怎样突破最小字体大小限制设置更小的字体

CSS超出字数展示点点点，CSS限制字数,超出部份显示点点点...

如何禁止ios长按时触发系统的菜单，禁止ios&android长按时下载图片、禁止ios&android用户选中文字

vue单张或多张图片预览

css上中下布局，上下固定，中间自适应滚动

vue中绑定回车事件

windows下安装vue

vue中的template标签元素的应用

如何解决vue界面渲染中显示大括号源码、并且屏幕闪动的问题，详解v-cloak

弹性布局（display:flex;）属性详解

如何实现div分列显示，第一列竖向排满，自动换到下一列继续排

如何实现外层div固定内层div随内容大小适应

如何实现上下两个div上面值固定下面铺满高度

vue中如何让文本框获取焦点（两种方式）

Vue的内置指令--循环遍历、列表渲染（v-for）

vue如何双向绑定v-for循环出来的input文本框

js实时把输入小写字母自动变大写

Vue的内置指令--条件渲染（v-if,v-else-if,v-else）

Vue的内置指令--条件渲染一 v-if，v-show的区别

Vue 的基本入门用法

分类

最新文章

标签

最新文章

标签

Your browser is out-of-date!