- 博客(11)
- 收藏
- 关注
原创 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
转载 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
转载 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
原创 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
原创 H5-已知文本拷贝到剪切板
今天有一个需求是:将已知的文本信息查入到剪切板,网上都是复制文本的,插入剪切板让我很苦恼,不过借鉴了复制的操作,领悟了一点就是创建文本,然后获取里面的信息,我用的Vue,下面直接上代码: InsertShearPlate() { // 获取需要复制的文字 let text = "这是需要插入剪切板的文字"; const copyString = text; // 创建input标签存放需要复制的文字 const m
2020-10-16 15:39:53
531
原创 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
2132
1
转载 navicat mysql 安装
1、下载破解版Navicat for MySQ中文破解版链接:https://pan.baidu.com/s/1xmMWOTBaiUjWEtVyWNAj-g提取码:defr2、解压下载后的文件有两个.exe文件,点navicat111_mysql_cs_x64.exe进行安装3、安装完成之后点PatchNavicat.exe选择安装Navicat for MySQL目录下的navicat.exe3、出现 下图破解成功...
2020-05-27 16:23:32
385
原创 原生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
原创 AMD,CMD,CommonJS,ES6区别与联系
1.AMD 是RequireJS 在推广过程中对模块定义的规范化产出(AMD 是提前执行),不过在requireJS的2.0开始也改成了延迟执行(写法不同,处理方式不同) AMD 即Asynchronous Module Definition,中文名是“异步模块定义”的意思。它是一个在浏览器端模块化开发的规范,服务器端的规范是CommonJS。模块将被异步加载,模块加载不影响后面...
2018-07-18 17:58:17
673
原创 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
5229
转载 微信小程序支付开发攻略(支付签名验证失败)脱坑!!!
第1个坑:微信支付的api密钥(签名需要的key参数) 商户中心(https://pay.weixin.qq.com/index.php/extend/employee) – API安全 – API密钥 API密钥是不能查询,只能更新。我直接从公众号的微信支付代码中复制过来的(WxPay.Config.php中的KEY值)。 后来支付开发遇到坑,曾怀疑是API密钥(key参数)不对,就用原密...
2018-07-17 16:39:09
2729
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人