常用CSS样式 常用CSS样式1.文字超出部分显示文字2.中英文自动换行3.设置placeholder的字体样式4.不固定高宽div垂直居中的方法5.解决IOS页面跳卡顿6.设置滚动条样式7.实现隐藏滚动条同时又可以滚动8.CSS吸气(三角形)9.Table表格合并合并10.文字之间的关键11.元素占满整个屏幕12.实现文字竖向排版13.字母大小写转换...
大数据数值展示 效果图：<template> <div class="page"> <div class="bg-image"> <span class="text-num" v-for="(item, index) in formatZero(nums,6)" :key="index"> {{item}} </span> </div> </div></temp
解决html中遇到标点带字换行的问题 解决html中遇到标点带字换行的问题word-wrap: break-word;overflow: hidden;text-align: justify;word-break: break-all; //兼容火狐text-align: justify;无效text-justify: distribute; //兼容火狐text-align: justify;无效
小程序安装vant插件步骤 小程序安装vant插件步骤1.如果没有创建小程序项目就先创建一个小程序项目2.如果已有小程序项目：进入该项目文件目录npm init初始化项目命令安装vant：npm i @vant/weapp -S --production微信开发者工具里：工具-----构建npm完成上面会出现这个模块：miniprogram_npm文件夹微信开发者工具：详情----勾选使用npm模块使用：https://vant-contrib.gitee.io/（可参照官网使用方法）...
瀑布流布局 瀑布流布局1、column-count 把div中的文本分为多少列2、column-width 规定列宽3、column-gap 规定列间隙4、break-inside: avoid; 手机端瀑布流时候，会出现图片错乱，这个属性可避免元素内部断行并产生新列；<style>.waterfall{ column-count: 3; column-gap: 0;} .item{ box-sizing: border-box; br
vue侧边栏个头部固定（elementUi） vue侧边栏个头部固定（elementUi）效果图<template> <div class="home-page"> <el-container ref="homePage"> <el-aside width="200px" style="background-color: rgb(84, 92, 100);"> <div class="top-logo"> <img s
2021-08-12 创建vue项目1.下载安装node node.js官网下载以后双击安装一直下一步直到完成打开git Brash 或者命令提示符窗口检查node是否安装成功：node -V2.安装淘宝镜像安装命令： npm install -g cnpm --registry=https://registry.npm.taobao.org（可以使用cnpm 命令来安装模块）3.初始化项目安装vue-cli：cnpm install vue-cli -g //全局安装 vue-cli4
冒泡排序小示例 冒泡排序var bubbleSort = function (nums) { for (let i = 0; i < nums.length; i++) { let flag = true; for (let j = 0; j < nums.length - i -1; j++) { if (nums[j] > nums[j + 1]) { swap(nums, j, j + 1); flag = false; }
Event Loop Event Loop（宏观任务macroTask与微观任务microTask）–面试题过程：【宏任务（代码整体）——同步任务——微任务——DOM渲染】——宏任务——同步任务——微任务——DOM渲染…练习：console.log('1'); // ①同步任务 setTimeout(function() { // ① 宏任务 console.log('2'); process.nextTick(function() { console.log('3'); })
计算高度动态赋值 计算高度动态赋值页面布局，分为左边和右边，右边为内容，右边为图片，要求右边图片的高度随着左边高度的变化而变化.左边：<ul class="tabNav" ref="leftList"> <li v-for="(nav, index) in navs" :key="index" class="tabNav-item" @click="changeNav(index)"> <div :class="['tabNav-item-name',{ active: ind
关注
