css
关注
分享
扫一扫
haosicx
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
前端大屏适配方案
在每个路由主文件使用mixin混入drawMixin.js( 代码在下面 )前提 每个主文件的最外层 需要写id和refdrawMixin.js// 屏幕适配 mixin 函数// * 默认缩放值const scale = { width: '1', height: '1',}// * 设计稿尺寸（px）const baseWidth = 1920const baseHeight = 1080// * 需保持的比例（默认1.77778）const baseProp原创 2022-04-24 17:14:47 · 3772 阅读 · 2 评论 -
css设置以某个字符开头或包含某个字符的类名样式
以icon开头，包含 ’ icon’的类名[class^='icon'], [class*=' icon'] { width: 100px; height: 100px; background-color: red; }原创 2022-04-16 23:30:06 · 2097 阅读 · 0 评论 -
vue拖拽@drop不生效解决方式
想要一个原生可以进行拖拽 可以使用HTML5的一个属性draggable='true' <div class="widget" draggable='true'>pie</div>加上了后这个元素就开启了拖拽然后在需要放置的元素上注册一个@drop='函数'来接收拖拽的元素但是你会发现元素拖拽上去了也没有生效这是因为还需要阻止一个默认事件@dragover="e=>e.preventDefault()"加上后就可以了<div class="原创 2022-04-16 14:46:32 · 5693 阅读 · 4 评论 -
shadow影子css隔离
主应用和子应用之间的样式隔离BDM 约定项目前缀 在样式前面加一个路径 比如/vue下面的所有样式– 这就也可以实现项目的个隔离 但是既然是约定 那就容易不遵守约定css-modules 打包时候生成不冲突的选择器名shadow Dom 真正意义上的隔离shadow影子隔离基础概念给元素创建一个影子 然后给这个影子添加样式这个样式只会添加在影子上 不会影响dom上的元素实现方法创建影子标签<!DOCTYPE html><html lang="en原创 2022-02-20 16:49:50 · 896 阅读 · 0 评论 -
vue初始化全局样式
normalize是CSS重置的现代替代方法normalize.css安装normalize.cssyarn add normalize.css使用normalize.cssmain.js 导入 normalize.css 即可。import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'+ import .原创 2022-02-14 19:55:09 · 674 阅读 · 0 评论 -
vue实现文字滚动效果
这段时间遇到一个需求, 从后端获取到很多人的名字需要横向滚动轮播这些名字, 就像商铺门口的电子横幅一样查了很多的插件 也没有找到自己想要的感觉于是准备自己写一个通用的组件创建一个my-marquee.vue文件<template> <div class="wrap"> <div ref="box" class="box"> <div ref="marquee" class="marquee">{{text}}</.原创 2021-08-12 21:20:54 · 2777 阅读 · 1 评论 -
前端遇到的一些错误类型
在平时的开发中 如果能精确的定位错误的类型 能够提高很多的开发效率下面列举一些常见的错误类型ReferenceError 引用的变量不存在 !!!//引用了一个不存在的变量 ReferenceError: a is not defiedconsole.log(a) TypeError 数据类型不正确的错误 !!!//因为b是undefined 所以不能去读b的xxx属性 //这属于类型错误了 你这个类型没有这个属性和方法 就报错let b = undefined原创 2021-07-04 21:21:39 · 198 阅读 · 0 评论 -
h5移动端项目问题及解决方案
iOS如何取消input首字母大写添加一个属性 设置一下即可autocapitalize = ' off '// 设置后 每次进入键盘的时候 首次输入字母不会大写<input type='text' autocapitalize='off'>移动端input键盘右下角搜索按钮是怎么出来的?正常情况下是换行 但是有写软件点击input的时候弹出来的是搜索– 把input改成serch就可以弹出搜索按钮但是使用form的时候 用了serch会自动跳转到action的原创 2021-07-04 21:09:22 · 254 阅读 · 0 评论 -
vue和uniapp页面自动滚动到最底部
vue项目中自动滚动到最底部首先可以通过这个方法 获取到当前滚动的元素是哪一个这个方法定义script标签里 export default外面然后滚动的时候可以在控制台中打印出当前滚动的什么元素function findScroller(element) { element.onscroll = function() { console.log(element)} Array.from(element.children).forEach(findScroller);}原创 2021-06-20 16:43:17 · 12891 阅读 · 5 评论