前端框架学习
cyclv
这个作者很懒,什么都没留下…
展开
-
uni-app多端开发,问题总结
本文章主要是记录一下自己在通过uni-app开发时候遇到的问题,项目包含微信小程序,App,支付宝小程序;如何app开发项目运行到模拟器上通过pc端的模拟器,本人通过-MuMu模拟器模拟器下载后需要设置HBuilderX1.设置ADB,HBuilderX开发工具,运行/运行到手机或模拟器/ADB路径设置,记得MiNu模拟器的端口是7555。2.运行到模拟器上时候,模拟器必须是打开状态。获取用户定位(APP)主要问题是在APP端遇到问题,无法获取定位...原创 2020-11-19 17:59:01 · 2259 阅读 · 2 评论 -
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 · 178 阅读 · 0 评论 -
前端工具,网址推荐,方便开发,学习。
在线沙盒环境codesandbox:https://codesandbox.io(速度还可以结束)在线接口文档showdoc:https://www.showdoc.c(值得尝试)在线压缩图片无损压缩熊猫 :https://tinypng.com大咖网站菜鸟教程:https://www.runoob.com(加强巩固基础)廖雪峰:htt...原创 2020-04-02 10:38:34 · 189 阅读 · 0 评论 -
Openlayers 详细记录controls(控件)
controls:控件是一个可见的小部件,在屏幕上的固定位置具有DOM元素。我controls沙盒的案例:https://codesandbox.io/s/hopeful-black-dnvcl?fontsize=14&hidenavigation=1&theme=dark默认控件默认情况下,地图中包含的控件集。除非另行配置,否则它将返回一个包含以下每个控件实例的集合:...原创 2020-03-21 18:11:44 · 1603 阅读 · 0 评论 -
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 · 760 阅读 · 0 评论 -
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 · 10101 阅读 · 0 评论 -
微信公众号开发,获取用户信息(前端)
微信网页授权文档https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842本人使用的是公众平台测试账号进行的代码测试。(开发 —》开发者工具—》公众平台测试账号)如何配置可参考文章微信公众平台测试账户开通一,微信网页授权流程(微信文档都有)二,前端获取code禁忌:不要发送请求获取微信的co...原创 2019-08-13 09:11:17 · 3601 阅读 · 1 评论 -
React开发中常见问题和 Warning
React内存泄露译文:索引。警告:无法对未挂载的组件执行React状态更新。这是一个no-op,但它表明您的应用程序中存在内存泄漏。要修复此问题,请取消componentWillUnmount方法中的所有订阅和异步任务。解决方案, componentWillUpdate(){ this.setState = () => { ...原创 2019-09-26 16:05:05 · 1369 阅读 · 0 评论 -
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 · 619 阅读 · 0 评论 -
sessionStrorage + localStorage+ cookes
sessionStrorage存储sessionStorage.setItem('key',value)sessionStorage.setItem('','')是页面关闭数据就会消失取出sessionStorage.getItem('username')var username = sessionStorage.getItem('username');localStora...原创 2018-03-09 15:30:54 · 711 阅读 · 0 评论 -
前端跨域 ——实践总结,亲测有效
跨域接口: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 · 342 阅读 · 0 评论 -
bootstrap项目中无间距栅格(grid) no-gutter
栅格参数中的槽宽为题 默认30px;图片铺满的时候需要去掉这个解决方法css的代码(——这主要是css控制).row.no-gutter { margin-left: 0; margin-right: 0;}.row.no-gutter > [class*='col-'] { padding-right: 0; padding-le...原创 2018-03-08 16:54:16 · 12531 阅读 · 0 评论 -
echarts在(React,Vue)中的使用总结
文档地址echarts官网地址https://echarts.baidu.com/(百度的)npm方法使用echarts在vue中使用echarts(在官方文档 文档——>教程——>5 分钟上手 ECharts)你可以使用如下命令通过 npm 安装 EChartsnpm install echarts --savevue中使用在vue的main.js中引...原创 2019-06-18 13:54:51 · 3755 阅读 · 0 评论 -
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 · 714 阅读 · 0 评论 -
uni-app开发开发h5,小程序,app,注意事项
页面生命周期1.完全支持vue的生命周期2.同事,增加了信息的生命周期,有了解过微信小程序,会更容易学习。一.条件编译有些功能h5没有,小程序有(例如:扫码)官方文档链接地址:https://uniapp.dcloud.io/platform,效果很不错,仔细看官网就可以,不难理解。1.开发小程序中,微信,小程序,和支付宝的区别还是有的,可以在页面中进行区分二.省市...原创 2019-06-10 15:05:44 · 3732 阅读 · 0 评论 -
前端加密使用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 · 1870 阅读 · 0 评论 -
wangeditor react中使用
一.基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费使用原因 wangeditor的文档(地址:http://www.wangeditor.com/)1.轻量:相对于百度富文本,体积真心小,2.简洁:我的理解,功能刚刚够用。使用wangeditor的项目,要对富文本的功能要求简单。安装 npm 命令安装npm install wanged...原创 2019-08-06 09:18:03 · 3404 阅读 · 0 评论 -
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 · 886 阅读 · 1 评论 -
layui 动态添加的表单元素--select
layui使用的时候select下拉框没有样式这个地方绝对是待提升的地方1.首先说一下为什么会出现这种情况官方解释有些时候,你的有些表单元素可能是动态插入的。这时形式模块的自动化渲染是会对其失效的。虽然我们没有双向绑定机制(因为我们叫经典模块化框架,偷笑.gif)但是没有关系,你只需要执行 form.render(type,filter); 方法即可。解决方案也有f...原创 2018-09-04 16:47:30 · 22046 阅读 · 0 评论