- 博客(29)
- 资源 (1)
- 收藏
- 关注
原创 小程序背景图加二维码合成海报
<view class="pages"> <view class="box"> <swiper bindchange="swiperChange" class="swiper" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-active-color="#FF8722..
2021-10-14 18:46:10
805
原创 小程序解决安卓端van-datetime-picker选择时间时,自己滚动问题
代码<van-popup show="{{ showtime }}" round position="bottom" custom-style="height: 346px" bind:close="onCloseTime" close-icon="cross" closeable> <view class="pbox2 mt-100"> <van-datetime-picker type="year-month" min-date="{{ minDate }}" ma
2021-09-05 17:35:35
1771
2
原创 vue 自定义table格式组件
<template> <div class="detail-form"> <ul> <li v-for="(item, index) in tableData" :key="index" > <span>{{item.name}}</span> <ul v-if="item.children"> <l
2021-07-13 16:52:03
364
原创 小程序获取定位扫码打卡功能
<view bindtap="onClockIn"></view>app.json"permission": { "scope.userLocation": { "desc": "你的位置信息将用于小程序定位" }},// 扫码打卡 onClockIn() { let vm = this wx.getSetting({ success(res) { // res.authSetting['scope.
2021-05-14 16:42:41
1854
原创 小程序request对象封装案例
const app = getApp() // 引入app// 根据路由显示不同的加载文字const setTitle = (url) => { let title = '加载中' switch (url) { case '/user/login': title = '登陆中' break; default: break; } return title}
2021-05-08 10:05:11
150
原创 小程序出现Component is not found in path “xxx“ (using by “xxx“)
这个问题是说明引入路径出错需要到组件json文件usingComponents查看即可
2021-04-06 15:56:24
2063
原创 webpack5中的一些注意事项(持续学习更新)
代码html-loader中也需要设置esModule: false,不然会无法展示图片{ test: /\.(jpg|png|gif)$/, use: [ { loader: 'url-loader', options: { limit: 8 * 1024, esModule: false } } ] }{ test: /\.(html)$/, use: { loader: 'html-loader', options:
2021-04-05 14:09:21
280
原创 bootstrap-fileinput结合OSS上云(前端直传OSS)
control.fileinput({ language: 'zh', //设置语言 uploadUrl: 'http://{你的bucket}.oss-cn-shenzhen.aliyuncs.com/', //上传的地址 后面一定要加/, ajaxSettings:{headers:{ 'Access-Control-Allow-Origin': '*', }}, uploadExtraData: function (previewId, in.
2021-03-17 18:20:29
863
3
原创 Vue使用wx-open-launch-weapp跳转小程序
官方文档代码如下<div class="launchbox"> <!-- gh_c7bf41c3c50e mainpages/home/index --> <wx-open-launch-weapp id="launch-btn" username="跳转小程序id" path="跳转地址" //pages/park/home @launch="onLaunch" @er
2021-03-10 17:45:41
509
原创 EChart根据值大小展示不同渐变色
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>风格2</title> <script src="echarts.min.js"></script></h
2020-12-28 10:22:32
1155
原创 高德地图获取当前浏览器位置和点击位置开启驾车导航路线
<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <titl
2020-11-19 15:05:53
1075
原创 react-native Android使用极光推送
极光推送注册登陆完>>>点击右上角的应用管理>>>然后点击创建应用>>>拿到应用包名和AppKey基础配置就按照官网的配置就好了https://www.npmjs.com/package/jpush-react-nativeJPUSH_CHANNEL配置一般直接是“default”切记包名改成极光推送上面的之后,其他地方的包名也要保持一致,不然会报错然后就可以测试了componentDidMount() { console.log('
2020-10-13 11:29:15
594
原创 react-native使用ant-design-mobile-rn图库,需配置
按照官网先:react-native link @ant-design/icons-react-native然后在android\app\src\main目录下在添加assets文件然后在node_modules\ @ant-design\icons-react-native目录下找到fonts文件:然后把fonts文件复制过去android\app\src\main\assets文件中:然后再在android\app\build.gradle中添加配置:// ttf文件对应你fonts里文
2020-08-26 18:02:34
689
原创 解决修改antd样式导致全局修改问题
找到你想修改的classname全局覆盖样式::global { .ant-table { height: 220px; overflow-x: auto; }}单个独立样式:.mytables { :global { .ant-table { height: 220px; overflow-x: auto; } }}也可以设置多个样式:.mytables { :global { .ant-table table { text-a
2020-08-17 10:31:40
3958
原创 react下载TXT,或者Word
// 请求参数const postdata = { id: params.id}fetch('请求地址', { body: JSON.stringify(postdata), method: 'POST', headers: { 'Content-Type': 'text/pain',// TXT文件格式 },}).then((response) => { response.blob().then(blob => {
2020-08-13 15:06:47
976
原创 react中防抖处理
onSearch = (value) => { const { dispatch } = this.props; dispatch({ type: 'reportVisual/getAnounceByStock', payload: { keyword: value, size: 1000 } }) }; handleonSearch = (value) => { if (this.timer) { clearTimeout(thi.
2020-08-12 15:31:47
1004
原创 如何判断谷歌浏览器和360浏览器
我这边是最新的360SE1.0版本之前判断是可以通过**navigator.userAgent.toLocaleLowerCase()**方法判断内核分辨的但是最近我发现他们的内核几乎几样,判断不出来了,如下:360:”谷歌:几乎是一模一样但是有一点不一样,360加载页面时候会出现cookie。如图:360:谷歌:然后就可以根据内核一样的基础下判断了,代码如下:// 判断浏览器器getBrowserInfo = () => { if (ua.match(/chrome/)
2020-07-22 15:55:51
1508
4
原创 新手指导intro.js基本属性和API
安装npm install intro.js --save写在HTML的基本属性data-intro 步骤的工具提示文本data-step 可选地定义步骤的数目(优先级)data-tooltipClass:可选地为工具提示定义CSS类data-highlightClass:可选地将CSS类追加到helperLayerdata-position 可选择地定义工具提示的位置,top, left, right, bottom, bottom-left-aligned(与bottom), botto
2020-07-07 17:49:24
1481
原创 Ant Design Pro V4 安装
安装yarn create umi或则使用npmnpm create umi然后选择:ant-design-pro其他的分别是:app — 用简单的样板创建项目,支持typescriptblock — 创建一个 umi 块library — 用umi.创建一个库plugin — 创建 umi 插件选择版本:Pro V4选择语言:js或则ts选择完整版:complete目录结构本地开发安装依赖npm install运行npm star
2020-06-18 16:59:15
1057
原创 自定义一个回到顶部Vue指令
CSS样式:<style> * { margin: 0; padding: 0; } html, body, #app { height: 100%; } #app { display: flex; flex-direction: column; overflow: hidden; } section { flex: 1;
2020-05-25 14:29:24
489
原创 Vue的单文件组件
文章目录单文件组件vue 中后缀名是 .vue 的文件,我们称它为 单文件组件单文件组件的优点一个单文件组件的组成使用sass安装 node-sass 的时候非常慢,如何解决PS: 一些特点单文件组件vue 中后缀名是 .vue 的文件,我们称它为 单文件组件单文件组件的优点在 vscode 中安装 vetur 插件。能够让单文件组件有很好的语法高亮和代码提示可以将样式写在组件内。并且...
2020-05-06 20:00:00
762
原创 Vue 组件
文章目录组件组件是什么?组件的使用1. 组件的注册2. 组件的调用组件的一些注意事项组件之间的通信方式组件间的关系是如何确定的呢?组件的 data 必须写成函数形式组件的属性props选项props数据校验组件官网组件是什么?在 Vue 里,一个组件本质上是一个拥有预定义选项的一个 Vue 实例。组件的使用定义(注册)组件调用(使用)组件将组件就看成是一个函数1. 组件的...
2020-04-11 22:05:34
545
原创 用node.js爬取自己所有博客的名字,评论数,阅读数和发布时间
我们事先要对当前项目初始化,本地安装gulp。不懂得可以看我上一篇博客代码如下://引入https和cheerio模块const https = require('https')var cheerio = require('cheerio');//定义自己的博客请求地址const url = 'https://blog.csdn.net/weixin_45991188'//调用ht...
2020-03-30 18:38:43
1516
2
原创 Gulp前端自动化构建工具
为什么使用GulpGulp自动化构建工具可以增强你的工作流程!易于使用、易于学习、构建快速、插件高质!在日常开发中,可以借助Gulp的一些插件完成很多的前端任务。如:代码的编译(sass、less)、压缩css,js、图片、合并js,css、es6转es5、自动刷新页面等。gulp中文官网: https://www.gulpjs.com.cn/插件地址: https://gulpjs....
2020-03-27 21:53:38
495
原创 用css3属性如何来做一个动态螺旋丸
效果图:这里用到的css3属性:transformanimationtransform-style<body> <div class="smallbox"></div> <div id="box"> <div class="box1 one"></div> &l...
2020-03-27 16:03:33
2672
1
原创 jquery教程
jquery教程jQuery简介 jQuery也就是JavaScript和查询(Query)即 辅助JavaScript开发的类库。 jQuery是一个兼容多浏览器的javascript库。 核心理念是 write less,do more (写得更少,做得更多)。 jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多 JavaSc...
2020-03-08 18:09:33
2828
2
原创 js正则
Evernote Export js正则首先我们要了解什么是正则表达式?正则表达式是构成搜索模式(search pattern)的字符序列。当您搜索文本中的数据时,您可使用搜索模式来描述您搜索的内容。正则表达式可以是单字符,或者更复杂的模式。正则表达式可用于执行所有类型的文本搜索和文本替换操作。创建一个正则1、通过new创建正则var n...
2020-02-22 14:58:39
926
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人