自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

技术分享

技术分享使得自己思路越来越清晰

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

原创 React Native 入门第一篇

ReactNative是做什么?我就不废话了,主要记录一下Demo跑起来的流程。开发流程:开发平台:LinuxWindows 目标平台:Android1.安装环境(JDK,AndroidStudio的安装需要注意)2.创建项目react-native init AwesomeProject3.运行项目到Android模拟器重点:我看到他人ReactNati...

2019-10-17 10:48:44 51

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

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

原创 css3弹性盒子+小程序布局

CSS3 弹性盒子(Flex Box)弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。注意: 弹性容器外及弹性子元素内是正常渲染的。弹性盒子...

2018-03-19 16:55:47 1131

原创 微信小程序,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 172

原创 微信小程序页面 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 135

原创 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 355 1

原创 threejs 入门中的OrbitControls

threejs可以通过npminstallthree来安装文档介绍OrbitControls(轨道控制)轨道控制使摄像机可以围绕目标旋转。要与/ examples目录中的所有文件一样使用此文件,则必须将文件单独包含在HTML中。import { OrbitControls } from './compontents/orbitControls.js';rende...

2020-05-28 09:39:12 90

原创 threeJs 入门

地址:https://threejs.org/下载资源,获取到three.js

2020-05-25 16:04:47 112

原创 react package.json 修改proxy进行前端跨域,通过修改homepage,更改打包路径

react脚手架create-react-app创建项目使用,会生成reactreact-domreact-scripts记录一下自己在package.json文件内的坑1.homepage

2020-05-09 15:01:58 692

原创 OpenLayers geojson 进行展示矢量标签展示

效果预览:在线沙盒地址:https://codesandbox.io/s/dazzling-borg-ejzceGeoJSON:GeoJSON是一种对各种地理数据结构进行编码的格式,支持下面几何类型:点、线、面、多点、多线、多面和几何集合。(自己百度)推荐工具地址:http://geojson.io在线矢量图,可以查看个格式GeoJSON特征集合:let geojs...

2020-04-27 09:21:36 178

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

原创 redux react-redux入门篇

看着网上讲的react redux 完全懵了,自己看文档自己总结

2020-04-08 11:23:13 61

原创 前端工具,网址推荐,方便开发,学习。

在线沙盒环境codesandbox:https://codesandbox.io(速度还可以结束)在线接口文档showdoc:https://www.showdoc.c(值得尝试)在线压缩图片无损压缩熊猫 :https://tinypng.com大咖网站菜鸟教程:https://www.runoob.com(加强巩固基础)廖雪峰:htt...

2020-04-02 10:38:34 67

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

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

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

原创 Openlayers 详细记录controls(控件)

controls:控件是一个可见的小部件,在屏幕上的固定位置具有DOM元素。我controls沙盒的案例:https://codesandbox.io/s/hopeful-black-dnvcl?fontsize=14&hidenavigation=1&theme=dark默认控件默认情况下,地图中包含的控件集。除非另行配置,否则它将返回一个包含以下每个控件实例的集合:...

2020-03-21 18:11:44 183

原创 js实现页面滚动,切换导航栏/点击导航栏跳转到指定位置

方法一利用 a标签绑定好需要滑动位置的Id<a href="#aboutWrap">关于春芽</a>简单快捷,弊端:速度不可控方法二scrollTop加入动画通过使用animate加入动画;scrollTop:距离;$("html, body").animate({scrollTop: $('#'+domid).offset().t...

2020-03-20 11:46:45 415

原创 轮播

轮播实现方式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 26

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

原创 前端实现发送邮件

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 726

原创 nginx 启动失败 80端口被占用

查看端口占用情况命令 :netstat -ano以上中占用80端口的PID就是 8732,10732找到任务管理器中PID为8732,或者10732的杀死之后在重启就可以

2020-01-06 15:10:04 206

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

原创 React 通过style来设置背景图片。

React中,给元素设置样式主要有两种,一,引入CSS文件这种不用多说,通过 importimport '../views/css/bases.css';这种方式适合,样式比较复杂,多的情况。二,设置元素的 style<main type="lock" style={{ color: 'rgba(0,0,0,.25)' }}> </main&gt...

2019-12-17 09:31:17 629

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

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

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

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

原创 OpenLayers学习入门篇

刚把OpenLayers案例做出来,以下就是总结。学习推荐文档:OpenLayers 3 算是翻译版的非常的不错,强力推荐http://weilin.me/ol3-primer/ch01/index.html官网:Openlayers 有案例,API,不错。(主要时间都花费在这个上面)工具:GeoJson数据生成http://geojson.io这些工具,翻译文档会让我...

2019-09-28 09:42:46 355

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

原创 React开发中常见问题和 Warning

React内存泄露译文:索引。警告:无法对未挂载的组件执行React状态更新。这是一个no-op,但它表明您的应用程序中存在内存泄漏。要修复此问题,请取消componentWillUnmount方法中的所有订阅和异步任务。解决方案, componentWillUpdate(){ this.setState = () => { ...

2019-09-26 16:05:05 428

原创 前端跨域 ——实践总结,亲测有效

跨域接口:http://t.weather.sojson.com/api/weather/city/101030100(这是一个天气预报的接口)1.通过配置nginx配置nginx配置文档:https://blog.csdn.net/weixin_41487694/article/details/1038516892React,Vue 项目下React 中的跨域问题(使用的方法:...

2019-08-19 11:33:54 113

原创 ​​公众平台测试账号 开通 配置

公众平台测试账号申请,在微信公众号管理后台中(开发 —》开发者工具—》公众平台测试账号)扫码进入之后会分配给你appidappsecret (如下图),我们只需要进行配置,接口配置信息中的URl,Roken(注意信息配置需要自己有服务器资源)话不多说,贴上我的代码,使用的php进行的编写,这些代码都可以进行百度查到重点:本人遇到的问题1.Token,写成中文立马就可以。...

2019-08-13 13:51:01 100

原创 微信公众号开发,获取用户信息(前端)

微信网页授权文档https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842本人使用的是公众平台测试账号进行的代码测试。(开发 —》开发者工具—》公众平台测试账号)如何配置可参考文章微信公众平台测试账户开通一,微信网页授权流程(微信文档都有)二,前端获取code禁忌:不要发送请求获取微信的co...

2019-08-13 09:11:17 1397

原创 wangeditor react中使用

一.基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费使用原因 wangeditor的文档(地址:http://www.wangeditor.com/)1.轻量:相对于百度富文本,体积真心小,2.简洁:我的理解,功能刚刚够用。使用wangeditor的项目,要对富文本的功能要求简单。安装 npm 命令安装npm install wanged...

2019-08-06 09:18:03 761

原创 React 路由 中 BrowserHistory 刷新报404

安装react-router-dom的安装npm install react-router-dom常用的 history 有三种形式, 但是你也可以使用 React Router 实现自定义的 history。browserHistory hashHistory createMemoryHistory在项目中最初开发阶段,使用的是hashHistory, 遇到的问题就是...

2019-07-22 09:07:47 325

原创 前端加密使用AES与后端配合(ECB)

使用AES加密,首先要了解AES加密方法注意:加密的mode:ECB、CBC、CFB、OFB、CTR (加密模式不同,加密的方法也不同)加密的padding 不会影响加密结果本人使用的框架 React 进行的SAE前端加密(不管是React,Vue,还是引入的JQuery库一样)1.使用crypto-jsJavaScript加密标准库。github地址(https:/...

2019-07-18 09:19:34 982

原创 前开发命名规范

作为一个程序员,对英语一定要有一个学习,毕竟使用英语写的页面css命名规范1.css class命名尽量使用英语,不要使用汉拼,并且有意义,2.使用单词命名时不要缩写,除非非常有名的单词。3.- 规则命名中,一律采用小写加中划线的方式,不允许使用大写字母或 _ 例如(header-list)4.不允许通过1、2、3等序号进行命名5.避免class与id重名css编写...

2019-07-08 09:48:45 163

提示
确定要删除当前文章?
取消 删除