2018年05月_我是楠楠

原创小程序第一天笔记

小程序第一天1. 嵌套在微信里面，即用即走；最新发布了微信小程序游戏；2. 注册网址——https://mp.weixin.qq.com/；注册之后：1.可以发布 2.有些功能需要注册才可以用3. 数据写在 js里 data里面，类似于vue的数据绑定 {{ abc }}；（文件格式为wxml——html；样式表单格式为wxss —— css；）4. 标签和平时不一样但是可以类比着看：...

2018-05-31 11:15:47 937

四、DOM扩展1.获取元素①document.getElementsByClassName ('class') 通过类名获取元素，以伪数组形式存在。②document.querySelector('selector') 通过CSS选择器获取元素，符合匹配条件的第1个元素。③document.querySelectorAll('selector') 通过CSS选择器获取元素，以伪数组形式存在。、类名...

2018-05-31 10:16:18 295

原创 Html5视频、音频、API控件---第二天

二、HTML5视频、音频播放事件属性与API控件1、video、audio标签<video src = "movie.mp4" controls = "controls"><video>或者<video controls = "controls"><source src = "movie.mp4"> <v

2018-05-30 13:45:25 635

原创 Html5新标签---第一天

一、HTML5新增标签和重新定义的标签1、结构标签块级元素，有意义的div<article> 定义一篇文章，强调独立性<header> 定义一个页面或一个区域的头部 <nav> 定义导航链接<section> 定义一个区域，例如将一块内容分成几段<aside> 定义页面内容部分的侧边栏 &lt...

2018-05-30 11:51:52 120

原创 Canvas第二天

text-overflow属性作用：设定内容溢出状态下的文本处理方式。取值：clip：默认值当对象内文本溢出时不显示省略标记（...），而是将溢出的部分裁切掉。ellipsis：当对象内文本溢出时显示省略标记（...）。注意:该属性需要和over-flow:hidden属性(超出处理)还有white-space:nowrap(禁止换行)配合使用，否则无法看到效果text-align属...

2018-05-29 10:07:42 185

原创 Canvas第一天

canvas主要属性和方法属性描述width设置canvas的宽度height设置canvas的长度方法描述save()保存当前环境的状态restore()返回之前保存过的路径状态和属性createEvent() getContext()返回一个对象，指出访问绘图功能必要的APItoDataURL()返回canvas图像的URL颜色、样式和阴影属性和方法属性方法fillStyle设置或返回填...

2018-05-29 10:04:07 164

原创 CSS3第五天

十一、伸缩布局:控制元素对齐方式主轴：Flex容器的主轴主要用来配置Flex项目，默认是水平方向侧轴：与主轴垂直的轴称作侧轴，默认是垂直方向的方向：默认主轴从左向右，侧轴默认从上到下主轴和侧轴并不是固定不变的，通过flex-direction可以互换。 1、必要元素：a、指定一个盒子为伸缩盒子 display: flex（父元素）b、设置属性来调整此盒的子元素的布局方式例如 flex-direc...

2018-05-28 14:09:59 129

原创 CSS3第四天

九、转换 1、2D转换transform：用来设置2D或3D转换转换可以实现元素的位移、旋转、变形、缩放，甚至支持矩阵方式①移动 translate(x, y) 改变元素的位置，相对原来的位置的变化，如果为百分比则是相对于盒子的大小；translate3d(x,y,z) 3d空间的位置移动②缩放 scale(x, y) 水平和垂直方向的缩放，x、y的取值可为小数，如果只有一个参数即缩放的倍数；...

2018-05-28 09:49:01 151

原创 CSS3第三天

六、背景背景在CSS3中也得到很大程度的增强，比如背景图片尺寸、背景裁切区域、背景定位参照点、多重背景等。1、background-size设置背景图片的尺寸 cover会自动调整缩放比例，保证图片始终填充满背景区域，如有溢出部分则会被隐藏。contain会自动调整缩放比例，保证图片始终完整显示在背景区域。也可以使用长度单位或百分比 2、background-origin设置背景定位的原点bor...

2018-05-25 14:23:59 101

原创 CSS3第二天

三、文本text-shadow，可分别设置偏移量、模糊度、颜色（可设透明度）。参1：水平偏移量正值向右负值向左；参2：垂直偏移量正值向下负值向上；参3：模糊度（模糊半径）是不能为负值；参4：颜色四、边框边框圆角：border-radius：0 0 0 0 / 0 0 0 0; 前四个是x轴圆角半径，后面四个是Y轴圆角半径边框阴影：border-shadow参1、水平偏移量右正左负；参2、...

2018-05-25 10:31:25 96

原创 CSS3第一天

一、选择器1、属性选择器①E[attr] 表示存在attr属性即可；②E[attr=val] 表示属性值完全等于val；③E[attr*=val] 表示在属性值的“任意”位置包含val字符；④E[attr^=val] 表示在属性值的“开始”位置包含val字符；⑤E[attr$=val] 表示在属性值的“结束”位置包含val字符； 2、伪类选择器①以某元素相对于其父元素或兄弟元素的位置。E:fir...

2018-05-24 13:51:14 84

原创移动web开发---第五天

后台准备模板对象var tempaltePoint = _.template($('#templata_point').html());传入数据var abc = {model: data};var pointHtml = tempaltePoint(abc);传入数据后，这时候已经将模板解析成HTML字符，最后添加到页面结构中$('.carousel-indicators').html(poin...

2018-05-24 09:52:09 117

原创移动web开发---第四天

微金所一、媒体查询在响应式开发中使用媒体查询中的screen查询浏览器的宽度来定义不同宽度区间的样式和布局。代码：@media screen and (min-width: 768px){}@media screen and (min-width: 992px){}@media screen and (min-width: 1200px){}或者@media (max-width: 767px){...

2018-05-23 14:05:53 194

原创移动web开发---第三天

一、响应式开发1、响应式布局，就是一个网站能够兼容多个终端。 2、响应式开发的原理CSS3中的Media Query（媒介查询，and之后一定要加空格@media screen and (min-width: 768px) and (max-width: 992px) {}; 通过查询screen的宽度来指定某个宽度区间的网页布局。超小屏幕（移动设备）768px以下小屏设备 768px...

2018-05-23 09:46:18 200

原创移动web开发---第二天

一、Touch事件touchstart：当手指触碰到屏幕的时候触发绑定事件的方法：dom.addEventListener("touchstart", function(e){});事件返回的e对象包含那些移动端特有的属性：targetTouches 目标元素的所有当前触摸 changedTouches 页面上最新更改的所有触摸 touches 页面上的所有触摸touchmove：当手指在屏幕...

2018-05-22 10:22:55 198

原创移动web开发---第一天

第一天一、适配问题解决方案：流式布局 + viewport1、流式布局百分比布局，通过设置盒子的宽度为百分比来根据屏幕的大小进行伸缩，特点是不受固定像素的限制，内容向两侧填充2、viewport在移动端用来承载网页的这个区域，就是我们的视觉窗口，也叫viewport（视口）, 这个区域可设置高度宽度，可按比例放大缩小，而且能设置是否允许用户自行缩放。<meta name = "viewpor...

2018-05-21 14:15:36 145

原创【传智播客郑州校区分享】阿里大鱼短信介入demo

下面是关于大鱼短信平台对接的例子，发短信的话，可以用这个，很好用/** * 通过阿里短信接口发送短信验证码 * * * */public class SendSmsUtil { private static Logger logger = Logger.getLogger(SendSmsUtil.class); /** * 生成验证码 * @return ...

2018-05-21 09:22:19 161

原创【传智播客郑州中心分享】String StringBuffer StringBuilder区别

String 字符串常量StringBuffer 字符串变量（线程安全）StringBuilder 字符串变量（非线程安全）简要的说， String 类型和 StringBuffer 类型的主要性能区别其实在于 String 是不可变的对象, 因此在每次对 String 类型进行改变的时候其实都等同于生成了一个新的 String 对象，然后将指针指向新的 String 对象，所以经常改变内容的字...

2018-05-18 13:48:40 149

原创【传智播客郑州校区分享】json对象与java对象互相转换的方法

1.解析json字符串将json字符串转换为json对象，然后再解析json对象:。JSONObjectjsonObject = JSONObject.fromObject(jsonStr); 根据json中的键得到它的值Stringname = jsonObject.getString("name");int age = jsonObject.getInt("age");2.将json字符串转换...

2018-05-18 11:01:51 220

原创【传智播客郑州校区分享】httpclientutils

HttpUtils.java中有两个公共的静态方法，一个是URLPost，另一个是URLGet，一目了然，前者是提供POST方式提交数据的，后者是提供GET方式提交数据的。其中所需要传送的数据以Map的方式传入，剩下的工作就交给我这个HttpUtils吧！当然如果Http服务器端对所提交的数据的编码有要求的话，也没问题，你可以传入UTF-8或者GBK，当然大家还可自行增加 import java....

2018-05-17 14:45:35 154

原创【传智播客郑州校区分享】构造者设计模式

构造者模式又叫创造者模式，是将一个复杂的对象的构建与它的表示分离，使得同样的构建过程可以创建不同的表示。创建者模式隐藏了复杂对象的创建过程，它把复杂对象的创建过程加以抽象，通过子类继承或者重载的方式，动态的创建具有复合属性的对象。这个说法有点官方,简单来说,有一个对象创建过程很复杂,我们采用构造者模式,可以将这个复杂的创建过程隐藏起来,而且可以通过构建者,来实现对象创建的多元化举个例子,比如电脑的...

2018-05-17 10:42:24 116

原创【传智播客郑州校区分享】JQ插件机制

JQ插件概述所谓的jquery插件,其实就是利用jquery语法,完成的一些工具或者模块.jquery插件是jQuery功能的扩展.可以让开发人员能更好更快速的完成某些特定的需求,只需要用很少的代码就能实现很好的效果。自定义插件JQ允许自定义插件,对JQ的方法进行扩展.自定义插件主要分两种: JQ元素扩展和JQ本身扩展.JQ元素扩展:方法: jQuery.fn.extend(object)概述扩展...

2018-05-16 15:10:24 194

原创【传智播客郑州校区分享】Java9模块化系统

众所周知，标准jre中rt.jar是一个重量级的文件，其不仅仅包含了java应用运行所依赖的文件，而且其自身也非常的庞大，即便是我们仅仅编写一个入门级的HelloWorld程序，依然要毫无保留的加载这个大块头。以jre7（后续版本jrd更大）为例，它就有57.2M，可以想象如此庞大的jre如何运行在小型或微型的设备上呢？或者说让我们有选择的使用一个轻量化的jre而不是jre的全部，那么要解决这个问...

2018-05-16 10:11:35 134

原创【传智播客郑州】Hibernate Serach 5.9全文检索快速入门

Hibernate Search是基于Lucene的全文检索框架，可以很好的整合Hibernate，实现快速检索实体类。我们今天主要来介绍Hibernate Serach的基础入门。开发环境准备——使用Maven搭建开发环境DEMO使用Spring Data JPA(1.10) + Hibernate Search(5.9)来实现。以下为本次开发的pom.xml文件<project xmln...

2018-05-15 14:03:47 237

原创【传智播客郑州校区】高并发解决方案

一、什么是高并发高并发（High Concurrency）是互联网分布式系统架构设计中必须考虑的因素之一，它通常是指，通过设计保证系统能够同时并行处理很多请求。高并发相关常用的一些指标有响应时间（Response Time），吞吐量（Throughput），每秒查询率QPS（Query Per Second），并发用户数等。响应时间：系统对请求做出响应的时间。例如系统处理一个HTTP请求需要2...

2018-05-14 13:58:18 724

原创【传智播客郑州】Vue.js快速入门

Vue.js简介了解Vue.js Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件，它不仅易于上手，还便于与第三方库或既有项目整合.Vue.js安装下载Vue.js:https://github.com/vuejs/vue（我们现在使用的版本是2.5.16）快速入门声明式渲染我们...

2018-05-14 10:12:41 1408

原创【传智播客】Oracle 18C新特性介绍

Oracle 18c 是在 2018-02-16 发布出来的，还是秉承着 Oracle 的 Cloud first 理念，18c 现在 Cloud 和 Engineered Systems 上推出。Oracle 18c号称是一款自治性的数据库，可以减少很多DBA的工作，很多从事DBA工作的人员是不是要担心自己的工作受到影响？其实Oracle 18c上并未体现的特别明显，不过这是未来的一个趋势和信号...

2018-05-11 10:32:01 2383

原创【传智播客郑州校区分享】Java序列化技术

在实际开发中,我们会将一个对象写入到一个文件中,进行持久化. 那么这个类必须要实现一个Serializable接口,才能写入!那么java是怎么进行持久化保存对象呢? Java序列化就是将一个对象转化成一串二进制表示的字节数组，通过保存或转移这些字节数据来达到持久化的目的。需要持久化，对象必须继承java.io.Serializable接口。反序列化则是相反的过程，将这个字节数据再重新构造成对象

2018-05-09 10:10:56 210

原创【传智播客郑州】java接口回调的经典使用案例

内容简介: 接口回调的理解及需要关注的问题接口回调一般常规用法接口回调简洁用法接口回调的意义接口回调简介: 简单的说接口回调就是:调用者A类访问了被调用者B类中的M方法.这个M方法在执行完毕后又调用了A类中的方法. 问题? B类中的M方法是如何访问A类中的方法的呢?弄清了这个问题,也就明白了接口回调. 下面我们根据一个场景描述去编写代码

2018-05-08 10:43:34 572

原创 Java动态代理之通俗理解

代理模式介绍代理模式是一种常用的设计模式，其作用就是为目标对象提供额外的访问方式，在不修改目标对象的前提下，扩展目标对象的额外功能，比如统计执行时间，打印日志等。代理模式分为两种：静态代理和动态代理。需求：假如不想改动原有代码情况下，并记录用户保存方法的执行时间。示例代码如下：接口 public interface UserService { public void saveUs

2018-05-07 11:48:41 850

qq_40208605的博客