- 博客(37)
- 收藏
- 关注
RSS订阅原创 React 后台管理项目 入门项目 简洁清晰保姆级内容讲解
React Hook的后台管理项目，从0到1搭建，内容非常丰富涵盖项目搭建、路由配置、用户鉴权、首页报表、用户列表、前后端联调等功能，推荐指数：5颗星！
2024-08-09 11:44:33
259
原创 Vue3陪诊系统 真实业务 能够快速上手
vue3陪诊系统，包含陪诊后台管理系统，用户C端。里面涉及上百个功能模块和真实的后台接口，能够通过微信支付真实下单并在后台处理订单状态。整个项目从0到1搭建，使用最新的vue3的组合式（Composition Api）技术栈，推荐指数：5颗星！
2024-08-09 11:22:07
987
原创 Vue3入门项目 简洁清晰保姆级内容讲解
vue3的后台管理项目，从0到1搭建，内容非常丰富涵盖项目搭建、路由配置、用户鉴权、首页报表、用户列表、前后端联调等功能，推荐指数：5颗星！
2024-08-06 15:28:34
579
原创 微信小程序踩坑记录（一）自定义tabbar
背景项目需求需要使用微信自定义tabbar，中间过程遇到不少坑，再次总结微信自定义tabbar1.在app.json中tarBar加入"custom": true{ "tabBar": { "custom": true, "color": "#000000", "selectedColor": "#000000", "backgroundColor": ...
2019-12-27 10:28:58
5553
1
原创 dart基础第一章~环境搭建
为什么需要学习DartDart2作为google开发团队创建的一种强类型的语言，并且是当前跨平台框架Flutter的开发语言，其重要性不言而喻。Flutter是什么？Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。是即react native后另一个跨平台的解决方案，在react native还停在0.60版本的今天，无疑是最热门的框架，也是大...
2019-12-19 21:59:37
240
原创 react native真机或者模拟器如何启用网络调试
背景近期开始接触react native自己搭建项目，在请求接口时发现无法在浏览器debug页面network中看到网络请求，经过查阅一番资料找到答案，记录一番。解决方案react native v0.57.5注释路径 node_modules\react-native\Libraries\Core\InitializeCore.jspolyfillGlobal('XMLHttpReq...
2019-12-13 10:14:49
766
原创 linux服务器部署node项目
安装配置nginx安装nodejs下载node最新版本 : 连接 https://nodejs.org/download/release/wget https://nodejs.org/download/release/v9.9.0/node-v9.9.0-linux-x64.tar.xz解压 tar -xf node-v9.9.0-linux-x64.tar.xzcd到...
2019-10-18 17:46:03
168
原创 亲测！大于0保留两位小数正则
/^([1-9]\d*(\.\d{1,2})?|([0](\.([0][1-9]|[1-9]\d{0,1}))))$/亲测，改进版。过滤0.0和0.00两种情况！
2019-10-09 17:43:25
5456
6
原创 js删除数据重复的数据（es6简单方法）
场景let a = [{id: 1}, {id: 2}, {id: 3}];let b = [{id: 1}, {id: 2}, {id: 3}, {id: 4}, {id: 5}]// 期望结果[{id: 4}, {id: 5}]解决方案let a = [{id: 1}, {id: 2}, {id: 3}];let b = [{id: 1}, {id: 2}, {id: 3},...
2019-09-11 14:32:46
1853
原创 node.js egg框架接入微信公总号
接入流程首先申请一个微信公总号，点击左侧菜单的开发>>基本配置下点击启用服务器配置这里url为你自己的后台服务地址，注意是get请求，token可以随便填作为验签使用，提交后后台接口会受到微信服务器发来的验签消息验签逻辑-微信官方https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421135319c...
2019-08-20 17:56:59
380
原创 dva如何去掉hash
解决方案import React from 'react';import dva from 'dva';import App from './router';import createLoading from '@/common/utils/create-loading';import {createBrowserHistory as createHistory} from 'histo...
2019-08-19 19:03:11
647
原创 react实现复制功能
背景目前原生的复制方式存在许多问题，常见的类似于document.execCommand(“copy”);这里不做讲解，大概是获取焦点时在移动端上软键盘自动弹出影响体验，使用readOnly属性又不兼容iponeX等等。。解决方案react-copy-to-clipboard使用这个组件<CopyToClipboard text={card} // 需要复制的文本 ...
2019-07-16 19:30:05
6832
原创 h5实现海报分享功能
背景由于项目需求，需要在h5实现类似于淘宝店铺分享的效果实现效果代码实现介绍下使用插件及主要功能代码html2canvas.js<div id="capture" style="padding: 10px; background: #f5da55"> <h4 style="color: #000; ">Hello world!</h4>&...
2019-05-26 15:48:13
8465
2
原创 gitHub 403 没有权限推送代码至仓库(问题解决！！)
前几天构建了一个项目，推送至gitHub并邀请朋友来一起维护，结果他那边修改无法push到我这边远程仓库，报错如下fatal: unable to access ‘https://github.com/XXX/HP_ONE/’: The requested URL returned error: 403大致意思是说没有权限访问，解决方案如下选择Settings输入添加人gitHub账...
2019-04-21 23:20:33
3977
原创 从零开始的dva框架学习---3【model的创建和使用】
什么是modeldva框架中最重要也是最有魅力的地方在于创造了model，接触过redux的同学都知道，想通过redux来管理react的状态必须通过dispatch分发action经过reducer的计算出新的state驱动页面更新，这是一条单向数据流，并且在这里面会存在很多异步情况，对于异步操作，redux提供中间件来支持，传统的写法例如使用redux-thunk显得很麻烦，对action有...
2019-04-16 21:50:48
759
原创 从零开始的react-native学习【一】（环境搭建）
既然说的从零开始，那么就从新电脑开始一步步搭建react-native世界，Lets go!安装node及npm下载地址：http://nodejs.cn/download/(我选择的是稳定版，系统根据个人来定)下载完后安装安装完成后打开cmd，输入node -v 和 npm -v检查Ok，第一步完成，接下来安装react-native所需要的依赖Python2 和Java SE...
2019-04-15 23:51:34
482
原创 从零开始的dva框架学习---2【动态路由】
序言上一篇讲了dva的主要作用和解决的什么问题以及入口文件index.js，那么这章主要来讨论主路由的配置以及如何实现路由的动态加载。入口文件 /src/index.js./src/router.js 看下主路由中包含什么import React from 'react';import { Router, Route, Switch } from 'dva/router';impor...
2019-03-31 23:56:59
618
原创 从零开始的dva框架学习---1【项目搭建】
序言首先简单介绍下dva的背景，dva是有阿里开发的轻量级框架，整合了react+react-router+redux+redux-saga+fetch，将使用react技术栈的开发过程进行优化，尤其是针对redux那块，后面使用model解决，这个放到后面再说。总而言之，在学习dva前如果你已经用过上述所说的react技术栈来进行开发，那么这个框架将给你带来非常愉快的体验，让我们开始进行dva...
2019-03-30 23:29:00
648
原创 react context初始加载读取不到上下文的内容
import React, { Component } from 'react';import PropTypes from 'prop-types';import Counter from './Counter';class SummaryContainer extends Component { constructor (props) { super(props); ...
2019-03-11 10:27:07
2090
原创 react context上下文使用
序言首先介绍下什么是上下文以及为什么要使用上下文，react状态一般情况是由父组件通过props向子组件传递的，那么如果出现嵌套比较深的组件，并且只是最后一个子组件需要使用顶层组件的状态这样一级级传递会显得麻烦而且不好维护，上下文的作用是在当前组件声明一个公共的状态，不需要通过props的传递，子组件需要的时候去公共里面取可以，下面来讲解下具体使用方法。这里创建一个顶层组件./provider...
2019-03-09 22:45:45
398
原创 button下嵌套a标签导致火狐浏览器无法下载
背景最近项目碰到一个兼容问题，在Chrome下正常下载的模板火狐下载不了解决错误写法<button class="btn btn-primary btn-sm" type="button"> <span><a href="./add_service_v1.xlsx">下载模板</a></span>&
2019-02-28 17:04:50
812
原创 formData 解决参数与文件一起提交
这里使用H5的FormData对象，废话不多说，上代码html&lt;input name="param" type="text"&gt;&lt;input name="file" type="file"&gt;js$.ajax({ })var formData =
2019-02-28 14:24:16
2756
原创 es6 class类与class类中constructor
序言在es6 中的class关键字用于声明类，在此之前js一直没有类的概念，本文只要讨论class的与es5中对象的关系以及class中constructor的作用关键字classES6 的class可以看作只是一个语法糖,而类本身可以看作一个构造函数class A { hello() {}}typeof A //function首先验证类型，OK确实为函数，既然是构造函数，当然...
2019-02-20 16:00:43
8404
3
原创 new Date().getTime()在IE下的兼容问题
背景项目中碰到后台返回时间类似2018-01-30 09:07:15这样的格式，使用new Date().getTime()将时间格式转成时间戳，但在IE出现兼容问题，具体错误为带“-”格式的时间无法被new Date()转成时间格式，返回NaN.解决代码如下const date = '2018-01-30 09:07:15';const timestamp = new Date(dat...
2019-02-18 18:20:07
4724
10
原创 validfrom多种校验规则实现报错提示
背景使用validform校验插件实现满足不同校验规则时给出不同的提示HTML<input datatype="*,num0-char,noChinese"type="text"name="postCode"id="postcode"class="same"/>jsvar validForm = $("form").validform({
2019-01-29 17:11:23
1071
原创 react嵌套路由以及exact属性用法
序言关于react的路由，与结合vue-router对比，实际上配置更复杂，虽然有各种轻量级框架对react-router进行封装，单还需了解基本原理，废话不多说，上代码路由我这里采用es6的写法，与官文相比，使用有状态的react组件实现嵌套路由,首先搭建好环境，我这里利用create-react-app脚手架工具，不知道的同学请看参考文档，搭建好的项目结构如下引入react-rout...
2019-01-29 15:49:34
7424
原创 vue中mini-ui popup与picker结合在iphone手机穿透问题
背景vue项目使用mint-ui组件中使用popup和picker在iphone手机上会出现在手机屏幕滑动时，使后面model层（灰色阴影部分）出现滚动效果。解决方案先看下代码,此代码挑选重点部分内容，请自行理解<template> <mt-popup style="width: 100%" v-model="popupVisible" position="botto...
2019-01-12 16:03:59
2584
原创 VUE 在iphone上页面切换不置顶解决方案
背景近期在使用vue构建移动端项目，采用vue+vue-router+vuex+mint-ui等…在测试iphone系列手机过程中发现路由切换后，页面不置顶，必须触摸滑动屏幕重新定位后才恢复正常。解决方案vue-router在官方文档提供有解决方案当创建一个 Router 实例，你可以提供一个 scrollBehavior 方法：const router = new VueRouter(...
2019-01-12 12:51:47
1010
原创 vue中watch与防抖动函数
vue中watch与防抖动函数使用场景表单中的某元素在用户输入时需要调api进行校验，由于用户在输入过程中无需时刻调用,这里采用防抖动函数，上代码<template> <div class="register-group"> <div class="form-input-item"> <mt-field ...
2019-01-03 11:48:33
11443
4
原创 vue watch监听的实战用法
vue watch监听的实战用法vue watch官方文档案例介绍var vm = new Vue({ data: { a: 1, b: 2, c: 3, d: 4, e: { f: { g: 5 } } }, watch: { a: function (val, oldVal) { ...
2018-12-16 15:43:42
10871
原创 react生命周期componentDidMount中设置setState在esIint报错
react生命周期componentDidMount中设置setState在esIint报错项目背景由于需要在页面渲染出来的时，对state中的数据进行初始化并需要出发render重绘componentDidMount () { let { selectedValue, stateValue } = this.state; this.setState({ sel...
2018-11-15 11:47:17
14049
原创 弹窗中图片的旋转样式问题
弹窗中图片的旋转样式问题目前主要js使用的旋转大多为css样式transform, css3，以及cavas,这里主要讲的使用css的属性实现的旋转功能，由于笔者当时在网上未能找到答案，故事后解决问题了分享下经验。背景该需求是要在一个弹窗中做一个图片旋转功能，并且在title上需要能够展示内容。弹窗使用的是dialog查件，思路是在关闭按钮的旁边加上旋转的按钮，每次点击后让弹窗里面的图片...
2018-10-22 16:03:45
677
原创 浅谈react中父子组件相互通信及ref的用法
浅谈react中父子组件相互通信及ref的用法react的介绍声明式设计 −React采用声明范式，可以轻松描述应用。高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。灵活 −React可以与已知的库或框架很好地配合。JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。组件 − 通过 React 构建组件...
2018-10-11 12:35:49
2754
原创 微信小程序环境搭建及小程序案例
微信小程序环境搭建及小程序案例小程序的介绍微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。准备工作在微信公众平台官网首页（mp.weixin.qq.com）点击右上角的“立即注册”按钮。（这里主要讲个人开发者）选择注册的帐号类型选择“小程序”，点击“查看类型区别”可查看不同类型帐号的区别和优势。注册小程序成为管理员后，在菜单 “设...
2018-10-08 20:04:43
314
2
原创 关于autocomplete.js 无法匹配多个字段生成下拉
关于autocomplete.js 无法匹配多个字段生成下拉前一段时间做过一个项目，需要根据用户所填写字段进行匹配，由于当时使用的是autocomplete.js，对其中比较坑的地方做下记录。官方文档：(http://xdsoft.net/jqplugins/autocomplete/)，目前市面上存在较多版本，请查看是否与本文版本一致在参考下文返回值如下[{"last_n...
2018-07-19 12:07:22
873
原创 关于My97datePicker中readonly的问题
关于My97datePicker中readonly的问题今天在写代码的时候遇到了一个需求是要把页面上的一个字段传到另一个页面上去，由于项目采用的是jQuery easy UI框架， 本以为这里时间控件是采用jQuery easy UI的DateBox插件（(。・・)ノ），找了好久才发现是用的My97datePicker （Ｏ(≧口≦)Ｏ），回归到正题上来，我现在需要的是得到这里的时间，而该页面由
2017-04-05 20:38:51
3316
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人