橘子的博客

原创 go语言学习日记——golang连接数据库mysql

1、安装mysql并检测是否安装成功https://blog.csdn.net/junyunKang/article/details/1085843132、使用navicat建立用户表

原创 go语言学习日记——语言环境搭建及idea集成开发

Go 语言环境安装安装包下载地址为：https://golang.org/dl/。如果打不开可以使用这个地址：https://golang.google.cn/dl/。idea集成go语言插件1.打开idea设置,以此点击file >> setting >> Plugins,如下图 再点击Browse respositories,搜索go,初始化插件,重启idea设置go语言sdk依次打开file >> setting >> Lan

原创 正则校验24小时

1、可输入2:00return /^(([0-1]?\d)|(2[0-3])):[0-5]?\d$/.test(value);2、不可输入2:00return /^(([0-1]\d)|(2[0-3])):[0-5]\d$/.test(value);

原创 文件下载/导出excel使用xhr传递token，并传输JSON对象形式的请求参数

--------方法的使用----------main.exportExcel({ method: "post", url: "/v1/export", data: {}})--------方法的定义----------/** * 导出excel * @param options(method/url/data) */exportExcel: function (options) { var config = $.extend(true, {..

原创 mac和Windows设置chrome浏览器解决跨域问题

mac上设置新版chrome浏览器跨域设置方法打开一个新的可跨域的chrome窗口实现方法：1. 打开终端2. 输入下面的命令( 需要替换路径中的yourname)open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/yourname/MyChromeDevUserData/注意网上有些文章--user-data-dir参数后面没有添加文件.

原创 Navicat连接MySQL Server8.0版本 Client does not support authentication protocol

接上篇，最后一步连接Navicat失败了Navicat连接MySQL Server8.0版本报错Client does not support authentication protocol requested by server；解决如下：首先进入Ctrl+E打开CMD，输入mysql.exe -hlocalhost -P3306 -uroot -p，然后输入之前设置的密码进入mysql;mysql> use mysqlDatabase changedmysql> .

转载 MySQL下载安装配置和Navicat for MySQL的安装配置

MySQL一、下载#　　地址：MySQL :: Download MySQL Installer　　选择那个几百M的msi文件下载二、安装#第一步：安装许可双击安装文件，在如下图所示界面中勾选“I accept the license terms”，点击“next”。第二步：选择设置类型如下图所示，有5种设置类型： Developer Default：安装MySQL服务器以及开发MySQL应用所需的工具。工具包括开发和管理服务器的GUI工作台、访问操作数据...

原创 easyUI datagrid 多列合并单元格

自定义方法：/** * datagrid 自定义合并单元格 * @param $this 表格选择器 * @param field_arr 合并列字段 * @param judge 值不相同不合并 */ customMergeCells: function($this, field_arr, judge) { var...

原创 formData文件上传兼容IE8

场景：XP环境IE8版本的浏览器，在iframe内文件上传问题：1、使用webupload在ie8下模拟点击打开文件选择器，按钮点击无反应。查阅资料后，得知原因是webupload在ie8下使用的是flash显示，不存在input文件选择，所以模拟点击无效。手动直接点击打开文件选择器，第二次点击按钮无反应。查阅资料后，发现webupload选择器放在datagrid表格里...

原创 新建一个uni-app web项目

原创 一起认识国产又好用的uni-app

今天心血来潮，学习一下uniapp，uni官网：https://uniapp.dcloud.io/uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端，uni-app同时也是更好的小程序开发框架。DCloud公司拥有350万开发者用户，旗下...

原创 微信小程序-text标签绑定bindtab没反应

WXML错误代码如下：<text> 您当前绑定的手机号还没有关联宝宝，请联系XXX客服进行关联，客服电话： <text class="phone" bindtap="popConfirm"> 010-1234567 </text>。</text>原因如下：由于<text>标签包含&...

原创 CSS英文强制换行/超出省略号显示

1. word-break:break-all;只对英文起作用，以字母作为换行依据2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据3. white-space:pre-wrap; 只对中文起作用，强制换行4. white-space:nowrap; 强制不换行，都起作用5. white-space:nowrap; overflow:hidden; te...

原创 jQ获取值

1、单行文字：$("#text").val();2、单选：$("input:radio:checked").val();3、多选：var id_array=new Array(); $('input[name="id"]:checked').each(function(){ id_array.push($(this).val());//向数组中添加元素 ...

原创 理解JavaScript字符串的不可变性与数组不同

理解JavaScript字符串的不可变性在 JavaScript 中，字符串 的值是 不可变的，这意味着一旦字符串被创建就不能被改变。例如，下面的代码：var myStr = "Bob";myStr[0] = "J";是不会把变量 myStr 的值改变成 "Job" 的，因为变量 myStr 是不可变的。注意，这 并不 意味着 myStr 永远不能被改变，只是字符串字面量 string liter...

原创 学习JavaScript 队列

JavaScript 队列在计算机科学中队列（queue）是一个抽象的数据结构，队列中的数据条目都是有秩序的。新的条目会被加到队列的末尾，旧的条目会从队列的头部被移出。写一个函数queue，用一个数组arr和一个数字item作为参数。数字item添加到数组的结尾，然后移出数组的第一个元素，最后队列函数应该返回被删除的元素。function queue(arr, item) {// ...

转载 JSX语法详解

JSX语法详解本文在官方文档的基础上，进行了扩展扩展补充和一些解读。基本涵盖了JSX语法的细枝末节，JSX语法本身并不复杂，也容易掌握。本文供学习参考使用。一、基础1、JSX是什么JSX是一种像下面这样的语法：const element = <h1>Hello, world!</h1>;它是一种JavaScript语法扩展，在React中可以...

转载 react项目开发-路由优化（前三篇续）

目前的项目架构，大家都能看到，有路由跳转的地方都是写死的url，如&lt;Link to={'/aaa'}&gt;,push({pathname:'/login'}),这种方式呢，没有问题，但是这样写死不太好，不便于后期维护，比如以后要改下路径，除了config.js中需要改一次，代码全篇幅都需要改一次，好累；name该怎么办呢？以下我们就来处理一下路由的优化！优化思路：最好能在一个地方去维护这些...

转载 react项目开发-权限布局（前三篇续）

基于create-react-app官方脚手架搭建dva模式的项目-权限布局的开发，之前的项目骨架已经可以按照你自己的业务和项目逻辑去组装汽车了。这里依然以上项目骨架为基础，增加权限布局的开发。权限设计思路：1 用户一旦登录成功，后台会返回一个token令牌，此令牌的形式有很多种，传统的就是session-cookie机制了，也可以采用比较流行的一种令牌机制JWT（有兴趣的同学可自行学习），个人推...

转载 基于create-react-app官方脚手架搭建dva模式的项目（三）

项目配置到这里之后，接下来就需要处理以下配置了：国际化store的数据存储结构 国际化和store数据结构的设计：此处采用immutable数据格式（immutable一款很棒的数据操作工具，此处不做详解，有兴趣的同学可自行学习），把数据存于model，同样国际化的判断参数定为： i18n 存于app的model中，取值来源于浏览器的本地缓存localStorage用户若设置了某种语言，则存在这里...

转载 基于create-react-app官方脚手架搭建dva模式的项目（二）

先来看下现有项目：点击 去BBB页面 如下：点击 去CCC页面 如下：好，以上是现有项目情况。下面我们让页面稍微美观一些，引入UI库，这里依然选用阿里系的antd（具体不做介绍，有兴趣的同学可取官网查阅，此UI库也有针对angular的版本，也有mobile移动版，还有自己的antd脚手架，很优秀的UI库哦）1 安装antd[javascript] view plain copycnpm i an...

转载 基于create-react-app官方脚手架搭建dva模式的项目（一）

思索良久，决定还是记录下心得体会：一个基于create-react-app官方脚手架，搭建起来的dva开发模式的react项目。当然现今的前端市场如此强大，你可以在网络上找到你想要的任何脚手架，并且很多可以开箱即用，不可否认它们很优秀，开发它们的人或团队更值得我们竖起大拇指，为他们点赞！比较适合国人还是阿里系的一套react开发脚手架，dva-cli，antd，Umi等，当然gitHub上也有诸多...

转载 react地图组件

最近项目中有此需求，react地图组件的开发：1 输入地址可查询出对应地图位置并标记点2 能返回经纬度，并提交服务端保存3 在地图上点击某一点，也能返回对应经纬度和地址信息4 国内，国外均可使用经过调研决定，采用谷歌地图和高德地图来封装组件，当渲染地图组件时，先试图请求谷歌map的api，若能访问则使用谷歌地图，若不能访问，则调用国内高德地图，框架环境：react+dva+antd+umiJs；其...

原创 关于npm的一些不得不知道的小技巧

1、npm设置淘宝镜像npm的全称是Node Packet Manager，是一个nodejs的包管理工具，但是美中不足的是当我们去npm install的时候却发现下载包的速度太慢，但是没关系，还是有方法的就是利用淘宝的国内镜像，一下是3个设置的方法：镜像使用方法（三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）:1.通过config命令npm ...

原创 angular2项目本地部署

ng2项目部署1、ng build；2、打包完成后项目根目录下出现dist文件夹；复制dist到tomcat文件夹下；修改配置文件；文件里面默认有一个 标签；这里是两个，可以把 前后台部署到同一个tomcat；（1）将后台项目端口修改为8077。*这里修改端口与打包前没有关系，不用重新打包。指定后台项目的war包地址，tomcat启动