易辰_-CSDN博客

原创 golang基础-chain的使用、range、select

文章目录chan基础使用range获取select多队列chan基础使用我们直接来看代码package mainimport ( "fmt" "time")var message = make(chan string)func go1(){ message <- "hello1" message <- "hello2" message <- "he

2018-12-21 23:16:17 5107 4

原创 h5

文章目录h5_1h5_2h5_3h5_4github 代码链接h5_11、h5兼容IE2、表单新增type，属性，元素3、progress、meter、video、audio4、querySelector、dataset、classList增删改查5、全屏、退出全屏、是否全屏、网络联接、网络断开6、FileReader使用7、拖拽drag8、百度地图9、sessionStor...

2018-12-20 01:20:35 682 1

原创 golang基础-http请求的几种方式

文章目录发送get请求解析post的方式解析json对象解析以表单的方式提交postform数据简单粗暴，直接上代码发送get请求func main() { http.HandleFunc("/test1",test1) http.HandleFunc("/t_test1",t_test1) http.ListenAndServe("0.0.0.0:9999",nil)}f...

2018-12-01 14:25:34 3319

原创 golang基础-排序sort

文章目录简单排序查询自定义排序结构体类型的排序(一)结构体类型的排序(二)简单排序基本类型 int、float64、string 的排序[]int、[]float64、[]string排序 intList := [] int {2, 4, 3, 5, 7} float8List := [] float64 {4.2, 5.9, 12.3, 10.0} stringList := [...

2018-12-01 00:56:03 1372

原创解决checkbox点击选中问题

文章目录通过手动布局通过append来实现今天来了解下checkbox的点击效果，以及点击一行item同样实现checkbox的点击效果通过2种方式来处理1是直接通过元素布局2是通过jquery的append方法来实现，因为append的元素，是异步的，通过query查找元素添加点击事件就失效了通过手动布局&lt;div class="my-course"&gt; &...

2018-11-08 14:18:21 5074

原创 golang基础-Postgresql-ORM框架github.com/go-pg/pg学习五(实战)

文章目录接口介绍接口代码golang基础-Postgresql-ORM框架github.com/go-pg/pg学习一(连接数据库、创建、删除表)golang基础-Postgresql-ORM框架github.com/go-pg/pg学习二(增删改)golang基础-Postgresql-ORM框架github.com/go-pg/pg学习三(QueryOne、Query、Select用法)...

2018-11-07 11:41:18 2707 1

原创从2015-02-27开始第一篇CSDN博客截止到今天2018-11-07日博客终于写了700篇了

从2015-02-27开始第一篇CSDN博客截止到今天2018-11-07日博客终于写了700篇了当你的才华还撑不起你的野心的时候、你就应该静下心来学习

2018-11-07 09:56:26 339

原创 golang基础--时间戳、时间字符串、时间对象相互转化

目前只是时间戳、时间字符串、时间对象相互转化后续如果有需求，在完善该时间工具类package mainimport ( "fmt" "time")func main() { Str2Time:=Str2Time("2017-09-12 12:03:40") fmt.Println(Str2Time) Str2Stamp:=Str2Stamp("2017-09-12 ...

2018-11-06 17:51:44 7659

原创 golang基础--image/draw渲染图片、利用golang/freetype库在图片上生成文字

文章目录需求安装依赖逻辑效果图实例需求在一张A4纸上，利用image/draw标准库生成4张二维码，和该二维码的客户信息1、二维码生成利用到的库就是image/draw，通过draw.Draw进行写入2、然后字体渲染利用了golang/freetype开源库https://github.com/golang/freetype/blob/master/example/freetype/ma...

2018-11-05 16:37:14 18673 1

原创 flex布局学习

文章目录基本概念容器的属性项目的属性基本概念内容转自 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicoolFlex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。设为 Flex 布局以后，子元素的float、...

2018-10-25 18:26:39 277

原创 js进阶五(js回调、promise、promise嵌套、异常处理、jquery使用promise)

文章目录同步读取回调函数回调机制处理异常promisepromise嵌套捕获异常方法一方法二jquery中使用promise同步读取我们来看一个从文件读取内容的例子，以下是这个例子的目录结构我们看下promiser.js的代码如下：const fs = require("fs")const path = require("path")function getFileByPath(f...

2018-10-19 18:06:24 10133 1

原创 webpack一步步实现实时打包、打包vue、打包css\less\scss文件、babel用法(2)

文章目录打包图片配置bootstrap字体babel处理高级JS语法最后贴出代码webpack一步步实现打包、实时打包操作、打包css\less\scss文件我们接着这篇博客，来继续学习webpack的相关操作我先贴出来项目的目录结构：打包图片通过npm i url-loader file-loader -D 安装在images、images放2张同名的图片在index.html中...

2018-10-17 14:43:01 5181

原创 webpack一步步实现实时打包、打包vue、打包css\less\scss文件、babel用法(1)

文章目录安装webpack构建项目进行webpack打包使用webpack的实时打包构建项目代码打包css安装webpack什么是webpack?webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具；学习官网：https://www.webpackjs.com/打包方案1.使用Gulp，是基于 task 任务的；2.使用Webpack，是基于...

2018-10-16 15:50:33 3246

原创 vue学习十八(axios)

文章目录安装get方法post方法批量请求后端代码安装通过npm install axios安装或者直接用cdn <script src="https://unpkg.com/axios/dist/axios.min.js"></script>get方法我们来测试下get方法，这里我利用了cdn的方式<!DOCTYPE html><html ...

2018-10-15 17:10:06 471

原创 vue学习十七(vue-resource使用)

文章目录前端代码后端代码(处理跨域)Vue.js是数据驱动的，这使得我们并不需要直接操作DOM，如果我们不需要使用jQuery的DOM选择器，就没有必要引入jQuery。vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，$.ajax能做的事情，vue-resource插件一样也能做到，而且vue-resource的A...

2018-10-15 12:07:51 335

原创 js进阶四(map、reduce、filter、sort、箭头函数、class继承、yield)

文章目录mapreducefiltersort闭包注意点箭头函数mapvar arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; var s = arr.map(String); console.info(s) function pow(x) { return x * x; } var results = arr.map(pow); co...

2018-10-12 13:38:56 4840 1

原创 js进阶三(map、set、for in/of、forEach)

文章目录mapsetfor ... of/inforEachmap//直接初始化map var m1 = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]); var val = m1.get('Michael'); // 95 console.info(val) //set设置元素 var m2 = new Ma...

2018-10-11 20:40:49 1830

原创 js进阶二(apply\call、bind、闭包、函数也是对象概念)

文章目录apply\call函数也是对象bind匿名函数返回值闭包闭包apply\callapply和call可以改变this的指向function f1(x, y) { console.log(&quot;结果是:&quot; + (x + y) + this); return &quot;10000&quot;; } f1(10, 20);//函数的调用 window.f1(10, 20); ...

2018-10-11 18:49:35 522

原创 js进阶一(prototype、prototype指向、原型继承、构造继承、组合继承、为window赋值新属性)

文章目录prototypeprototype中方法互相访问prototype中找寻属性、方法改变prototype指向内置对象添加prototype方法window全局对象通过原型实现继承prototype原型?实例对象中有__proto__这个属性,叫原型,也是一个对象,这个属性是给浏览器使用,不是标准的属性-----&amp;gt;proto-----&amp;gt;可以叫原型对象构造函数中有prot...

2018-10-10 17:09:56 1453

原创 js基础一

文章目录++运算符流程控制数组arguments对象匿名函数预解析变量提升变量提升函数提升对象内置对象mathdatastrarray++运算符如果++在后面:如: num++ +10参与运算先参与运算,运算结束后自身再加1如果++在前面:如: ++num+10参与运算先自身加1,然后再参与运算&amp;lt;script&amp;gt; var num=10; num++;...

2018-10-09 20:30:19 249 1

原创 vue学习十六(vuex)

文章目录概念实例概念Vuex是用来管理组件之间通信的一个插件state：用来存放组件之间共享的数据。他跟组件的data选项类似，只不过data选项是用来存放组件的私有数据。getters：有时候，我们需要对state的数据进行筛选，过滤。这些操作都是在组件的计算属性进行的。如果多个组件需要用到筛选后的数据，那我们就必须到处重复写该计算属性函数；或者将其提取到一个公共的工具函数中，并将公共函...

2018-10-08 17:56:12 302

原创 vue学习十五(props解耦、props 布尔-对象-函数三种模式)

文章目录$route耦合props解耦props 布尔模式props对象模式props函数模式$route耦合在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的 URL 上使用，限制了其灵活性。<!DOCTYPE html><html lang="en"><head> <meta charset="U...

2018-10-08 11:39:57 5039 1

原创 vue学习十四(嵌套路由、命名路由、命名视图、重定向)

文章目录嵌套路由命名路由命名视图嵌套路由&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&am

2018-09-30 17:52:57 757

原创 vue学习十三(VueRouter起步、动态路由参数匹配、获取、监测变化(测试无效))

文章目录起步动态路由参数匹配动态路由参数获取响应路由参数的变化(测试失败)起步路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点...

2018-09-30 14:22:53 833 2

原创 vue学习十二( v-model用于自定义组件、父子组件通信、组件绑定原生事件、具名插槽、插槽作用域、动态组件is和keep-alive)

文章目录自定义组件的 v-model子组件跟父组件通信将原生事件绑定到组件单个插槽自定义组件的 v-model一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件，但是像单选框、复选框等类型的输入控件可能会将 value 特性用于不同的目的。model 选项可以用来避免这样的冲突 &amp;amp;lt;div id=&amp;quot;lll&amp;quot;&amp;amp;gt;

2018-09-29 17:39:45 1182

原创 vue学习十一(全局局部组件、prop传不同值、 v-bind 动态赋值、单向数据流、prop校验)

文章目录局部注册dom模板解析注意事项用 Prop 传递不同值类型用 Prop通过 v-bind 动态赋值用 Prop传递对象的所有属性用 Prop传递对象数组用 Prop传入一个数字单向数据流Prop 验证局部注册在这些情况下，你可以通过一个普通的 JavaScript 对象来定义组件：var ComponentA = { /* ... */ }然后在 components 选项中定义...

2018-09-29 12:03:30 6017

原创 vue学习十(prop传参、v-bind传参、$emit向父级发送消息、input组件上使用 v-model、事件抛值)

文章目录基本示例组件的复用通过 Prop 向子组件传递数据v-bind 来动态传递 prop通过 $emit 事件向父级组件发送消息使用事件抛出一个值在组件上使用 v-model基本示例组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用 <div id="components-de...

2018-09-28 20:25:15 8069 3

原创 vue学习九(表单输入绑定v-model)

文章目录v-model 表单基础用法文本多行文本复选框多个复选框单选按钮选择框多选择框v-for 渲染的动态选项lazynumbertrimv-model 表单基础用法你可以用 v-model 指令在表单、及元素上创建双向数据绑定，v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。文本 <div id="div1"&gt...

2018-09-28 16:05:35 1514

原创 vue学习八(监听、$event、内联处理器中的方法)

文章目录一个组件的 v-for一个组件的 v-for任何数据都不会被自动传递到组件里，因为组件有自己独立的作用域。为了把迭代数据传递到组件里，我们要用 props &lt;div id="todo-list-example"&gt; &lt;form v-on:submit.prevent="addNewTodo"&gt;

2018-09-28 14:38:08 5257

原创 vue学习七(v-for数组和对象、v-if、监测索引值、监测对象属性增删、副本、组件v-for)

文章目录用 v-for 将数组对应为一组元素一个对象的 v-forkey复用数组利用索引设置项值对象属性的添加或删除显示过滤/排序结果v-for on a templatev-for with v-if用 v-for 将数组对应为一组元素在 v-for 块中，我们拥有对父作用域属性的完全访问权限。v-for 还支持一个可选的第二个参数为当前项的索引 &lt;ul id="example...

2018-09-27 20:27:41 3805 1

原创 vue学习六(v-if、v-for、复用元素、v-show、template使用 v-if)

文章目录v-if v-elsev-else-iftemplate使用 v-if用key管理可复用的元素v-showv-if 与 v-for结合v-if v-else因为 v-if 是一个指令，所以必须将它添加到一个元素上 <div id="div1"> <div v-if="ok">yes</div> <div v-e...

2018-09-27 17:36:00 3254

原创 vue学习五(绑定class、v-bind:style(对象语法、数组语法))

文章目录绑定 HTML Class内联样式在模板里内联样式不在模板里绑定返回对象的计算属性数组语法class 列表class 列表使用三元表达式class 列表使用对象语法用在组件上绑定内联样式v-bind:style绑定 HTML Class我们可以传给 v-bind:class 一个对象，以动态地切换 class：内联样式在模板里 &amp;lt;div id=&quot;div1&quot; :class=&quot;{...

2018-09-27 15:16:41 7411 2

原创 vue学习四(计算属性的缓存、侦听、setter)

文章目录计算属性计算属性缓存 vs 方法计算属性 vs 侦听属性计算属性的 setter计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.split('').reverse().join('') }}</div>所以，对于任何复杂...

2018-09-27 11:37:58 518

原创 vue学习三(数据响应作用域、freeze、生命周期、v-once、$watch、v-html)

文章目录数据响应作用域数据freeze作用域生命周期$watchv-once数据响应作用域当一个 Vue 实例被创建时，它向 Vue 的响应式系统中加入了其 data 对象中能找到的所有的属性。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值&amp;amp;lt;div id=&amp;quot;app_1&amp;quot;&amp;amp;gt; &amp;amp;lt;p&

2018-09-26 20:26:57 1105

原创 vue学习二(渲染、绑定元素特性、v-if、v-for、v-on、v-model、事件修饰)

文章目录声明式渲染绑定元素特性(v-bind:title=&amp;quot;message&amp;quot;)v-if(过渡效果)v-forv-on监听(v-on:click)v-model(双向绑定)声明式渲染Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&

2018-09-26 18:30:05 888

原创 golang基础--gopkg.in/olivere/elastic.v5学习二(增删改查document)

import leancloud通过leancloud.Object.extend方式“”” { “words”: “Hello World!”, “ACL”: { “*”: { “read”: true, “write”: true } }, “objectId”: “5b1fb6992f301e00390f8...

2018-09-26 12:10:27 6662 1

原创 golang基础--gopkg.in/olivere/elastic.v5学习一(环境配置、链接、增加删除索引)

文章目录环境配置安装elasticsearch安装Java SDK安装分词器安装elasticdump数据迁移启动测试运行名词概念、查看index、查看type使用gopkg.in/olivere/elastic.v5链接环境配置环境依赖：操作系统：Mac　　go：go1.11　　ElasticSearch：5.6.9　　　Java：1.8　　elasticdump　　elasti...

2018-09-25 19:33:17 9580 1

原创 golang基础-https://github.com/go-redis/redis使用

文章目录安装连接例子安装1、利用默认的配置文件Mac通过brew install redis 安装即可然后直接通过 /usr/local/Cellar/redis/4.0.9/bin/redis-server启动即可2、配置文件以下是我另外一个redis实例的配置文件zhiliaodeMBP:conf zhiliao$ cat zldd-redis-session bind 127...

2018-09-25 15:32:10 8553

原创 golangWeb框架---github.com/gin-gonic/gin学习八(监听多端口、多类型的struct模型绑定)

文章目录监听多端口自定义的struct绑定form-data监听多端口如何利用gin实现监听多端口package mainimport ( "log" "net/http" "time" "github.com/gin-gonic/gin" "golang.org/x/sync/errgroup")var ( g errgroup.Group)func rout...

2018-09-21 21:09:09 2682

原创 golangWeb框架---github.com/gin-gonic/gin学习七(重定向、中间件Goroutines、http自定义配置)

文章目录重定向服务器内部重定向中间件中间件内部的GoroutinesHTTP自定义配置重定向package mainimport ( "github.com/gin-gonic/gin" "net/http")func main() { router := gin.Default() router.GET("/raw", func(c *gin.Context) { c...

2018-09-21 18:05:27 2916 1