- 博客(125)
- 收藏
- 关注
RSS订阅原创 基于qiankun实现微前端React18接入子应用Vue3
以React18为主应用，vue3为子应用。在src下增加public-path.js。增加一个页面，点击到这个页面去注册子应用。在html中增加子应用挂在的节点。在main.js中配置。
2023-04-14 17:07:15
60
原创 快速实现全站或自定义模块黑白背景
可以通过引入灰度js脚本grayscale.js：一 实现灰色背景需两步：1.引用grayscale.js2.利用CSS将grayscale的应用到特定的类其中，grayscale(.95)指的是脚本遮罩度。比如设置为.50，那么就会叠加50%灰色。
2022-12-05 15:43:57
90
原创 开发必备神器，你值得拥有！
1.ShowMore：一款简洁实用的高清在线录屏工具，支持Windows、mac，只需一个浏览器，即可免费录制电脑屏幕上一切活动。访问ShowMore网站（网站地址），第一次使用时需要安装一个小启动器，安装成功后，点击“开始录制”，即可快速启动。在录制之前，可先进行视频设置，输出格式多样：MP4/FLV/WMV/AVI等；也可设置视频的比特率、帧速率、模式等，设置完成后，进行高清录屏就OK啦。...
2019-10-30 14:41:38
194
原创 小程序中点击二维码图片预览、长按转发、保存、识别图中二维码
随着小程序的发展微信小程序中为了更加方便用户体验，在小程序中添加图片预览、长按转发、保存、收藏、识别图中二维码等。注：小程序中只支持预览后长按识别小程序二维码，其他的不支持！前端代码：<view wx:for="{{imgalist}}"wx:for-item="image"class="previewimg"> <image src="{{image}}" ...
2019-10-30 14:30:54
4477
原创 vue中刷新input复选框保持之前的状态
关注小编微信公众号公众号【前端基础教程从0开始】可以添加小编微信，免费为您解答问题，回复“1”，拉你进程序员技术讨论群，群内有大神，可以免费提供问题解答。公众号回复“小程序”，领取300个优秀的小程序开源代码+一套入门教程。公众号回复“领取资源”，领取300G前端，Java，产品经理，微信小程序，Python等资源合集大放送，让我们一起学前端。 ...
2019-10-30 13:59:58
862
原创 js抽奖
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> &...
2019-10-30 13:41:29
213
原创 vue中微信公众号使用jssdk添加卡券等功能
Demo:<template> <div> <div class="card-box" @click="card_add">添加卡券</div> </div></template><script>export default { name:'Card', da...
2019-10-30 13:41:17
536
原创 原生js 虚拟键盘
Demo:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>虚拟键盘</title> <style> @charset "utf-8";*{margin:0;padding:0;font-family: 'Microsoft...
2019-10-30 13:41:00
381
原创 移动前端—H5实现图片先压缩再上传
Demo:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="view...
2019-10-30 13:40:42
301
原创 JavaScript实现计算器
Demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js计算器</title></head><style> *{ border: none; ma...
2019-10-30 13:40:13
296
原创 墨水按钮Demo
Demo:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>ink_button</title> <style> * {margin: 0; padding: 0;} body { width: 100%...
2019-10-30 13:38:22
106
原创 js推箱子
Demo:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><center> <h3>请自定义上下左右键...
2019-10-30 13:38:03
189
原创 使用node.js自定义封装node_modules里的包
一、Node.js模块封装1.创建一个名为censorify的文件夹2.在censorify下创建3个文件censortext.js、package.json、README.md文件1)、在censortext.js下输入一个过滤特定单词并用星号代替的函数。var censoredWorlds=["sad","bad","mad"];var custormCensoredWords=[...
2019-10-30 13:37:54
1443
原创 原生select框
Demo:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ padding: 0; margin: 0; }...
2019-10-30 13:37:37
922
原创 vue滚动到底部加载数据并且防止触发多次
源码Demo：<template> <div> <ul class="list"> <li v-for="(item,index) in listData" :key="index" :v-if="listData">{{item.album_title}}</li> </...
2019-10-30 13:37:06
5304
2
原创 vue实现录音跟读功能
使用方式script方式直接引入dist下的recorder.js即可let recorder = new Recorder();npm方式安装：npm i js-audio-recorder调用：在需要录音的地方引入import Recorder from ‘js-audio-recorder’let recorder = new Recorder()API// 开始录音r...
2019-10-30 13:36:36
845
原创 js滚动页面底部时函数加载多次解决办法
//防止滚动到底部触发多次var isbool=true;//滚动条到底部弹出评价窗口var minAwayBtm = 50; // 距离页面底部的最小距离$(window).scroll(function() {var awayBtm = $(document).height() - $(window).scrollTop() - $(window).height();if (aw...
2019-10-30 13:36:27
292
原创 使用hBuilder打包成app扫一扫
参考地址：https://www.cnblogs.com/huanhuan55/p/11541683.htmlhttps://www.cnblogs.com/e0yu/p/7843505.htmlhttps://blog.csdn.net/qq_39816586/article/details/90700002http://blog.sina.com.cn/s/blog_60b5e13e0...
2019-10-30 13:36:19
471
原创 vue项目在ie、360兼容模式页面显示空白问题
vue项目中，出现在ie与360兼容模式下打开页面呈现空白问题，如下：控制台报main.js中语法错误~上网搜了一下，大部分解决方案是在webpack配置中与main.js中引入babel-polyfill进行处理由于项目是使用webpack.config.js手动搭建，并未使用vue-cli脚手架，引入babel-polyfill之后在ie、360浏览器中仍然是显示空白。。。原因在...
2019-10-30 13:34:41
1719
原创 vue单页面背景颜色设置
有时我们会遇到单独改变某个组件的背景填充色，而我们已经在index.html中引入了公用的css样式（body中设置了背景色），由于单个组件没有body标签，于是要修改单个组件的背景色只需添加如下代码即可。beforeCreate () {document.querySelector(‘body’).setAttribute(‘style’, ‘margin: 0 auto; width: 1...
2019-10-30 13:34:33
8894
原创 vue输入支付密码调起键盘功能
<template> <div class="pay-tool"> <div class="pay-tool-title border-bottom"> <span class="icon icon-back" @click="backHandle"></span><strong>请输入交易密码<...
2019-10-30 13:34:22
756
原创 vue中使用canvas实现移动端手写板、电子签名功能
<template> <div class="hello"> <button type v-on:click="clear">清除</button> <button v-on:click="save">保存</button> <canvas id="canvas" width="375" he...
2019-10-30 13:33:39
2056
6
原创 avue
关闭严格模式参考地址：https://blog.csdn.net/shangyadongze/article/details/80565068avue学习参考地址：https://www.awesomes.cn/repo/nmxiaowei/avuehttps://www.kancloud.cn/smallwei/avue/583295https://www.cnblogs.com/che...
2019-10-30 13:32:34
2619
4
原创 html+css实现自定义图片上传按钮
普通的input[type=‘file’]的效果很朴素可以自定义一个file选择文件的按钮：思路为：用定位将自定义的按钮遮住原来的选择文件按钮，再让点击自定义按钮时触发原来的选择文件按钮的事件即可（对此，label可实现）效果图：<!DOCTYPE html><html lang="en"><head> <meta charset=...
2019-10-30 13:32:26
2232
原创 jQuery每日秒杀商品倒计时
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge">...
2019-10-30 12:01:23
257
原创 鼠标悬停下划线显示特效，html鼠标悬停显示下划线
<!DOCTYPE html><html lang="en" ><head><meta charset="UTF-8"><title>鼠标悬停下划线</title> <style>body { display: flex; justify-content: center; align-it...
2019-10-30 12:01:13
5393
原创 html+jQuery实现拖动滑块图片拼图验证码插件，移动端适用
一、index.html<!DOCTYPE html><html lang="zh"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" conten...
2019-10-30 12:00:38
2717
原创 Vue背景图片打包上线后出错问题解决
在Vue项目开发中我们经常要向页面中添加背景图片，可是当我们在样式中添加了背景图片后，编译打包后，配置到服务器上时，由于路径解析的问题，图片并不能够正确的显示出来，如下CSS样式：background:url("…/…/assets/head.jpg");这个时候我们就要考虑使用其他的方式了，node中提供了一种比较有效的方式来解决这个问题：1、在data中定义如下： export def...
2019-10-30 12:00:00
275
原创 axios封装简单有效
一、新建一个axios文件夹新建一个fetch.js文件：import axios from 'axios';const TENANT_ID='0'const ENCRYPT_KEY='shrewshrewshrews'export function fetch(url,method,params={}){ //判断obj中的投放范围、类型、状态是否为空 let ne...
2019-10-30 11:58:50
1101
原创 vue 实现验证码倒计时60s发送
<template> <div> <div class="input-div" v-show="formData.phone"> <input type="text" class="input code" name="code" v-model.trim="formData.code" placeholder...
2019-10-30 11:57:21
906
原创 vue富文本使用详解
一、cnpm 安装 vue-quill-editorcnpm install vue-quill-editor二、在main.js中引入import VueQuillEditor from ‘vue-quill-editor’// require styles 引入样式import ‘quill/dist/quill.core.css’import ‘quill/dist/quill...
2019-10-30 11:55:43
11394
2
原创 父元素添加点击事件找到子元素
<template> <div class="container"> <div class="title">{{getData.title}}</div> <div class="text" @click="imgs"></div> <big-img v-if="s...
2019-10-30 11:55:27
728
原创 weex 框架开发的UI库 weex-ui 的配置使用
weex-uiweex - ui 阿里飞猪出品https://github.com/alibaba/weex-ui使用进入 weex 项目根目录npm i weex-ui -S配置(1) 以下面方式使用import { WxcComponent1, WxcComponent2 } from “weex-ui”缺点是导入了全部的 weex-ui 组件，也会打包；安装插件npm ...
2019-10-30 11:54:32
1630
原创 vueH5页面使用微信的js-sdk实现扫一扫功能
Vue引入微信的sdk和jquery需要做：1、引入微信sdk：安装依赖 npm i -S weixin-js-sdk2、引入 import wx from ‘weixin-js-sdk’3、引入jquery<template> <div class="login_div"> <mt-button id="wxsys" type="pr...
2019-10-30 11:47:11
4362
原创 微信公众号内嵌H5网页授权步骤
参考地址：1、https://asyncoder.com/2018/09/21/在微信H5网页中获取用户基本信息/2、https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842主要注意点就是回调地址：我是用vue框架开发的，所以单独做了个页面去授权回调：redirectToAuthPage(){ con...
2019-10-30 11:47:01
12161
原创 vue滚动年月日选择器DatetimePicker
一、首先引入mint-UI库，具体步骤参考mint-ui官方文档mint-ui地址：http://mint-ui.github.io/#!/zh-cn二、查看引入DatetimePicker步骤具体代码如下：<template> <div> <div class="birth"> <div @click="openPicke...
2019-10-30 11:46:31
3574
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人