![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小白成长
工作中一点一点涨知识,现用现学
敦啊
这个作者很懒,什么都没留下…
展开
-
sass学习记录及vue实践
第一章:Vue中实践样式文件复用(模块化导入)**说明:**通常项目中复用的样式值(变量)和样式段(mixin)会统一放在一个.scss文件中(common.scss)供项目使用,主要来学习common.scss文件的使用组件中使用在组件的scss文件中直接导入,属于谁用谁引:@import '../assets/style/common.scss'全局中使用秉着懒的原则,对于这些高度复用的东西,能一次搞定自然是最好的:// 在main.js中引入全局样式 import './as原创 2021-05-18 16:35:12 · 135 阅读 · 0 评论 -
防抖和节流学习记录
防抖和节流学习记录说明:以监听屏幕大小改变(resize)demo来演示function resize(){ console.log('调节了屏幕的大小')}window.addEventListener('resize', resize)1.防抖和节流函数(初级)核心:利用闭包存储一个起始点(用于判断是否执行)节流函数:函数在一段时间内多次调用,经过一定时间间隔后才可再一次执行(执行多次)时间戳function throttle(func, delay) { let last原创 2021-05-17 14:58:25 · 99 阅读 · 0 评论 -
封装请求 request.js
建立一个 request.js 文件//定义发送次数let ajaxTimes = 0; // 调用request发起请求传入参数对象 config,{url:'xxxx',data:{},method:'get/post..'} ;export const request = (config) => { //每调用发送一次,记录ajaxTimes的值 ajaxTimes++; //显示加载中 wx.showLoading({ title: '加载中',原创 2021-04-18 18:09:04 · 1043 阅读 · 0 评论 -
不用计算实现 图片懒加载
不用计算实现 图片懒加载给图片加上 data-src 属性const imgs = document.querySelectorAll("img[data-src]"); const config = { rootMargin: "0px", threshold: 0, };let observer = new IntersectionObserver((entries, self) => { entries.forEach((entry) => { i原创 2021-04-18 17:49:15 · 68 阅读 · 0 评论 -
边框流光效果
datav库针对vue.js打造的炫酷效果组件库css3动画写流光效果<div class="outContainer"> <span></span> <span></span> <span></span> <span></span></div>.outContainer{ /*width: ...; 依据实际给width*/ position:relative;原创 2021-03-21 10:47:57 · 1886 阅读 · 0 评论 -
元素隐藏的三种方式对比(针对移动端项目中的按钮,先隐藏且不能被点击 visibility:hidden)
元素隐藏的三种方式对比display:noneopacity:0visibility:hidden项目需求表面一个图片遮罩,鼠标hover遮罩消失,内部元素展现,其中有一个按钮在移动端是手指触摸到该区域就会立马跳转到指定链接而不会显示内部元素display:none不占据页面空间的不可见元素------相当于完全没有它,下方元素也会占据它的位置。展示时 display:block 有界面的切换改变opacity:0透明度为0,视觉看不见,实际存在,元素的点击效果依然存在visibi原创 2021-03-14 10:36:21 · 643 阅读 · 2 评论 -
让产品经理GC的文本段落两端对齐css
文本两端对齐 text-align:justify原创 2021-03-14 10:00:27 · 89 阅读 · 0 评论 -
小白 vue-cli 项目打包
vue-cli 项目打包小白的你有一天被老大喊着将手上写着的vue项目打包一份给他迭代上线,该怎么做?最后把什么文件给到老大?利用 npm run build 命令进行打包打开你的 package.json 文件 ,找到 build 相关命令"build:prod":xxxxxx //生产环境"build:stage":xxxxx //应该是测试环境控制台输入 npm run build:prod等待程序慢慢打包,之后会生成一个 dist 文件夹这个 dist 文件夹就是你老大想要的原创 2020-12-14 01:23:10 · 158 阅读 · 0 评论 -
接口传参为formData类型,实现文件/图片上传功能
接口传参为formData类型,实现文件/图片上传功能摘要:前端小白工作中第一次遇到了上传图片的需求,一看后台接口需要传formData类型参数。const formData = new window.FormData();formData.append(key, value);//如果还有其他的参数,继续使用方法添加formData.append(key, value);FormData.append()向 FormData 中添加新的属性值,FormData 对应的属性值存在也不会覆盖原创 2020-12-13 18:29:56 · 1736 阅读 · 0 评论