- 博客(92)
- 收藏
- 关注
RSS订阅原创 vite+vue3发布自己的npm组件+工具函数
因为有部分组件需要在多个工程中进行使用，虽然可以每个工程复制一份，但是一旦优化组件，就需要给每个工程去同步，这是非常麻烦的一件事情，所以拥有自己的组件库，是必不可少了。开始搞起第一个个人组件库。上传npm库里面。
2024-02-02 08:50:53
797
原创 破解小程序禁止使用JS解释器动态执行JS（eval5、estime、evil-eval等）代码的终极解决方案
关于被小程序禁止使用eval函数的问题，大家都多少了解了，新规则已经限制死了。请看下面新规则。既然要求如此严格，那么有没有其它解决方案呢，所谓上有正常，下有对策。故今天这篇文章就是要提供新的思路实现动态执行js代码的方案。...
2022-08-04 10:25:10
2940
4
原创 JS面试宝典
1、对象的复制、深拷贝和浅拷贝。js 数据类型8种（Number、String、Boolean、Null、undefined、object、symbol、bigInt）symbol=本质是唯一标识符，可用作对象的唯一属性object = （Object、Array、Date、Function、RegExp等）存储方式：基本类型：基本类型值在内存中占用固定的内存中，保存在“栈内存”中...
2020-03-09 23:03:33
1082
原创 JS的深克隆和浅克隆
深克隆* 第一种方案 *let newObj = JSON.pare( JSON.stringify(obj) );第二种方案 递归function deepClone(obj){ // 过滤特殊情况 因使用到递归需要考虑递归函数的终止条件 if(obj===null) return null; if(type...
2020-02-03 21:49:58
338
原创 vuex核心概念解析及使用
vuex作为vue状态管理工具还是非常好用的，在这里记录一下使用过程。vuex的核心概念只有四个，只要掌握了这四个的基本使用方法即可将vuex玩弄于手掌之中。state getters actions mutations一、组件访问state的两种方法第一种：（常用d比较优雅的方式）从vuex 种按需导入 mapState 函数import { mapState } from ...
2020-01-05 00:30:25
431
原创 vue全局loading，axios拦截封装，api接口维护
vue全局loading需求：1，可配置每次发送请求时是否触发loading 。2，请求结束后关闭loading。3，连续请求时合并次数执行一次即可。其实也是百度了好久经过测试真实好用的就是网友这个很棒需要注意的点就是 要提前安装一下 npm i lodash -s 注意功能就是防抖的，不得不说很好用。顺带也贴一下我的代码吧，基本也是复制的他的。复制过去只要安装好依赖基本都能使用...
2019-12-11 21:57:20
1198
原创 php 封装json格式输出
使用laravel 框架开发app的接口第一：封装json统一格式输出主要包含状态码，错误信息，数据{ "code":0, "msg":"", "data":{ "token":"eyJ0eXAiOiJKV1QiLCJhbGciOiJub25." }}第二：封装公共的相应方法主要方法如下：<?phpnamespace Ap...
2019-12-01 16:01:37
571
原创 laravel文件上传
laravel 文件上传方法第一步：创建本地磁盘在 config中找到filesystems.php ，里面新增一个uploads磁盘'disks' => [ 'local' => [ 'driver' => 'local', 'root' => storage_path('app'), ...
2019-11-30 23:25:19
217
原创 laravel学习记录
使用composer创建laravael项目记录创建项目 执行 命令 composer create-project --prefer-dist laravel/laravel projectname启动项目 启动laravel 项目 php artisan serveartisan 常用命令 php artisan or php artisan help serve创建控制器和模型 ...
2019-11-25 10:25:59
154
原创 js获取上个月的今天或者下个月的今天
如果上个月或者下个月没有今天，就取上个月或者下个月的最后一天。传参数 1是下个月的今天，-1是取上个月的今天。 // 获取当天的上个月的今天 或者下个月的今天 function getXmonthToday(type) { // type 0 是当天 -1 是上个月 1是下个月 var now = new Date(); var year = now.get...
2019-10-15 18:17:31
5221
2
原创 前端常用的插件库
前端常用的插件特别多，在此记录常用的几个。1，scrollreveal （页面滚动执行动画），vue通用。官方网站：https://scrollrevealjs.org/说下常用的几个配置，包含scrollreveal多次执行动画 ：案例同级别的还有wow.js , 可自行了解var config= { delay: 500, // 延时 duratio...
2019-09-30 16:03:04
1737
原创 车牌号正则校验(新能源)
最近在网上找了好多关于车牌号校验的正则，经过测试，下面这个才是最有效的。其中包括了新能源车号。可以在这里进行验证： 正则验证案例：绿牌 沪AD00806[\u4e00-\u9fa5][a-zA-Z](([DF](?![a-zA-Z0-9]*[IO])[0-9]{4})|([0-9]{5}[DF]))|^[冀豫云辽黑湘皖鲁苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼渝京津沪新京军空海北沈兰济南广成...
2019-07-22 16:54:42
6343
3
原创 uni-app调手机系统的GPS定位服务
做个记录，在做签到功能时需要用到，强制用户开启GPS定位。目前在vue页面的安卓上面是没有问题的，在wexx上面的页面还不行，也就是nuve。handleNotice(e){ let system = uni.getSystemInfoSync();// 获取系统信息 console.log(JSON.stringify(system)); if (system.plat...
2019-05-30 14:29:39
10730
4
原创 axios拦截器配置最全记录
axios 的拦截器配置方式网上已经很多，记录一下，自己总结的最全最好用的配置方式。顺带记录一下登录鉴权验证token的携带，这里需要用到2个第三方插件库 yarn add history browser-cookies 主要是用来路由重定向和获取浏览器的token1，一般都是在发送请求之前拿到登录时后台给返回的token，自己手动设置到拦截器里面的axios.interceptors....
2018-12-14 14:20:42
4769
1
原创 react中使用async/await处理异步axios的请求
async/await 是个非常好用的处理的异步的es8新功能。在react中使用也是特别方便的，如果你是通过create-react-app 创建的项目就不要担心浏览器的支持。直接使用即可。直接上代码演示，我的axios是经过封装过后Promise。使用原生的也是一样效果，axios原生返回的也是Promise ，所以可以直接 通过let result = awiat Promise 中...
2018-12-13 12:11:58
15970
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
7893
1
原创 React 使用antd Tbas标签切换路由页面。
借一张图先展示下效果：这就是要实现的效果，点击左侧的菜单，实现顶部的tabs 新增删除和激活。代码实现是：
2018-12-01 08:36:01
10739
5
原创 JS获取下个月或上个月的今天
先展示一个日期格式化的方法：Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "h+" : th...
2018-11-02 08:49:40
7623
原创 React开发企业级后台管理系统（笔记一环境配置）
主要介绍安装node环境和react环境依赖安装node环境安装1，官网下载node安装包。安装完成后可以通过以下命令查询安装版本号 node -v ，只要安装成功便会自动安装npm 依赖包管理工具。yarn也是和npm 类似的工具 ，通过npm i yarn -g ，其实，npm 类似于Java中的 maven 工具。注：如果安装遇到问题，就在命令行执行清除npm缓存的命令 npm...
2018-10-25 16:22:59
1042
原创 Python连接SQL server和 MySQL（笔记）
python 连接SQL server 需要安装工具 pymssqlpip install pymssql直接展示案例：亲自测试过。import pymssqlconn = pymssql.connect( host="192.168.1.10\MSSQLSERVER1", user="sa", password="****", database="NT...
2018-09-29 16:05:59
1309
1
原创 nodejs图片处理（上传图片，复制图片，移动图片）
一， 接受上传的图片需要用到const multipart = require('connect-multiparty')具体案例如下我觉得是目前最简单的：router.post('/uploadPicLetH',multipart(),(req,res)=>{ let filename = Date.parse(new Date()); let filesType = ...
2018-08-25 10:43:02
2818
原创 nodeJS设置cookie后，服务端和客户端都获取不到
nodeJS设置cookie后获取不到的几种情况分析第一，是否使用了nginx? 如果，真的只是做个端口代理，是不会受影响的。第二，是否使用了axios？ axios默认是不允许设置cookie的，所以如果用了，需要你单独启动一下全局设置 axios.defaults.withCredentials = true;//让ajax携带cookie 在入口的页面设置即可全局使用。第三，n...
2018-08-02 21:41:22
4241
原创 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
1557
原创 小程序开发工具提交代码到远程仓库TGit-工蜂
小程序开发工具有自己的远程代码仓库–工蜂，这个需要自己在公众平台开通一下即可使用。第一步：准备工作在微信公众平台开通TGit安装Git工具 第二步：创建小程序在小程序开发工具内，右上角菜单栏会看到【代码仓库】点击即可打开仓库在打开的腾讯云里面点击项目的代码就会到工蜂仓库 在工蜂里面就可以看到自己的远程仓库地址了第三步：提交代码在已经创建好的小程...
2018-07-18 20:57:37
13925
1
原创 node封装对MySQL的操作方法(增删改查）
node对数据库的操作无非就是增删改查，所以封装好方法供以后调用是非常有必要的，总结网上的方法，并亲自测试后，特意记录一下！特别要注意WHERE 条件的数据类型SQL语句的准确性很关键第一步 首先封装好连接数据库的方法 直接看代码 配置文件： config.js 代码：const mysql = require('mysql')const connectdb=()=>...
2018-07-03 10:41:49
6692
3
原创 js把table导出excel
测试了一下，ie浏览器下好像不支持。其它浏览器均可正常使用。<!DOCTYPE html> <head> <meta name="layout" content="main"> <meta http-equiv="Content-Type" content="text/html; c
2018-05-22 14:46:27
807
原创 html2canvas 将html代码转为图片并保存下来
只是测试了下，在 谷歌和360上都可以，但是在火狐和ie下面暂时没有效果，所以先做个小记录，等解决ie了，再补充。<!DOCTYPE html> <head> <meta name="layout" content="main"> <meta http-equiv="Content-Type" c
2018-05-22 10:15:05
5931
原创 Python获取Ajax传递的参数并允许跨域
首先设置允许跨域，这个比较简单，直接下载第三方的django-cors-headers1，安装pip install django-cors-headers 2，设置settings.py 添加应用：INSTALLED_APPS = ( 'corsheaders', ...)注释之前的CsrfViewMiddleware,并设置新的MIDDLEWARE...
2018-05-02 14:56:10
2532
1
原创 python创建Django项目（笔记）
项目搭建需要安装的插件。1,安装工具和依赖第一个肯定就是python 第二个是pip 这个是安装其它依赖的工具 第三个是django 通过安装的第二个工具可以直接执行命令进行安装pip install Django 2，创建项目然后就是开始创建项目执行django-admin startproject projectname3，运行项目进入到新创建的项目里...
2018-04-24 14:57:47
726
转载 JS实现中文转拼音（首字母大写和首字母简拼）
1）将汉字翻译为拼音，其中每一个字的首字母大写；使用方式：pinyin.getFullChars(this.value);2）将每汉字的拼音首字母提取出来，是大写的形式。pinyin.getCamelChars(this.value);下面是实现的代码，getPingyin.js,均测试过，非常好用的var pinyin = (function (){...
2018-04-02 16:31:34
44444
8
原创 JS身份证号严格验证，手机号验证，中文验证的正则
这些经常用到的验证所以写成函数好使用一些：// 身份证号验证var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"
2018-03-31 15:16:04
717
原创 JS获取url中传递的数据的三种方法
第一种方法使用for循环function queryURLParameter(url){ let obj = {}; if (url.indexOf('?')<0) return obj; let ary = url.split('?'); urlParameter = ary[1]; data = urlParameter.split('&'); ...
2018-03-31 15:12:09
3705
原创 css3实现字体颜色轮换
看到animate css 的页面字体颜色竟然是变化的，特别好奇，所以就看了下源码也算是拷贝出来，单独使用了。下面写个案例，复制过去，在浏览器打开就可以看到效果： 效果图可以在这里看<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <t...
2018-03-21 09:28:22
4707
原创 设置Nginx反向代理
在conf文件下添加新的配置文档，例如：well-3200.conf 案例是指把对IP：3200 的访问转到 upstream 内的192.168.1.234:3800同时需要注意的是 upstream servername 要和 proxy_pass http://servername; 一定要保持一致。upstream wellserver { ...
2018-03-09 10:40:11
199
原创 node允许跨域以及获取Ajax请求的参数
设置node后台允许跨域请请求很简单，在入口页面app.js添加代码：//设置跨域访问app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Content-Type...
2018-03-07 16:45:53
933
原创 react中使用axios获取后台服务器数据
在react项目中获取数据的工具比较多，比如fetch axios, 这2个应该是使用最多的，说下我在使用axios 时遇到的问题吧！ 我的需求是要实现，所有的数据请求统一写到一个文档里面比如get-api.js 目的就是后期的维护，方便修改。但是axios 获取到的数据是无法return出去的，所以我的实现方案是这样的： 首先把整个axios.get() 传出去：// get-ap...
2018-03-05 11:12:45
19465
原创 react中函数的定义和使用
在react项目中会使用函数是最基本的，如果是在普通的js文档中用特别简单，但是在react中，函数定义的方式，方法和位置都会决定使用方式的不同。 React项目中定义组件的方式有两种： 第一种就是函数式：function Welcome(props) { return <h1>Hello, {props.name}</h1>;}// 或者const ...
2018-03-03 15:49:57
23906
3
原创 React组件的生命周期详解
React组件挂载时有关的生命周期函数有以下几个:constructor()componentWillMount()render()componentDidMount()constructor() 构造函数被调用是在组件准备要挂载的最一开始，此时组件尚未挂载到网页上，一般是在这里设置组件的初始状态this.state({})和初始的参数数据。componentWillMount(...
2018-03-03 15:18:47
229
原创 银行卡验证（验证是否存在，卡号类型，归属行）
在网上找到了一个银行卡的验证，通过阿里的支付宝接口进行校验，能够准确识别是否存在，归属行，卡号类型是储蓄卡（DC）还是信用卡（CC）。接口api:需要传入的2个参数，卡号cardNo和cardBinCheckhttps://ccdcapi.alipay.com/validateAndCacheCardInfo.json?cardNo=1111&cardBinCheck=true...
2018-03-03 11:32:23
25358
5
原创 webstorm找回误删除的文档，idea找回误删除的文档
我发现只要是jet brains公司的开发工具好像都可以通过这种方式找回。 目前我用到的三个工具是都可以，webstorm找回误删除的文档，idea找回误删除的文档，PHPstorm找回删除的文档，方法全部通用。 打开工具栏的View 或者使用快捷键alt+shift+c 打开recent Changes,再点击Deleteing 就会看到被删除的文档了，选中后点击恢复即可完成。...
2018-03-02 08:36:47
2189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人