- 博客(120)
- 资源 (2)
- 收藏
- 关注
RSS订阅
原创 uni-app 开发微信，支付宝小程序
uni-app，开发过程中，对微信小程序兼容性较好，支付宝：获取经纬度问题：api：uni.getLocation，需要设置如下，不然获取不到定位走falseuni.getLocation({ // type: 'gcj02', //返回可以用于uni.openLocation的经纬度 success: (res) => { const { latitude, longitude } = res; }, fail: (res) => {
2020-06-28 17:50:10
876
原创 React Native 入门第一篇
ReactNative是做什么？我就不废话了，主要记录一下Demo跑起来的流程。开发流程：开发平台：LinuxWindows 目标平台：Android1.安装环境（JDK，AndroidStudio的安装需要注意）2.创建项目react-native init AwesomeProject3.运行项目到Android模拟器重点：我看到他人ReactNati...
2019-10-17 10:48:44
158
原创 React 详解，组件，条件渲染
安装使用React，（npm，webpack）命令：npx create-react-app my-appcd my-appnpm start安装教程，可以参考菜鸟教程React安装还有介绍目录jsx，动态设置，react的className一方法（拼接）<div className={ "flexct" + this.state.mycantact}&g...
2019-07-08 16:54:47
684
原创 vue 中使用axios的总结
1.介绍axios我就不介绍了，直接上中文文档链接http://www.axios-js.com/框架整合vue-axios nuxtjs-axiosreact-axios2.在vue中使用的方式有两种第一种，（axios 特别的方便）npm install axios第二种（vue-axios 基于vuejs 的轻度封装，很方便）0.1，安装vue...
2019-05-24 12:57:37
2327
原创 css3弹性盒子+小程序布局
CSS3 弹性盒子(Flex Box)弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。注意： 弹性容器外及弹性子元素内是正常渲染的。弹性盒子...
2018-03-19 16:55:47
1417
原创 uni-app uniCloud 开发实践 ，天气预报，小程序，h5，app ，001章
寻找APi 1.天气APihttps://tianqiapi.com/index/doc 2.免费接口免费基础实况天气01 基础七日天气01 免费实况天气02 免费七日天气02前端样式开发流程1.用户授权获取用户当前经纬度2.根据经纬度转化成城市信息3.根据拿到的城市，获取用户城市天气4.可以让用户自己选择城市问题总结 1.页面太单调，需要加入...
2021-11-22 12:15:49
1730
2
原创 PIL 图片压缩处理
图片压缩处理from PIL import Imageimport osdef get_size(file): # 获取文件大小:KB size = os.path.getsize(file) return size / 1024def get_outfile(infile, outfile): if outfile: return outfile dir, suffix = os.path.splitext(infile)
2021-11-05 14:40:06
827
原创 uni-app 打包App ，实现App更新提醒，并下载最新App
安卓，可以实现App下载，ios只能做到跳转store代码letparams = {version:1.80,iosVersion:1.80}在首页调用判断是否最新版本，当然也可以加入当前网络是否是WifegetIsNews(params)getIsNews: function(params) { uni.getSystemInfo({ success: (res) => { //检测当前平台，如果是安卓则启动安卓更新 ..
2021-06-25 14:57:41
1749
原创 微信小程序/js上传图片值腾讯云cos
不管什么样的场景上传图片至cos，请下载对应的cos-js-sdk-v5.js一，微信小程序注意事项1.签名生成（如果觉得放置前端不安全，可以由自己后端接口返回）2.上传方法（注意使用的是postObject）cos.postObject({ Bucket: 'uploda-cos-******', //存储桶名称 Region: 'ap-beijing', //地域名字 Key: "*******''//文件名字 StorgeCla...
2021-06-24 16:22:01
504
原创 uni-app多端开发，问题总结
本文章主要是记录一下自己在通过uni-app开发时候遇到的问题，项目包含微信小程序，App，支付宝小程序；如何app开发项目运行到模拟器上通过pc端的模拟器，本人通过-MuMu模拟器模拟器下载后需要设置HBuilderX1.设置ADB，HBuilderX开发工具，运行/运行到手机或模拟器/ADB路径设置，记得MiNu模拟器的端口是7555。2.运行到模拟器上时候，模拟器必须是打开状态。获取用户定位（APP）主要问题是在APP端遇到问题，无法获取定位...
2020-11-19 17:59:01
2221
2
原创 微信小程序，video 全屏视屏展示，广告样式
视频全屏展示文档地址：https://developers.weixin.qq.com/miniprogram/dev/api/media/video/VideoContext.html文档位置：微信官方文档小程序—》开发—》API—》媒体—》视频—》VideoContext。使用方法：注意我这个是自定义组件写法：wxml:<view class="video-wrap-info"> <video class="my-video" id="myVi
2020-07-03 16:31:29
3054
原创 微信小程序页面 scroll-view滚动条隐藏
设置隐藏css/* 隐藏滚动条 */::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none;}如果scroll-view高度为整个页面高度是不行的，解决技巧，给scroll-view高度为整个页面高度时候减去1px。scroll-view高度为整个页面高度方法一：通过wx系统信息设置给scroll-viewwx.getSystemInfoSync().wi.
2020-07-02 17:28:11
2016
1
原创 react+antd 权限管理 Tree树形控件
记录一个自己在使用antd4处理权限管理数据接口时候方法，<Tree checkable defaultCheckedKeys={['0-0-0', '0-0-1']} onSelect={onSelect} onCheck={onCheck} treeData={treeData}/>第一步展示处理请求过来的数据适用于treetreeData格式，并且拿到最后一级选择的id组成成数组给到defaultCh...
2020-07-02 15:33:11
5092
1
原创 threejs 入门中的OrbitControls
threejs可以通过npminstallthree来安装文档介绍OrbitControls（轨道控制）轨道控制使摄像机可以围绕目标旋转。要与/ examples目录中的所有文件一样使用此文件，则必须将文件单独包含在HTML中。import { OrbitControls } from './compontents/orbitControls.js';rende...
2020-05-28 09:39:12
9712
原创 react package.json 修改proxy进行前端跨域，通过修改homepage，更改打包路径
react脚手架create-react-app创建项目使用，会生成reactreact-domreact-scripts记录一下自己在package.json文件内的坑1.homepage
2020-05-09 15:01:58
2967
原创 OpenLayers geojson 进行展示矢量标签展示
效果预览：在线沙盒地址：https://codesandbox.io/s/dazzling-borg-ejzceGeoJSON：GeoJSON是一种对各种地理数据结构进行编码的格式，支持下面几何类型：点、线、面、多点、多线、多面和几何集合。（自己百度）推荐工具地址：http://geojson.io在线矢量图，可以查看个格式GeoJSON特征集合：let geojs...
2020-04-27 09:21:36
1390
原创 css 动画 animate
案例 加载中动画效果：代码：<!DOCTYPE html><html><head><meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <style> div{ width:10px; height:10px; floa...
2020-04-09 13:47:52
371
原创 前端工具，网址推荐，方便开发，学习。
在线沙盒环境codesandbox：https://codesandbox.io（速度还可以结束）在线接口文档showdoc：https://www.showdoc.c(值得尝试)在线压缩图片无损压缩熊猫 ：https://tinypng.com大咖网站菜鸟教程：https://www.runoob.com（加强巩固基础）廖雪峰：htt...
2020-04-02 10:38:34
180
原创 react 结合 axios 异步请求封装
安装 ：npminstallaxios开始封装：新建一个http.js，通过promise进行异步，axios进行请求。import axios from 'axios';import { message } from 'antd';const mainUrl = '';const http = {};http.get = (url) => { retu...
2020-04-02 09:39:21
1018
原创 React Router 全部
1.react Router安装reactrouterreact-router-domreact-router-native的关系React Router是核心路由功能，但是您可能不想直接安装它。如果要编写将在浏览器中运行的应用程序，则应该安装react-router-dom。同样，如果您正在编写React Native应用程序，则应该安装installreact-router-...
2020-03-30 17:28:50
169
原创 Openlayers layer 切换底图
我的openLayers案例地址：http://cyclv.gitee.io/openlayers/主要记录一个地图切换 layersetSource （推荐）设置图层源。let google = new XYZ({ url:'http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBl...
2020-03-26 18:07:58
2281
原创 Openlayers 详细记录controls（控件）
controls：控件是一个可见的小部件，在屏幕上的固定位置具有DOM元素。我controls沙盒的案例：https://codesandbox.io/s/hopeful-black-dnvcl?fontsize=14&hidenavigation=1&theme=dark默认控件默认情况下，地图中包含的控件集。除非另行配置，否则它将返回一个包含以下每个控件实例的集合：...
2020-03-21 18:11:44
1571
原创 js实现页面滚动，切换导航栏/点击导航栏跳转到指定位置
方法一利用 a标签绑定好需要滑动位置的Id<a href="#aboutWrap">关于春芽</a>简单快捷，弊端：速度不可控方法二scrollTop加入动画通过使用animate加入动画；scrollTop：距离；$("html, body").animate({scrollTop: $('#'+domid).offset().t...
2020-03-20 11:46:45
2692
原创 轮播
轮播实现方式1.swiper官网地址:https://www.swiper.com.cn使用方便，简单2.display：none；原生js写的<!DOCTYPE html><html lang="Zh"><head> <meta charset="UTF-8"> <meta name="vie...
2020-03-17 08:41:21
195
原创 React router 路由 入门安装
中文地址：https://react-router.docschina.org选择web；安装命令npminstall react-router-dom可以参考基础案例进行编写https://react-router.docschina.org/web/example/basic；注意：我的react项目，是把reactrouter没有跟跳转事件在一起impor...
2020-03-10 16:16:38
745
原创 前端实现发送邮件
1.通过formspree网站地址：https://formspree.io/需要注册一个账户,选择free免费版,newform可以设置安全域名，等配置js代码1.走表单<form action="https://formspree.io/xqkevnyb" method="POST"> <label> Your ...
2020-01-08 11:39:07
5315
2
原创 nginx 启动失败 80端口被占用
查看端口占用情况命令 ：netstat -ano以上中占用80端口的PID就是 8732,10732找到任务管理器中PID为8732，或者10732的杀死之后在重启就可以
2020-01-06 15:10:04
893
原创 nginx 配置入门 进行跨域
安装：域名地址：nginx.org下载文件目录如下nginx启动文件conf/nginx.conf 配置文件logsnginx日志配置nginx.confserver { listen 80; server_name cyc.cenozon.cn; index index.htm; add_header 'Access-C...
2020-01-06 15:02:43
533
原创 React 通过style来设置背景图片。
React中，给元素设置样式主要有两种，一，引入CSS文件这种不用多说，通过 importimport '../views/css/bases.css';这种方式适合，样式比较复杂，多的情况。二，设置元素的 style<main type="lock" style={{ color: 'rgba(0,0,0,.25)' }}> </main>...
2019-12-17 09:31:17
9912
原创 JavaScript循环遍历对象的属性，只要对象内的Value
let params = {id:1,keyWord:'2019',name:'1014'}for in方法for(let key in params){ console.log(params[key]) // key 是键 }
2019-11-22 08:52:09
1611
原创 React 组件开发 传参（详解）。
案例地址：http://cyclv.gitee.io/react-admin/#/rolelist组件关系：如图：画的不怎好看，父子组件传参，可以通过 props父向子传递参数role.jsimport React, { Component } from 'react'import '../css/bases.css'import MyTable from '...
2019-11-19 08:58:48
587
原创 Openlayers 杂项
介绍一些XYZ矢量地图地址，谷歌http://www.google.cn/maps/vt/pb=!1m4!1m3!1i{z}!2i{x}!3i{y}!2m3!1e0!2sm!3i345013117!3m8!2szh-CN!3scn!5e1105!12m4!1e68!2m2!1sset!2sRoadmap!4e0高德地图 style=6/7/8 卫星图是6,http://webst...
2019-10-17 17:44:34
410
原创 OpenLayers 绘制，选中，鼠标悬浮
实现效果:1.绘制点，线，多边形。2.绘制对象添加相对应的信息，3.选中绘画的上的矢量图层，并弹出信息.3.存入数据库中。绘制官网api不一一列举，官网api地址https://openlayers.org/en/latest/apidoc/module-ol_interaction_Draw-Draw.html （如果失效，请访问官网，搜索Draw）绘...
2019-10-09 17:42:04
4372
2
原创 OpenLayers学习入门篇
刚把OpenLayers案例做出来，以下就是总结。学习推荐文档：OpenLayers 3 算是翻译版的非常的不错，强力推荐http://weilin.me/ol3-primer/ch01/index.html官网：Openlayers 有案例，API，不错。（主要时间都花费在这个上面）工具：GeoJson数据生成http://geojson.io这些工具，翻译文档会让我...
2019-09-28 09:42:46
1375
1
原创 原生js对数组操作（find，findIndex）
find（返回符合传入测试（函数）条件的数组元素。）let list =[ {id: 4, pid: 3, menuName: "操作日志", menuLevel: 2, url: "/operatelogs"}, {id: 8, pid: 7, menuName: "富文本", menuLevel: 2, url: "/richtext"}, {id: 11, pi...
2019-09-28 09:12:41
2074
orbitControls.js
2020-05-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人