- 博客(29)
- 收藏
- 关注
RSS订阅原创 vue中＠click的事件修饰符
在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在 methods 中轻松实现这点，但更好的方式是：methods 只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。为了解决这个问题， Vue.js 为 v-on 提供了 事件修饰符。通过由点(.)表示的指令后缀来调用修饰符。.stop...
2018-10-31 15:55:27
25361
1
转载 Vue中 watch 的高级用法
假设有如下代码：<div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p></div>new Vue({ e
2018-10-31 15:28:26
6082
原创 箭头性函数的一些特征和注意事项
1、typeof运算符和普通的函数一样let commFunc = () => {};console.log(typeof commFunc);输出为function。let arrowFunc = () => {};console.log(typeof arrowFunc);输出也为function。从此可以看出箭头函数的类型和普通的函数一样都为func...
2018-10-31 14:09:47
849
原创 vue中slot的理解
Slot的通俗理解是“占坑”，在组件模板中占好了位置，当使用该组件标签时候，组件标签里面的内容就会自动填坑（替换组件模板中<slot>位置），当插槽也就是坑<slot name=”mySlot”>有命名时，组件标签中使用属性slot=”mySlot”的元素就会替换该对应位置内容；Slot使用1、组件中有单个或多个未命名slot标签时，如下：<Child&...
2018-10-31 13:56:04
744
原创 vue+elementUI+vue-i18n实现中英文切换。
安装: npm install vue-i18nvue.js+vue-i18n国际化在main.js同级建i18n文件夹，并里面建i18n.js、langs文件夹，langs文件夹下建en.js、cn.js目录如下:.├── App.vue├── assets│ └── logo.png├── components│ └── HelloWorld.vue├──...
2018-10-29 18:10:08
9736
3
原创 vue+elementui实现分页效果
当我们向后台请求大量数据的时候，并要在页面展示出来，请求的数据可能上百条数据或者更多的时候，并不想在一个页面展示，这就需要使用分页功能来去完成了。1.本次所使用的是vue2.0+element-ui实现一个分页功能，element-ui这个组件特别丰富，分页中给我提供了一个Pagination 分页，使用Pagination 快速完成分页功能 最终效果展示 <div...
2018-10-19 11:52:14
7047
6
原创 android中读取properties文件
java中经常用到properties文件，然后通过使用Properties类来解析，这里不再陈述使用properties文件的好处，主要探讨如何在android中使用properties文件！ 方法一：context.getAssets() 因为最终是通过流文件来进行properties文件读取的，所以很自然，我们想到要将文件放入到assets文件夹或者raw文件夹中了。 例如，我们这里有一...
2018-10-18 16:59:07
2027
原创 vue中v-model在组件中的使用
案例一：使用自定义事件的表单输入组件demo: 父组件代码:<template> <div class="hello"> <button @click="ifShow=!ifShow">点击显示</button> <show-alert v-model="ifShow"&
2018-10-17 17:17:45
1346
原创 Html5实践之EventSource
服务端推服务端推，指的是由服务器主动的向客户端发送消息（响应）。在应用层的HTTP协议实现中，“请求-响应”是一个round trip，它的起点来自客户端，因此在应用层之上无法实现简易的服务端推功能。当前解决服务端推送的方案有这几个：客户端长轮询 websocket双向连接 iframe永久帧长轮训虽然可以避免短轮训造成的服务端过载，但在服务端返回数据后仍需要客户端主动发起下一个长轮...
2018-10-17 11:51:58
2744
原创 javascript 类型的判断
在平常写js代码，类型判断必不可少，那么我们常见有哪几种？看到了标题，先不看你会想到那些方法 ，常用呢些呢？那么今天我自己总结一些判断类型的判断，如有错，万望告知！1：typeof 常用这种方法不错console.log(typeof 123 === "number"); //trueconsole.log(typeof "type" === "string"); //truecons...
2018-10-15 09:51:13
189
原创 Android中Service和IntentService的差别
前言：ServiceTimeout（20 seconds）小概率类型Service在特定的时间内无法处理完成，会造成ANR — 应用程序无响应（ANR：Application Not Responding）的情况▲ 分析 :避免ANR最核心的一点就是在主线程减少耗时操作。这时我们建议使用intentService处理。intentService是一个异步的，会自动停止的服务，很好解决了...
2018-10-12 15:07:34
759
原创 java通过XmlPullParser类解析xml
xml文件<?xml version="1.0" encoding="UTF-8"?> <beauties> <daxiongmei> <name>杨幂</name> <age>28</age>
2018-10-12 11:10:56
3176
1
原创 vue中style下scope的使用和坑
在vue组件中，为了使样式私有化（模块化），不对全局造成污染，可以在style标签上添加scoped属性以表示它的只属于当下的模块，这是一个非常好的举措，但是为什么要慎用呢？因为在我们需要修改公共组件（三方库或者项目定制的组件）的样式的时候，scoped往往会造成更多的困难，需要增加额外的复杂度。scoped实现私有化样式的原理为什么会说，会增加复杂度？那么我们先从的实现模块的原理说起。为...
2018-10-11 16:08:01
47900
8
原创 android如何实现开机自动启动Service或app
第一步：首先创建一个广播接收者,重构其抽象方法 onReceive(Context context, Intent intent)，在其中启动你想要启动的Service或app。 import android.content.BroadcastReceiver; import android.content.Context; import android.content...
2018-10-11 14:55:06
4009
1
原创 java中如何使用application.property文件里面的值
自定义工具类PropertyUtil，并在该类的static静态代码块中读取properties文件内容保存在static属性中以供别的程序使用package com.hafiz.www.util;import org.slf4j.Logger;import org.slf4j.LoggerFactory;import java.io.*;import java.util.Pro...
2018-10-11 11:37:39
1387
原创 前端之PWA使用总结
一、传统web 应用当前web应用在移动时代并没有达到其在桌面设备上流行的程度，下面有张图来对比与原生应用之间的差别。究其原因，无外乎下面不可避免的几点：移动设备网络限制-不可忽略的加载时间 web应用依赖于浏览器作为入口 体验与原生的差距假如能解决以上的几点，对web app 来说会有多大的提升可以想象。二、PWA是什么PWA 全称Progressive Web Apps...
2018-10-10 17:18:39
4061
转载 Springboot之application.properties的使用
SpringBoot中免除了大部分手动配置，但是对于一些特定的情况，还是需要我们进行手动配置的，SpringBoot为我们提供了application.properties配置文件，让我们可以进行自定义配置，来对默认的配置进行修改，以适应具体的生产情况，当然还包括一些第三方的配置。几乎所有配置都可以写到application.peroperties文件中，这个文件会被SpringBoot自动加载，...
2018-10-10 16:01:58
28552
2
原创 JAVA多线程之volatile 与 synchronized 的比较
一，volatile关键字的可见性要想理解volatile关键字，得先了解下JAVA的内存模型，Java内存模型的抽象示意图如下：从图中可以看出：①每个线程都有一个自己的本地内存空间--线程栈空间???线程执行时，先把变量从主内存读取到线程自己的本地内存空间，然后再对该变量进行操作②对该变量操作完后，在某个时间再把变量刷新回主内存因此，就存在内存可见性问题，看一个示例程序：...
2018-10-10 14:15:14
71
原创 :nth-child和:nth-of-type的区别
:nth-child()表示父元素下的第n个子元素。比如div p:nth-child(2)表示div下的第二的元素、如果不是p元素则没有匹配的元素 :nth-of-type()表示父元素下的第ｎ个类型的元素 比如div p:nth-of-type(2)表示div下的第二个ｐ元素。基本代码如下:<!DOCTYPE html><html> <hea...
2018-10-10 09:14:48
6925
3
转载 Java并发编程：线程池的使用
一.Java中的ThreadPoolExecutor类 java.uitl.concurrent.ThreadPoolExecutor类是线程池中最核心的一个类，因此如果要透彻地了解Java中的线程池，必须先了解这个类。下面我们来看一下ThreadPoolExecutor类的具体实现源码。 在ThreadPoolExecutor类中提供了四个构造方法：public class T...
2018-10-09 17:10:01
64
原创 java中接口（interface）及使用方法和注意事项
1、接口：一种把类抽象的更彻底，接口里只能包含抽象方法的“特殊类”。接口不关心类的内部状态数据，定义的是一批类所遵守的规范。（它只规定这批类里必须提供某些方法，提供这些方法就可以满足实际要求）。在JAVA编程语言中是一个抽象类型，是抽象方法的集合，接口通常以interface来声明。一个类通过继承接口的方式，从而来继承接口的抽象方法。接口并不是类，编写接口的方式和类很相似，但是它们属于不同...
2018-10-09 16:38:59
43339
4
原创 java内部类的理解
二、内部类基础 在这个部分主要介绍内部类如何使用外部类的属性和方法，以及使用.this与.new。 当我们在创建一个内部类的时候，它无形中就与外围类有了一种联系，依赖于这种联系，它可以无限制地访问外围类的元素。public class OuterClass { private String name ; private int age; ...
2018-10-09 16:38:08
229
转载 java中变量的声明和变量的类型
1、变量的概念：内存中的一个存储区域 该区域有自己的名称（变量名）和类型（数据类型） Java中每个变量必须先声明，后使用 该区域的数据可以在同一类型范围内不断变化使用变量注意：变量的作用域：一对{ }之间有效 初始化值定义变量的格式：数据类型 变量名 = 初始化值变量是通过使用变量名来访问这块区域的 2、变量的分类 对于每一种数据都定义了明确...
2018-10-09 11:07:00
8461
2
转载 ubuntu上使用gitbook和gitbookedit
在linux上使用gitbook环境ubuntu16.04gitbook 3,2,3gitbook-editor前言gitbook是一个可以让你轻松做文档，电子书的软件，有gitbook仓库可以保存你的书，还可以与github链接，实现同步．首先说明，gitbook有两个网站，新版本需要翻墙才能使用，旧版本不用翻墙但是现在的新用户必须在新网站上与github连接，所以对于...
2018-10-09 09:20:43
1592
转载 javascript中的map和set结构
ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。//例 const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) { ...
2018-10-08 18:07:40
151
原创 Symbol.iterator的理解
es6中有三类结构生来就具有Iterator接口：数组、类数组对象、Map和Set结构。var arr = [1,2,3,4];let iterator = arr[Symbol.iterator]();console.log(iterator.next()); //{ value: 1, done: false }console.log(iterator.next()); //...
2018-10-08 18:03:07
16222
原创 Vue基础知识之组件及组件之间的数据传递及prop和$refs在父传子时的区别
vue中的组件是自定的标签，可以扩展的原生html元素，封装可复用的代码note：1、在标签命中不要使用大写，标签名字必须用短横线隔开2、模板中只能有一个根元素，不能使用并列标签。定义组件全局定义，在所有实例中都可以使用这个组件<template id='hello'> <div> <div>hello&...
2018-10-08 17:39:29
1610
原创 vue.js的computed,filter,get,set,watcher的用法及区别
1、vue.js的computed方法：处理复杂逻辑，基于依赖缓存，当依赖发生改变时会重新取值。用methods也可以实现同样的效果，但methods在重新渲染的时候会重新调用执行，在性能上computed优于methods,当不需要缓存时可用methods。 实例1：computed和methods实现翻转字符串 <template> <div> ...
2018-10-08 17:38:24
479
原创 for of 与 for in的区别
遍历数组通常使用for循环，ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数。 1 2 3 4 5 6 7 ...
2018-10-08 17:37:07
214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人