web搬砖人-CSDN博客

原创 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 592

转载 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 1140

转载 React面试题

React面试题1.当你调用 setState 的时候，发生了什么事？将传递给 setState 的对象合并到组件的当前状态，这将启动一个和解的过程，构建一个新的 react 元素树，与上一个元素树进行对比（ diff ），从而进行最小化的重渲染。2.React 项目用过什么脚手架（本题是开放性题目）creat-react-app Yeoman 等3.什么时候用类组件Class Component,或函数组件Functi如果您的组件具有状态( state ) 或生命周期方法，.

2020-10-21 10:48:07 407

原创 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 779

原创 H5-已知文本拷贝到剪切板

今天有一个需求是：将已知的文本信息查入到剪切板，网上都是复制文本的，插入剪切板让我很苦恼，不过借鉴了复制的操作，领悟了一点就是创建文本，然后获取里面的信息，我用的Vue，下面直接上代码： InsertShearPlate() { // 获取需要复制的文字 let text = "这是需要插入剪切板的文字"; const copyString = text; // 创建input标签存放需要复制的文字 const m

2020-10-16 15:39:53 572

原创 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 2202 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 424

原创原生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 1433

原创 AMD，CMD，CommonJS，ES6区别与联系

1.AMD 是RequireJS 在推广过程中对模块定义的规范化产出（AMD 是提前执行），不过在requireJS的2.0开始也改成了延迟执行（写法不同，处理方式不同） AMD 即Asynchronous Module Definition，中文名是“异步模块定义”的意思。它是一个在浏览器端模块化开发的规范，服务器端的规范是CommonJS。模块将被异步加载，模块加载不影响后面...

2018-07-18 17:58:17 692

原创 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"&gt...

2018-07-17 17:13:12 5254

转载微信小程序支付开发攻略（支付签名验证失败）脱坑！！！

第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 2758

qq_37552042的博客