图灵晚辈-优快云博客

原创 Vue中使用VueAMap

【代码】Vue中使用VueAMap。

2023-09-21 16:53:14 2193

<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 878

原创小程序解决安卓端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 1938 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 405

原创小程序获取定位扫码打卡功能

<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 1977

原创小程序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 170

原创小程序出现Component is not found in path “xxx“ (using by “xxx“)

这个问题是说明引入路径出错需要到组件json文件usingComponents查看即可

2021-04-06 15:56:24 2171

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

原创 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 941 3

原创 Vue使用wx-open-launch-weapp跳转小程序

官方文档代码如下<div class="launchbox">  <wx-open-launch-weapp id="launch-btn" username="跳转小程序id" path="跳转地址" //pages/park/home @launch="onLaunch" @er

2021-03-10 17:45:41 557

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

原创高德地图获取当前浏览器位置和点击位置开启驾车导航路线

<!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 1125

原创 react-native Android使用极光推送

极光推送注册登陆完>>>点击右上角的应用管理>>>然后点击创建应用>>>拿到应用包名和AppKey基础配置就按照官网的配置就好了https://www.npmjs.com/package/jpush-react-nativeJPUSH_CHANNEL配置一般直接是“default”切记包名改成极光推送上面的之后，其他地方的包名也要保持一致，不然会报错然后就可以测试了componentDidMount() { console.log('

2020-10-13 11:29:15 638

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

原创解决修改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 4061

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

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

原创如何判断谷歌浏览器和360浏览器

我这边是最新的360SE1.0版本之前判断是可以通过**navigator.userAgent.toLocaleLowerCase()**方法判断内核分辨的但是最近我发现他们的内核几乎几样，判断不出来了，如下：360：”谷歌：几乎是一模一样但是有一点不一样，360加载页面时候会出现cookie。如图:360：谷歌：然后就可以根据内核一样的基础下判断了，代码如下：// 判断浏览器器getBrowserInfo = () => { if (ua.match(/chrome/)

2020-07-22 15:55:51 1608 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 1565

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

原创自定义一个回到顶部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 514

原创 Vue的单文件组件

文章目录单文件组件vue 中后缀名是 .vue 的文件，我们称它为单文件组件单文件组件的优点一个单文件组件的组成使用sass安装 node-sass 的时候非常慢，如何解决PS: 一些特点单文件组件vue 中后缀名是 .vue 的文件，我们称它为单文件组件单文件组件的优点在 vscode 中安装 vetur 插件。能够让单文件组件有很好的语法高亮和代码提示可以将样式写在组件内。并且...

2020-05-06 20:00:00 793

原创 Vue 组件

文章目录组件组件是什么？组件的使用1. 组件的注册2. 组件的调用组件的一些注意事项组件之间的通信方式组件间的关系是如何确定的呢？组件的 data 必须写成函数形式组件的属性props选项props数据校验组件官网组件是什么？在 Vue 里，一个组件本质上是一个拥有预定义选项的一个 Vue 实例。组件的使用定义（注册）组件调用（使用）组件将组件就看成是一个函数1. 组件的...

2020-04-11 22:05:34 672

原创用node.js爬取自己所有博客的名字，评论数，阅读数和发布时间

我们事先要对当前项目初始化，本地安装gulp。不懂得可以看我上一篇博客代码如下://引入https和cheerio模块const https = require('https')var cheerio = require('cheerio');//定义自己的博客请求地址const url = 'https://blog.youkuaiyun.com/weixin_45991188'//调用ht...

2020-03-30 18:38:43 1536 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 516

原创用css3属性如何来做一个动态螺旋丸

效果图:这里用到的css3属性:transformanimationtransform-style<body> <div class="smallbox"></div> <div id="box"> <div class="box1 one"></div> &l...

2020-03-27 16:03:33 2732 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 2883 2

原创 js正则

Evernote Export js正则首先我们要了解什么是正则表达式？正则表达式是构成搜索模式（search pattern）的字符序列。当您搜索文本中的数据时，您可使用搜索模式来描述您搜索的内容。正则表达式可以是单字符，或者更复杂的模式。正则表达式可用于执行所有类型的文本搜索和文本替换操作。创建一个正则1、通过new创建正则var n...

2020-02-22 14:58:39 986

weixin_45991188的博客