- 博客(10)
- 收藏
- 关注
原创 移动端rem适配
1:安装postcss-pxtorem@5.1.12:根目录创建 “.postcssrc.js”module.exports = { "plugins": { "autoprefixer": { browsers: ['Android >= 4.0', 'iOS >= 7'] }, "postcss-pxtorem": { "rootValue": 32, "propList": ["*"] } }}3:sr
2022-04-27 19:43:05
111
原创 单行和多行省略号
// 单行文本省略号 /*1. 先强制一行内显示文本*/ white-space: nowrap; ( 默认 normal 自动换行) /*2. 超出的部分隐藏*/ overflow: hidden; /*3. 文字用省略号替代超出的部分*/ text-overflow: ellipsis;// 多行文本省略号/*1. 超出的部分隐藏 */overflow: hidden;/*2. 文字用省略号替代超出的部分 */text-overflow: el
2022-02-13 16:18:06
169
原创 伪元素法简易遮罩层
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl
2022-02-13 16:13:36
645
原创 uni-app实现的简单圣杯布局
1:template部分<template> <view> <view class="head"></view> <view class="body"> <view class="center"></view> <view class="left"></view> <view class="right"></view>
2021-08-16 17:10:29
127
原创 利用jQuery发送jsonp跨域请求
<script src="./jquery.min.js"></script><script> $(function () { $.ajax({ url: "http://www.liulongbin.top:3006/api/jsonp?name=zs&age=18", dataType: "jsonp", success: function (data) {
2021-08-05 16:58:24
64
原创 CSS设置三角形
1:html结构<body> <div></div></body>2:CSS样式 * { margin: 0; padding: 0; } div { /* 设置三角先设盒子宽高为0 */ width: 0; height: 0; /* 1:设置等腰三角 */ /* border: 40px solid transparent; border-right-
2021-08-04 16:01:13
155
原创 vue实现简单防抖与节流
1.template结构<template><div> <h1 @click="debounce">点击防抖</h1> <h1 @click="throttling">点击节流</h1></div></template>2.1 script定义数据和方法<script> data() { return { timer1: null, timer
2021-08-02 19:03:43
216
原创 Vue调试工具Vue Devtools插件的安装和安装后不显示的问题解决
1.下载极简插件将下载解压完毕的插件拖入到谷歌浏览器的扩展程序中2.解决一些小问题完成上述操作后,调试工具不显示。作如下操作1:打开插件详细信息,将“允许访问文件网址”和“收集各项错误”按钮点亮2:修改相关配置(这项不是我发现的,是在博客上看到一位博主写的)...
2021-06-24 09:19:05
1492
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人