- 博客(20)
- 收藏
- 关注
RSS订阅原创 SpringBoot入门（一）
1.STS插件安装使用eclipse来搭建SpringBoot项目，需要安装STS插件，安装了插件之后，可以利用插件生成SpringBoot项目，大大简化了项目搭建的流程。打开eclipse,再打开Help下的Eclipse Marketplace，选择Popular，找到sts(截图中的第一个)，点击右下角的install，等待安装。安装可能需要一段时间，如果在线安装失败，可以使用离线安...
2018-08-31 10:21:37
226
原创 微信公众号开发使用weui上传图片
先说一下遇到的问题，1.刚开始在开发阶段直接前台用ajax调接口上传图片没问题，可是到了正式服务器部署时，问题出现了。好像是无法跨域（可能是服务器域名化了的原因），但是后台接口方法中已经添加了允许跨域请求的代码：//跨域请求 response.setHeader("Access-Control-Allow-Origin", "*");2.于是，调整方案，前台 ajax...
2018-08-29 20:24:19
2106
原创 Vue生命周期
一.组件创建期间的4个钩子函数1.beforeCreate实例完全被创建出来之前会执行这个函数，在这个阶段，data 和 methods中的数据都未被初始化，还不能访问。2.created实例已经创建出来了，如果要调用methods中的方法，或者操作data中的数据，最早只能在 created中操作。3.beforeMount模板已经编译完成，尚未渲染到页面上。在bef...
2018-08-25 16:36:35
252
转载 Flex布局语法
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地...
2018-08-21 12:05:04
185
原创 Windows搭建Flutter开发环境
1.获取Flutter SDK打开 git 命令行工具（没有的先安装，地址https://git-scm.com/download/win），选择合适的磁盘目录，用 git 克隆 flutter。git clone -b beta https://github.com/flutter/flutter.git等待克隆完成：2.设置环境变量用户变量或系统变量均可。此电脑...
2018-08-20 19:14:25
4167
原创 微信公众号获取用户信息
微信公众号开发中有时会有获取用户信息的需求。我这里是点击某个按钮直接获取用户的信息，不需要用户授权（就是所谓静默授权）。主要分以下几步：1.在微信公众平台，公众号设置中设置网页授权域名；2.请求网页授权的接口获得code（获取openid必需的参数）；3.用拿到的 code 请求接口获取openid（获取用户信息必需的参数）；4.用openid 请求接口获得用户信息。第一步...
2018-08-17 10:48:40
1749
1
原创 Vue自定义指令
1.使用 Vue.directive()定义全局的指令其中，参数1是指令的名称，注意，在定义的时候，指令的名称前面，不需要加 v- 前缀了，在调用的时候，必须在指令名称前面加上 v-前缀来进行调用。参数2:是一个对象，在这个对象上，有一些指令相关的函数，这些函数可以在特定的阶段，执行相关的操作。bind：每当指令绑定到元素上的时候,会立即执行这个 bind 函数，只执行一次。注意：...
2018-08-14 20:08:59
1598
转载 Vue字符串padStart和padEnd方法
ES2017 引入了字符串补全长度的函数。如果某个字符串的长度不够指定的长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。'a'.padStart(3, '0') // '00a' 'x'.padEnd(5, 'ab') // 'xabab' 'x'.padEnd(4, 'ab') // 'xaba'上面代码中，padStart()和padSt...
2018-08-14 19:07:29
1604
原创 Vue自定义按键修饰符
按键修饰符也就是Vue提供的键盘监听事件。代码如下：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head><body> <div id='app' style
2018-08-13 17:12:43
1561
1
原创 Vue过滤器
1.全局过滤器Vue允许你自定义过滤器，可被用作一些常见文本格式化。过滤器可以用在两个地方：mustache 插值和 v-bind 表达式。过滤器应该被添加在JavaScript 表达式的尾部，由 "管道"符指示。过滤器的语法过滤器中的function，第一个参数，已经被规定死了，永远都是过滤器管道符前面传递过来的数据。 /*过滤器的语法*/ //过滤器中的function，第一...
2018-08-13 16:31:23
382
原创 Vue之 v-if 和 v-show 的使用
v-if 和 v-show 都能控制元素的隐藏和显示。一般来说，v-if 有更高的切换消耗而 v-show 有更高的初始渲染消耗。因此，如果需要频繁切换 v-show 较好，如果在运行时条件不大可能改变 则v-if 较好。v-if 的特点：每次都会重新删除或创建元素。v-show 的特点：每次不会重新进行DOM的删除和创建操作，只是切换了元素的display:none 样式。下面是...
2018-08-11 16:22:40
814
原创 Vue之v-for循环中key属性注意事项
当Vue用 v-for 正在更新已渲染过的元素列表是，它默认用“就地复用”策略。如果数据项的顺序被改变，Vue将不是移动DOM元素来匹配数据项的改变，而是简单复用此处每个元素，并且确保它在特定索引下显示已被渲染过的每个元素。为了给Vue一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key 属性。key属性的类型只能为 string或者number类...
2018-08-11 16:14:51
41293
2
原创 Vue指令之 v-for的使用
1.迭代普通数组在data中定义普通数组data:{ list:[1,2,3,4,5,6]}在html中使用 v-for 指令渲染<p v-for="(item,i) in list">--索引值--{{i}} --每一项--{{item}}</p>2.迭代对象数组在data中定义对象数组data:{ list:[1...
2018-08-11 11:35:33
386619
15
原创 Vue中通过属性绑定为元素绑定style行内样式
1.直接在元素上通过:style的形式，书写样式对象<h1 :style="{color:'red','font-weight':200}">这是一个H1</h1>2.将样式对象定义在data中，并直接引用到:style中在data上定义样式data:{ styleObj1:{color:'blue','font-weight':200,'fo...
2018-08-11 10:56:53
35615
原创 Vue中通过属性绑定为元素设置class类样式
1.数组<h1 :class="['red','italic']">这是一个很大的H1,大到你无法想象</h1>2.数组中使用三元表达式<h1 :class="['thin','italic',isactive?'active':'']">这是一个很大的H1,大到你无法想象</h1>3.数组中嵌套对象<h1 :clas
2018-08-11 10:36:48
6655
原创 Vue之v-model指令实现数据双向绑定
v-bind指令只能实现数据的单向绑定，从M绑定到V，无法实现双向绑定。使用v-model指令，可以实现表单元素和Model中数据的双向绑定，并且v-model指令只能运用在表单元素中。<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" ...
2018-08-08 17:20:12
2617
原创 Vue事件修饰符
.stop 阻止冒泡.prevent 阻止默认事件.capture 添加事件侦听器时使用事件捕获模式即是给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。若有多个该修饰符，则由外而内触发。 就是谁有该事件修饰符，就先触发谁。.self 只当事件在该元素本身(比如不是子元素)触发是触发回调.once 事件只触发一次<html> <hea...
2018-08-07 14:20:39
210
原创 Vue基础指令
1.插值表达式和v-text<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head><body><div id="app"> &
2018-08-06 17:47:20
248
原创 Android集成极光推送问题记录
1.[JCoreGlobal] Get sdk version fail![获取sdk版本失败!]原因：.so文件未正确加载解决办法：将以下需要的jar文件和so文件放在项目中的libs文件夹下然后在gradle中如下配置：2.同时引入极光和百度的so文件时报错com.baidu.platform.comjni.map.commonmemcache.JNICommonM...
2018-08-02 17:53:39
409
原创 Android WebView加载webrtc视频通话
最近需要做个Web端和移动端视频通话的功能，使用了webrtc来实现。在android端使用WebView来加载webrtc页面。Web端发起视频通话请求时，可以使用极光推送来通知移动端，然后移动端做出响应。注意，在targetSdkVersion版本大于23时，有可能出现移动端视频无法显示的情况（摄像头不自动打开），这时需要动态授权。1.AndroidManifest.xml文件添加...
2018-08-02 14:50:35
12460
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人