Z_hao_nan-CSDN博客

原创 vscode中使用全局eslint配置

如果仅仅是在本地进行学习开发，写demo，并且需要使用到eslint时，如果每个项目都安装相关配置会显得比较臃肿，我们可以使用全局的eslint以及相关的配置进行开发，省去了每次安装的麻烦如果是项目研发，还是推荐安装到devDependencies,便于统一版本和他人使用全局安装eslint这里推荐安装[email protected],具体可查看这个issuenpm i [email protected]...

2020-03-24 16:26:37 2113

原创百度ai通用文字识别，出现image format error的问题

escape() 常用于对js字符串进行编码encodeURI() 常用于对URI跳转进行编码encodeURIComponent() 常用于对参数传递时进行编码（有可能特殊字符，/,=等造成URI的间断问题）解决办法在使用百度ai进行通用文字识别时，发送image=<base64编码>这种格式时，请求api可能会返回image format error的问题，很有可能是编...

2020-01-05 11:59:33 2339 1

原创关于react中的context的理解

本例只是做说明性，具体代码要运行起来，还需要加入些其他元素主要解决的问题在应用中可能会有很多组件会去使用到的组件，并且当使用父子传递这一机制的时候，会显得过于臃肿繁琐，所以要使用上下文的方式来进行传递。1.创建一个context// theme-context.jsimport React from 'react'export const ThemeContext = Reac...

2019-10-08 19:17:00 257

原创 taro中集成redux-saga

taro中redux处理方案是采用redux-thunk,这里采用redux-saga解决异步问题，引入目前最新[email protected]引入方式一可以直接下载种子项目，已经引入了saga，并做好了相关配置，可在此基础上再次开发taro-redux-saga-seed// 下载种子项目git clone https://github.com/Z-HNAN/taro-redux-...

2019-08-14 22:51:37 635

原创微信小程序内，生成自定义二维码

最近在开发中，需要生成自定义的二维码，于是做了一个包出来，分享给大家一起使用。适用于微信小程序的二维码生成器，基于Canvas生成，支持中文的输入。可在原生小程序，mpvue，taro中使用。（文末有一个使用示例）github地址(wxmp-qrcode)[https://github.com/Z-HNAN/wxmp-qrcode]安装npm install wxmp-qrcode使用...

2019-08-03 22:15:00 6708 5

原创 async与await的理解

具体的执行情况V8与浏览器环境可能会略有差异，这里主要做一些原理说明，具体的执行顺序可能需要视实际情况来定。asyncasync是将一个方法等待，但是其并不是暂停到那边，而是将其抛出主线程，进入就绪队列等待，而整个async函数的返回值也是一个Promise对象，具体区分以下情况async function fn1 () { // .... return 'foo'}// -...

2019-07-07 15:33:13 246

原创 promise中链式调用then的问题

promise是一个很好的解决异步调用的方法，其链式调用也是一个很好的方式，这里探究一下其调用过程主要问题Promise.resolve().then(res => { return new Promise() })Promise.resolve().then(res => { new Promise() })// 上下两种Promise的方式中， ...

2019-06-11 17:11:15 1959 2

原创云函数中生成excel并且上传到云存储中

云环境1.0.51小程序的云开发功能为我们带来了很大的方便，于是就打算研究一下如何在云函数中拉取数据，之后生成excel到云存储中，过程中踩了些坑，这里分享给大家，希望能有所帮助。首先了解一个node生成excel的库excel-export虽然已经许久未更新了，但是目前还没有什么太大的问题，所以在他的基础上进行开发,并且上手也比较容易主要用法引入let nodeExcel =...

2019-06-05 00:29:18 1498 1

原创关于创建jQuery以及jQuery.fn.init.prototype = jQuery.fn的作用

本文以jQuery 2.0.3分析为例关于构造函数的两个点在JS中创建对象必须要使用new，否则就如同构建了一个普通对象，this表示未来创建的实例，并返回thisfunction Student (school) { this.school = school}new Student('hdu') // 创建了对象 {school: 'hdu'}Student('hdu...

2019-05-31 15:30:06 520

原创解读webpack,简单实现mypack

虽然使用webpack有一阵日子了，但是对其内部的相关打包过程，还不是很了解，今天翻阅了相关资料后，借鉴写了一个webpack简化版本，仅是其核心的部分，mypack了解一下requireJS的大致运行过程这里需要node环境（用到了文件读写相关，webpack也是在node上运行的）// a.jslet fs = require('fs')function myRequire ...

2019-05-26 22:02:53 361

原创使用nginx部署前端项目

当前环境 centos7安装相关依赖gcc 安装安装 nginx 需要先将官网下载的源码进行编译，编译依赖 gcc 环境，如果没有 gcc 环境，则需要安装：yum install gcc-c++PCRE pcre-devel 安装PCRE(Perl Compatible Regular Expressions) 是一个Perl库，包括 perl 兼容的正则表达式库。ngi...

2019-04-26 22:38:08 3821

原创关于微信小程序，云开发中云函数超时定义

在云函数中的定义里，有一个关于超时的概念，这里并不是程序实际运行的时间，而是一个预期运行的时间比如一个程序跑下来仅用了 8ms 但是他一直在等待内部的异步操作执行完才会关闭，这里就是异步操作超时，导致整个请求超时。（20s是截止目前云函数最长运行时间）console.log('======= start ===')console.log(new Date().getTime()) /...

2019-04-19 00:22:28 3888

原创 mpvue-fullpage的简单实现

自定义的fullpage效果, 其核心是top属性的改变起步复制此模板去自己的项目中每一个滚动屏div添加上class:section在totalPageNum填入当前滚动屏的数量使用了一些技巧css高度属性 hv, wv, 高度，宽度的视口大小， 100hv = 1 viewport height 等等为了双向数据绑定，将变化的css属性以style属性的方式写在了标签内...

2019-04-05 10:04:16 484

原创 todomvc-vue 单文件的实现

todomvc-vue 单文件的实现，可供参考github仓库地址 https://github.com/Z-HNAN/todomvc-vue-single快速启动git clone https://github.com/Z-HNAN/todomvc-vue-single.git clone下来该项目npm install 安装所需要的一些依赖使用不同的方式进行预览- `np...

2019-03-24 00:44:48 234

原创 orcl创建数据库基于DBCA-11g（图）

第1步第2步第3步第4步第5步第6步第7步第8步第9步第10步第11步确认安装最后一路等待就可以

2019-03-17 11:21:29 387 1

原创 npm中关于依赖包冲突的问题

测试环境 npm-v 6.8.0要了解npm解决包冲突的问题，就要先了解一下他是如何找包的node中require查找依赖的方式│ app.js│└───node_modules一般我们们的app.js中的requier查找依赖的时候，会去目录下的node_modules去寻找但是，实际他会以一种依次向上的方式进行寻找，这里以common模块依赖jquery为例// co...

2019-03-06 23:02:04 5676

原创 node中文件操作路径问题

文件分隔符/ 左-> 正斜杠，\ 右 -> 反斜杠在mac, linux, unix 使用 / 分隔符在win 使用 \ 作为分隔符，由于\存在转义的效果，一般会使用\\win中也可以使用/介绍path相关path.basename获取一个路径的文件名（默认包含拓展名）path.basename(‘c:/a/b.js’) -> b.jspa...

2019-03-06 17:17:03 1258

原创 node中连接数据库

mongodb数据库，基于第三方库 mongoose(高度封装了mongodb官方文件)引入mongoosevar mongoose = require('mongoose')var Schema = mongoose.Schema连接数据库mongoose.connect('mongodb://localhost/test')设计文档结构（表结构）段名称就是表结构中的属性名称,...

2019-03-05 20:58:23 475

原创关于javascript中的分号的问题

在开发中，有的编码规范可以对分号没有要求，可以省去分号;let name = 'nn'function foo(){ return {}}但是在一下情况中，绝对不能省略[,(,'（此处代表反引号）因为可能导致，编译错误，所以这样加上一句冒号，就能避免这样的错误。;(function(){ let foo = 'bar' })();`hello`.toString()...

2019-03-02 22:17:58 314

原创移动端适配方案总结

对于移动端设备，通常就是解决不同设备的显示问题，总结常见布局的优缺点流式布局响应式布局rem适配在移动端的设备，需要进行视口的设置(类似于浏览器-包含一个视口-包含我们看到的页面dom)，要最先解读到css属性所以一般放在头部&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="U

2019-02-20 12:05:14 359

原创 JS模块化（四）ES6的应用（目前使用较广，较火）

JS模块化（四）ES6的应用（目前使用较广，较火）ES6模块化需要编译打包处理，由于目前部分浏览器不支持es6，需要先转换es5基本使用暴露出去 export应用进来 import使用方式先用babel转化es5使用browserify编译转换需要提前安装一些库npm install babel-cli browserify -gnpm install babel-...

2019-02-05 13:39:37 286

原创 JS模块化（三）AMD(Asynchronous Module Definition)的应用

JS模块化（三）AMD(Asynchronous Module Definition)的应用基本使用暴露出去// 定义没有依赖的模块define(function(){ return 模块 })// 定义有依赖的模块define(['module1','module2'],function(m1,m2){ return 模块})应用进来requirejs(['m...

2019-02-05 13:38:51 365

原创 JS模块化（二）CommonJS的应用

JS模块化（二）CommonJS的应用基本使用暴露出去 module.exports = value或者是exports.xxx = value引入进来 let xxx = require(&amp;quot;./modules/xxx&amp;quot;);CommonJS-node(服务端)首先部署出文件的结构├─modules│ modules1.js│ modules2.js│ ...

2019-02-05 13:37:43 246

原创 JS模块化（一）

JS模块化（一）js发展历史全局function的方式module.jsfunction foo () { console.log("foo() "); }function bar(){ console.log("bar() ");}&lt;script type="text/javascript" src="module.js&

2019-02-05 13:37:01 139

原创 loading过渡动画的使用

loading过渡动画的使用使用loading相关插件优化用户体验在使用ajax刷新数据的时候，中间的间隔可以使用一些过渡动画增加用户体验首先选用一些动画插件比如此处的http://loading.awesomes.cn/找到要使用的样式插入相关的代码，这里可以单独列出文件整合起来html代码  <div cla...

2019-01-26 22:29:55 690

原创 h5语义化标签及其兼容性解决

h5语义化标签及其兼容性解决html5的语义化标签确实为我们带来了许多方便，但是如何解决他的兼容性代码也是需要我们去解决的，简单分析一下h5的相关使用h5带来了哪些好处比较利于开发人员使用,不需要去仔细阅读每一个类，就可以较为清楚地分析出网页的整体结构。利于SEO-搜索引擎优化,搜索引擎也要分析我们的网页，当时用了h5的时候，他也可以很方便的寻找出网页的重点部分，排名靠前。(左为...

2019-01-26 22:27:25 872

原创使用Spring-mail的API发送邮件提示找不到类

Spring-mail中为我们提供了一些更好的，更易用的发送邮件的一些方法，但是在一次开发中，发现无论怎样清理，怎样下载,总是会出现各种各样的找不到类的错误。这里使用的是5.0.6.RELEASE的版本为例。但是引入文件后发现无论怎样都会报错 ClassNotFound, 但是类也添加了，后来发现时mail的包引入有问题，使用spring-mai的API发送邮件时应该依赖sun...

2018-09-23 01:23:47 322

原创关于html标签中jq无法读取data-xxx的问题

在做一些前端开发中，有时会用的data-xx标签比如 <a href="#" id="name-link" data-jsonstring='{"name":"zhangsan"}'></a>也就是存入了一个json字符串，其中name=zhangsan,（当然这里不仅仅是json字符串）那么在前端用jq获取值就应该是var name = $(&qu

2018-09-23 01:10:06 937

原创 jdbc中Bigint对应Long的一个小细节

这里有一个小细节就是关于mysql数据库中 bigint的对应问题在开发时 bigint 对应 Long 才对，但是今天却出现了bigint对应BigInteger的现象，查了相关资料才发现一个小细节如JDBC的BIGINT-->Java的java.lang.Long；JDBC的BIGINT UNSIGNED-->Java的 java.math.BigInteger。...

2018-07-19 22:30:08 15751 1

原创 Mybatis中的内联映射与额外SQL中封装为对象与List

在处理MyBatis中的映射文件时会遇到内联映射与额外SQL属性的相关问题在使用ResultMap进行封装数据时多表查询会有以下的需求1.内联映射：类似于在多表查询的基础上根据不同的属性做一些区别的封装2.额外SQL：(再配置好的前提下) 在原有的SQL执行中根据需要MyBatis按需求在发送一些SQL语句，对于List较好 <associ...

2018-06-30 17:34:49 2580 1

原创 joda的简单操作

在查阅了相关资料后，总结了一些有关 joda 时间类的简单基本操作直接看代码，按照基本需求创建解析获得设置导包 org.joda.time 大家也可以去他们的官网去查看 http://www.joda.org/joda-time/index.html# 关于时间的操作 joda 可以帮助我们简化 package edu.hdu.zhn;import org.jod...

2018-06-25 14:34:50 296

原创 SSM整合多图教程，关于小白跳坑，分享自己的SSM整合！

SSM的整合是花了好一阵时间，所以特地想记录下来分享给你们，小白的分享，若有不对的地方还请大佬拍砖！废话不多，我们开始吧首先我们的思路是1 Maven的 web项目搭建2 spring-mybatis的整合3 spring-mvc的整合4 总的整合测试1我们使用eclipse来创建，当然sts就更方便了2.新建一个maven项目，如果为STS则 new -> 界面里就已经出现了（ps.如...

2018-06-05 23:01:05 408

Z_hao_nan的博客