哆来咪er-CSDN博客

原创 vue中的事件

vue事件的简写：我们有时会看到这样的写法：@dragstart=’drag()’，这是vue中事件的简写。它的完整写法是：v-on:dragstart=’drag()’，但这往往给人感觉太长了，习惯用简写形式。vue的事件对象：vue中也会有事件对象，这样@dragstart=’drag(event)′，在函数中传event)'，在函数中传evevt ，函数中接收一下，事件对象就有了。

2017-11-30 15:44:56 5619

很多时候，我们对正则表达式的印象都是难学难记，学了又忘，忘了又学，但总觉得记不住。什么是正则表达式？正则表达式(Regular Expression)使用单个字符来描述、匹配一系列符合某个句法规则的字符串。使用正则表达式的目的–替换工作。自己先定义一种规则，然后到字符串中去匹配一下符合这个规则的子字符串。为了更好地理解正则表达式，我们可借助可视化工具，在线地址为：Regexper：http://re

2017-11-11 19:52:49 435

原创前端性能优化之http请求的过程

在前端面试中，经常会被问到“一个页面从输入URL到页面加载显示完成，这个过程都发生了什么”，这是前端的经典面试题之一。这个过程涉及的东西很多，区分度很高。大致分为这几个过程：1.DNS解析2.TCP连接3.发送HTTP请求4.服务器处理请求并返回HTTP报文5.浏览器解析渲染页面6.连接结束简要回答：浏览器据请求的URL交给DNS域名解析，找到对应的IP地址，向服务端发起请求；服务器交给后台处理完成

2017-10-28 17:17:35 1132

原创 CSS盒模型详解

CSS的盒模型是CSS的基础，同时也是难点，这个问题经常在面试中会被问到，属于经典问题了。很多博客里讲得也很模糊不清，于是，我在这里重新整理一下。可以认为每个html标签都是一个方块，然后这个方块又包着几个小方块，如同盒子一层层的包裹着，这就是所谓的盒模型。盒模型分为IE盒模型和W3C标准盒模型。IE盒模型和W3C标准盒模型的区别是什么？1. W3C 标准盒模型：属性width,height只包含内

2017-10-25 00:51:48 555

原创 css布局实例之去除行内元素间的空白间隙

我在这里总结一些工作中会遇到的css布局例子。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1,

2017-09-24 09:46:57 3255

原创 JS基本类型与引用类型知多少

1、JavaScript值类型和引用类型有哪些（1）值类型(基本类型)：数值、布尔值、null、undefined。（2）引用类型：对象、数组、函数。 2、如何理解值类型和引用类型之前看到一个比喻，觉得非常贴切，想要和大家分享一下：用“连锁店”和“连锁店钥匙”来理解。（1）值类型：变量的交换等于在一个新的地方按照连锁店的规范标准（统一店面理解为相同的变量内容）新开一个分店，这样新开的店与其它旧店互

2017-06-29 18:07:18 492

原创 ES6之变量的解构赋值--读书笔记

1.变量的解构赋值ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。以前，为变量赋值，只能直接指定值。let a = 1;let b = 2;let c = 3;现在ES6允许这样：let [a, b, c] = [1, 2, 3];–>可以从数组中提取值，按照对应位置，对变量赋值。实质上，这种写法属于“模式匹配”，只要等号两边的模式相同

2017-06-27 18:44:17 342

原创 ES6之const 命令--读书笔记

const声明一个只读的常量。一旦声明，常量的值就不能改变。const PI = 666;console.log(PI); //666若试图想要改变PI常量的值，如下const PI = 666;console.log(PI);PI=6; //TypeError: Assignment to constant variable.const声明的变量不得改变值，这意味着，const一旦声明

2017-06-26 18:22:44 685

原创 ES6之块级作用域与函数声明--读书笔记

函数能不能在块级作用域之中声明？ES5 规定，函数只能在顶层作用域和函数作用域之中声明，不能在块级作用域声明。// 情况一if (true) { function f() {}}// 情况二try { function f() {}} catch(e) { // ...}上面两种函数声明，据 ES5 的规定都是非法的。但是，浏览器没有遵守这个规定，为了兼容以前的旧代码，还是支

2017-06-26 17:02:52 1513

原创 ES6新特性之let命令--读书笔记

let命令，用于声明变量。其用法类似于var，但所声明的变量只在let命令所在的代码块内有效。我们可写一段代码：{ let a = 1; var b = 2; console.log(a);}console.log(b);输出：1 2若我们在代码块的外部输入console.log(a);则会报错–ReferenceError:a is not defined，报出引用错误

2017-06-25 20:04:21 653

原创如何让sublime text3支持Vue语法高亮显示

1、下载文件链接：GitHub - vuejs/vue-syntax-highlight: Sublime Text syntax highlighting for single-file Vue components或https://github.com/vuejs/vue-syntax-highlight 解开压缩包vue-syntax-highlight-ma

2017-05-31 02:07:15 5161

原创 sublime中书写vue 语法高亮插件安装

默认情况下，Vue.js 的单文件组件（*.vue）在 sublime 编辑器中是不被识别的。若要想高亮显示，需要安装插件 Vue Syntax Hightlight。安装步骤如下：第一，在 sublime 中打开 PackageControl 如下图,快捷键 Ctrl+Shift+P。第二，打开 Install Package 窗口。下图中第一个，回车。打开过程中，右下角出现状态栏。

2017-04-18 19:46:16 16941 1

原创 HTML区块和布局

1、HTML 区块元素HTML 可以通过和将元素组合起来。大多数 HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时，通常会以新行来开始（和结束）。实例: , , , 2、HTML 内联元素内联元素在显示时通常不会以新行开始。实例: , , , 3、HTML 元素

2016-08-14 01:19:29 3145

原创 Android控件显示和隐藏

在安卓开发中，我们会遇到这样的情况，布局很类似，A布局比B布局多了几个控件，只需将其隐藏即可达到布局复用。 1、在xml文件中对控件可进行配置 2、在Java代码中进行设置可见：android:visibility="visible"; Java代码：view.setVisibility(View.VISIBLE); 不可见：andro

2016-08-08 23:55:36 28445

原创 Arrays类——Arrays.asList()方法使用

在编程中我用到了：listView = (ListView) findViewById(R.id.list); BaseAdapter arrayAdapter = new ArrayAdapter(this,R.layout.item_list,R.id.name, Arrays.asList("A劵","B劵","C劵","D劵"));

2016-07-22 14:37:47 1533

原创 AS设置及快捷键收集整理

常用设置：1.Tab不用4个空格Code Style->Java->Tabs and Indents->Use tab characterCode Style->General->Use tab character2.可视化Tab和空格Settings->IDE Settings->Editor->Appearance->Show whitespac

2016-07-22 13:03:38 4319

原创 FragmentTabHost中如何实现状态保存

先弄清fragment中的几个概念：add()-->加入fragment时将触发onAttach()，使用attach()不会触发onAttach()replace()-->替换后会将之前的fragment的view从viewtreee中删除触发顺序：detach()-->onPause()-->onStop()-->onDestroyView()

2016-06-23 03:06:04 1037

原创大牛教你这样阅读android源码

当你去面试时，经常会被问到，你是否阅读过android系统源码？那系统源码该如何阅读呢？下面，让我们来看看大牛们是如何阅读的(来自知乎的牛人们http://www.zhihu.com/question/19759722/answer/29213925)由于工作需要大量修改framework代码, 在AOSP(Android Open Source Project)源码上花费了不少功

2016-05-17 01:40:54 3949

原创如何解决状态栏透明之后，toolbar与状态栏的重叠问题

当我们想要将状态栏变为透明，可在styles.xml文件中进行设置： true效果：二者重合，且toolbar悬浮在状态栏之后解决方法：设置fitsystemWindow属性，该属性的官方文档说明，如下fitsystemwindow属性，官方文档如下：Boolean internal attribute to adjust view layout based on sy

2016-05-12 21:54:58 8569

原创表单验证

待续...

2018-01-31 01:52:01 394

原创 js小实例--无延迟菜单效果

待续...

2018-01-31 01:44:29 643

原创移动web开发适配秘籍之rem

移动web开发中我们一定会遇到要处理适配的问题，这里选择rem这一方案。待续...

2018-01-31 01:38:04 644

原创 H5之元素与标签结构

主要梳理一下新增和删去的标签及相关属性，以及深入了解h5的全局属性。待续......

2018-01-31 01:35:02 507

原创 json对象中的方法

JSON.parse()与JSON.stringify()的区别 JSON.parse()【从一个字符串中解析出json对象】例子：//定义一个字符串var data=’{“name”:”goatling”}’//解析对象JSON.parse(data)结果是：name:”goatling”JSON.stringify()【从一个对象中解析出字符串】var data={name:’goatl

2017-12-07 13:45:37 752

原创 sourceTree中使用的一些问题

远程有分支，想要拉取下来在该分支上进行开发，应双击远程的该分支，出现“检出新分支”，点击“确定”，这样，就将远程的开发分支拉取下来了。

2017-12-04 10:41:42 764

转载 SourceTree的基本使用

1. SourceTree是什么拥有可视化界面的项目版本控制软件，适用于git项目管理window、mac可用2. 获取项目代码1. 点击克隆/新建 2. 在弹出框中输入项目地址，http或者ssh地址都可以　　如果箭头指向的仓库类型表明“这不是一个标准的Git仓库”，可能是有以下原因　　　　1) 项目地址获取错误　

2017-12-04 10:37:15 630

转载 SourceTree的基本使用

转载自：https://www.cnblogs.com/tian-xie/p/6264104.html1. SourceTree是什么拥有可视化界面的项目版本控制软件，适用于git项目管理window、mac可用2. 获取项目代码1. 点击克隆/新建 2. 在弹出框中输入项目地址，http或者ssh地址都可以　　如果箭头

2017-12-04 10:28:33 3096

原创 vue中常用知识点基本用法

$refs的基本用法<div id="app"> <input type="text" ref="input1"/> <button @click="add">添加</button></div><script>new Vue({ el: "#app", methods:{ add:function(){ this.$refs.input1.

2017-12-01 19:22:38 566

原创浅谈js中的浅拷贝和深拷贝

对于字符串类型，浅复制是对值的复制，对于对象来说，浅复制是对对象地址的复制，并没有开辟新的栈，也就是复制的结果是两个对象指向同一个地址，修改其中一个对象的属性，则另一个对象的属性也会改变，而深复制则是开辟新的栈，两个对象对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。深复制实现代码如下(可以从两个方法进行解决)：1、通过递归解析解决 var china = {

2017-12-01 13:10:59 1777

原创二分查找

待续。。。。

2017-11-30 22:43:49 215

原创如何在vue中实现拖拽功能

HTML5 drag & drop 拖拽与拖放想要实现该功能，先了解一下H5中的drag和drop这2个概念。

2017-11-30 14:44:33 11080

原创 sublime使用过程中的一些常用配置

sublime里可以不用监听node_module目录，否则，软件多了，会非常卡。如何设置sublime不去索引node_module目录呢？ "folder_exclude_patterns": [".svn", ".git", ".hg", "CVS", "node_modules"]

2017-11-29 09:21:49 437

原创计算机网络核心

计算机网络中，数据交换的类型有：电路交换、报文交换、分组交换。☞数据交换–电路交换Q：如何实现数据通过网络核心从源主机到达目的主机？A：数据交换。(现在网络主要采用的技术是数据交换)2台主机之间d通信基础是：2台主机之间有物理链路相连。为何需要数据交换？这里会出现的问题：1、主机数量增多，需要的链路数量就会增多，每个主机需要维护的链路数就急剧增加；–N^2链路问题(主机数是N，则需要的链路数是N(N

2017-10-28 20:58:50 1069

原创计算机网络概念和结构

我们学习《计算机网络》，重要的是培养网络化的思维。什么是计算机网络？计算机网络=通信技术+计算机技术，计算机网络就是一种通信网络。定义：计算机网络就是互连的、自治的计算机集合。自治–无主从关系，即计算机之间互相不能控制对方；互连–互连互通，即通过信道相连。距离远、数量大时，如何保证互连？用直接链路去连，不可行！！☞引入“交换网络”。交换网络里一个非常重要的设备–统称为“交换节点”，在计算机网络中，

2017-10-28 20:29:46 720

原创 es6语法-字符串扩展

字符串新增特性Unicode表示法、遍历接口、模板字符串、新增方法(10种)。1、Unicode表示法{ console.log('a','\u0061');} 输出：a a当unicode的编码大于0xFFFF(码值大于2个字节编码)时，会如何？{ console.log('s','\u20BB7');} 输出：s ₻7很明显没有按一个字符来处理。因为该值已超过了0xF

2017-10-09 20:04:54 421

原创 es6语法-解构赋值

左边一种结构、右边一种结构，左右进行一一对应赋值。左右都是数组☞数组解构赋值；左右都是对象☞对象解构赋值； …… 解构赋值的分类：数组解构赋值、对象解构赋值、字符串解构赋值、布尔值解构赋值、函数参数解构赋值、数值解构赋值。数组解构赋值{ let a,b; [a,b] = [1,2]; console.log(a,b);} 输出结果：1 2数组解构赋值的默认值

2017-10-09 15:12:00 267

原创 CSS3背景属性

background是一个使用率很高的属性，也是一个非常有用的属性。背景主要包括5个基本属性：background-color(背景颜色)background-image(背景图片)background-repeat(背景图片展示方式)background-attachment(背景图片是固定还是滚动)background-position(背景图片位置)这些属性可单独写，也可将其串在一起使用。1、

2017-09-30 21:17:35 537

原创 CSS3盒子阴影属性

box-shadow是CSS3新增的一个重要属性，用来定义元素的盒子阴影。语法规则：box-shadow:none | [inset x-offset y-offset blur-radius spread-radius color],[inset x-offset y-offset blur-radius spread-radius color]box-shadow属性可以使用一个或多个投影，若使

2017-09-30 20:25:37 3845

原创 web移动端meta标签小结

1、移动网站要加的html5相关meta和标签a、<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">网页宽度默认等于屏幕宽度（width=device-wid

2017-09-24 18:09:24 347