![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
前端小白白~
一个来自WEB星球的小白成长记录
展开
-
Vue活动倒计时的功能
Vue的活动倒计时功能话不多说,直接上代码吧,我是前端小白一枚,我搬过的砖给大家共享啦~ 欢迎大佬批评指教~ 第一步: 创建组件:<template> <div class="eventCountdown"> <div class="welfareList-itBod-bottoLeft" v-if="nowTime.activity"> <span>{{nowTime.days}}天</span> ...原创 2021-02-20 16:12:39 · 548 阅读 · 0 评论 -
better-scroll的参数和方法
格式:let obj = new BScroll(object,{[option1,],.,.});注意,如果在某一个组件内创建了一个BScroll的实例,在组件生命周期结束前要注意调用destroy方法,否则在滑动过程中切换页面会导致一直触发scroll事件,导致一些意想不到的问题,切记!!!Options 参数startX:0开始的X轴位置 startY:0开始的Y轴位置 scrollY:true滚动方向为 Y 轴 scrollX: true 滚动方向为...转载 2020-11-09 12:20:53 · 1092 阅读 · 0 评论 -
React面试题
React面试题1.当你调用 setState 的时候,发生了什么事?将传递给 setState 的对象合并到组件的当前状态,这将启动一个和解的过程,构建一个新的 react 元素树,与上一个元素树进行对比( diff ),从而进行最小化的重渲染。2.React 项目用过什么脚手架(本题是开放性题目)creat-react-app Yeoman 等3.什么时候用类组件Class Component,或函数组件Functi如果您的组件具有状态( state ) 或 生命周期方法,.转载 2020-10-21 10:48:07 · 377 阅读 · 0 评论 -
Vue-移动端actionSheet
最近有一个移动端actionSheet需求,找了很多第三方的插件,github上面也有都没有自己想要的,干脆自己写一个。直接上代码:第一步:引入animate.cssnpm install animate.css --save然后再main.js里面使用import animated from ‘animate.css’Vue.use(animated)第二步:看代码(复制粘贴即用)由于我兼容了IOS全面屏所以会有一个安卓和全面屏的判断,不要着急,判断的逻辑在最下面哦~/*原创 2020-10-19 15:19:14 · 760 阅读 · 0 评论 -
H5-已知文本拷贝到剪切板
今天有一个需求是:将已知的文本信息查入到剪切板,网上都是复制文本的,插入剪切板让我很苦恼,不过借鉴了复制的操作,领悟了一点就是创建文本,然后获取里面的信息,我用的Vue,下面直接上代码: InsertShearPlate() { // 获取需要复制的文字 let text = "这是需要插入剪切板的文字"; const copyString = text; // 创建input标签存放需要复制的文字 const m原创 2020-10-16 15:39:53 · 531 阅读 · 0 评论 -
vue+webpack获取IP地址-两种方案(各有不同)
第一种方案(传统方案-获取局域网的IP)找到config文件夹下面的index.js中 修改如箭头把下面的粘贴到文件里面第一步:在config- index.jsz中 添加以下代码// 定义自动获取本地ip的方法开始const os = require('os');function getNetworkIp() { let needHost = ''; // 打开的host try { // 获得网络接口列表 let network = os.networkI..原创 2020-08-20 15:11:11 · 2128 阅读 · 1 评论 -
原生JS对图片进行裁剪
来了一个JS图片裁剪的功能,用原生JS写了一下,遇到了一些坑,这里记录一下,话不多说,直接上代码<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-s原创 2020-05-14 10:54:16 · 1390 阅读 · 0 评论 -
Vue的axios插件实现GET、POST、JSONP请求,以及请求拦截
1.需要引入vue.js和axios.js(小编比较懒直接引用的bootstrap来做样式)<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"><script src="../node_modules/vue/dist/vue.js">...原创 2018-07-17 17:13:12 · 5228 阅读 · 0 评论