![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 55
well2049
从这里记录学习的成长!前端,后台,全栈,CTO
展开
-
vuex核心概念解析及使用
vuex作为vue状态管理工具还是非常好用的,在这里记录一下使用过程。vuex的核心概念只有四个,只要掌握了这四个的基本使用方法即可将vuex玩弄于手掌之中。state getters actions mutations一、组件访问state的两种方法第一种:(常用d比较优雅的方式)从vuex 种按需导入 mapState 函数import { mapState } from ...原创 2020-01-05 00:30:25 · 433 阅读 · 0 评论 -
前端常用的插件库
前端常用的插件特别多,在此记录常用的几个。1,scrollreveal (页面滚动执行动画),vue通用。官方网站:https://scrollrevealjs.org/说下常用的几个配置,包含scrollreveal多次执行动画 :案例同级别的还有wow.js , 可自行了解var config= { delay: 500, // 延时 duratio...原创 2019-09-30 16:03:04 · 1752 阅读 · 0 评论 -
axios拦截器配置最全记录
axios 的拦截器配置方式网上已经很多,记录一下,自己总结的最全最好用的配置方式。顺带记录一下登录鉴权验证token的携带,这里需要用到2个第三方插件库 yarn add history browser-cookies 主要是用来路由重定向和获取浏览器的token1,一般都是在发送请求之前拿到登录时后台给返回的token,自己手动设置到拦截器里面的axios.interceptors....原创 2018-12-14 14:20:42 · 4778 阅读 · 1 评论 -
Uni使用iconfont图标或者自定义图标
首先到阿里巴巴图标矢量库里面掉选自己喜欢的图标收藏到自己项目里面的。注意事项:1,修改项目内的图标字体名称(iconfont是uni的关键字暂不能用)。2,使用网络字体。项目使用1,拷贝iconfont.css 文档到项目中,并修改引入的字体路径:@font-face {font-family: "eosfont"; src: url('https://at.alicdn.com...原创 2018-12-01 09:05:05 · 7909 阅读 · 1 评论 -
React 使用antd Tbas标签切换路由页面。
借一张图先展示下效果:这就是要实现的效果,点击左侧的菜单,实现顶部的tabs 新增删除和激活。代码实现是:原创 2018-12-01 08:36:01 · 10768 阅读 · 5 评论 -
nodeJS设置cookie后,服务端和客户端都获取不到
nodeJS设置cookie后获取不到的几种情况分析第一,是否使用了nginx? 如果,真的只是做个端口代理,是不会受影响的。第二,是否使用了axios? axios默认是不允许设置cookie的,所以如果用了,需要你单独启动一下全局设置 axios.defaults.withCredentials = true;//让ajax携带cookie 在入口的页面设置即可全局使用。第三,n...原创 2018-08-02 21:41:22 · 4255 阅读 · 0 评论 -
Antd开发后台管理笔记一
Antd 开发后台管理第一次记录通过create-react-app antd-admin 创建react项目安装antd yarn add antd 设置antd 按需加载,需要安装依赖库:yarn add babel-plugin-import安装状态管理工具redux和调试工具:yarn add redux react-redux redux-thunk redux-devto...原创 2018-07-28 22:19:56 · 1560 阅读 · 0 评论 -
小程序开发工具提交代码到远程仓库TGit-工蜂
小程序开发工具有自己的远程代码仓库–工蜂,这个需要自己在公众平台开通一下即可使用。第一步:准备工作在微信公众平台开通TGit安装Git工具 第二步:创建小程序在小程序开发工具内,右上角菜单栏会看到【代码仓库】点击即可打开仓库在打开的腾讯云里面点击项目的代码就会到工蜂仓库 在工蜂里面就可以看到自己的远程仓库地址了第三步:提交代码在已经创建好的小程...原创 2018-07-18 20:57:37 · 13945 阅读 · 1 评论 -
node封装对MySQL的操作方法(增删改查)
node对数据库的操作无非就是增删改查,所以封装好方法供以后调用是非常有必要的,总结网上的方法,并亲自测试后,特意记录一下!特别要注意WHERE 条件的数据类型SQL语句的准确性很关键第一步 首先封装好连接数据库的方法 直接看代码 配置文件: config.js 代码:const mysql = require('mysql')const connectdb=()=>...原创 2018-07-03 10:41:49 · 6713 阅读 · 3 评论 -
JS实现中文转拼音(首字母大写和首字母简拼)
1)将汉字翻译为拼音,其中每一个字的首字母大写;使用方式:pinyin.getFullChars(this.value);2)将每汉字的拼音首字母提取出来,是大写的形式。pinyin.getCamelChars(this.value);下面是实现的代码,getPingyin.js,均测试过,非常好用的var pinyin = (function (){...转载 2018-04-02 16:31:34 · 45464 阅读 · 8 评论 -
JS身份证号严格验证,手机号验证,中文验证的正则
这些经常用到的验证所以写成函数好使用一些:// 身份证号验证var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"原创 2018-03-31 15:16:04 · 724 阅读 · 0 评论 -
css3实现字体颜色轮换
看到animate css 的页面字体颜色竟然是变化的,特别好奇,所以就看了下源码也算是拷贝出来,单独使用了。下面写个案例,复制过去,在浏览器打开就可以看到效果: 效果图可以在这里看<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <t...原创 2018-03-21 09:28:22 · 4722 阅读 · 0 评论 -
react表单提交(实现提交时不刷新页面并一键获取到所有数据)
在react中获取表单数据方式比较多,可以就通过监听inputvalue的oncChange 动态修改state里面对应的参数值。<input id="name" type="text" value={this.state.name} onChange={this.getValues} /> <br />如果表单数据比较多10个参数这样一个一个的...原创 2018-03-01 15:03:04 · 11327 阅读 · 0 评论 -
vue2 npm run build 打包出来的dist 文件夹资源引用加载错误
我们在执行npm run build 打包出来的dist 文件夹,里面index.html页面的引用的路径是 /static/js/XXX ,页面是访问不到的引用资源的。。。。手动修改路径,把最前面的 / 去掉才可以访问,或者是在打包的config里面修改配置。找到config文件夹下的index.js 打开i后看到这个 修改assetsPublicPath: ”,这样既可以啦。原创 2017-11-22 09:12:56 · 3589 阅读 · 0 评论 -
手机号验证,为jquery-validation添加自定义验证方式,以及Ajax提交form表单
由于validtion 没有手机号验证这个功能,所以只好添加自定义的验证方式。代码如下:// 手机号码验证 jQuery.validator.addMethod("isMobile", function(value, element) { var length = value.length; var mobile = /^(((13[0-9]{1})|(15[原创 2017-11-17 13:22:16 · 1952 阅读 · 0 评论