01 2019 档案

声明式编程与命令式编程
摘要：先统一一下概念，我们有两种编程方式：命令式和声明式。 我们可以像下面这样定义它们之间的不同： ·命令式编程：命令“机器”如何去做事情(how)，这样不管你想要的是什么(what)，它都会按照你的命令实现。·声明式编程：告诉“机器”你想要的是什么(what)，让机器想出如何去做(how)。 声明式编程 阅读全文
posted @ 2019-01-28 15:44 一抹夏忧☆ 阅读(261) 评论(0) 推荐(0)
vue 常用ui组件库
摘要：Mint UI 项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/ElemeFE/mint-ui中文文档地址:http://mint-ui 阅读全文
posted @ 2019-01-25 17:40 一抹夏忧☆ 阅读(1660) 评论(0) 推荐(0)
Vue 组件之间传值
摘要：一、父组件向子组件传递数据 在 Vue 中，可以使用 props 向子组件传递数据。 子组件部分： 这是 header.vue 的 HTML 部分，logo 是在 data 中定义的变量。 如果需要从父组件获取 logo 的值，就需要使用 props: ['logo'] 在 props 中添加了元素 阅读全文
posted @ 2019-01-25 17:27 一抹夏忧☆ 阅读(36351) 评论(0) 推荐(1)
nodejs中的_filename和_dirname
摘要：_filename和_dirname都不是全局对象下的属性，它们都是模块下的 _filename:返回当前模块文件被解析过后的绝对路径，该属性并非全局，而是模块作用域下的 console.log(_filename); _dirname:返回当前模块文件解析过后所在的文件夹(目录)的绝对路径，该属性 阅读全文
posted @ 2019-01-25 17:08 一抹夏忧☆ 阅读(2487) 评论(0) 推荐(0)
网页特殊符号HTML代码大全
摘要：HTML特殊字符编码大全：往网页中输入特殊字符，需在html代码中加入以&开头的字母组合或以&#开头的数字。下面就是以字母或数字表示的特殊符号大全。 HTML常用特殊字符：只要你认识了 HTML 标记，你便会知道特殊字符的用处。 阅读全文
posted @ 2019-01-25 16:50 一抹夏忧☆ 阅读(411) 评论(0) 推荐(0)
class 命名规范
摘要：常见class关键词 布局类：header, footer, container, main, content, aside, page, section 包裹类：wrap, inner 区块类：region, block, box 结构类：hd, bd, ft, top, bottom, left 阅读全文
posted @ 2019-01-25 16:22 一抹夏忧☆ 阅读(1881) 评论(0) 推荐(0)
BFC特性及其简单应用
摘要：BFC是什么？ BFC（Block Formatting Context）中文直译就是‘块级格式上下文’，它是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。 通俗点说，BFC是一个独立的布局环境，我们可以理解为一个箱子（实际上是看不见摸 阅读全文
posted @ 2019-01-25 15:51 一抹夏忧☆ 阅读(807) 评论(0) 推荐(0)
BFC 到底是什么？
摘要：MDN 对 BFC 的描述： 块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。 往下接着看看： 下列方式会创建块格式化上下文： 根元素或包含根元素的元素 浮动元素 阅读全文
posted @ 2019-01-24 16:51 一抹夏忧☆ 阅读(484) 评论(0) 推荐(0)
CSS布局
摘要：简述 对于CSS的学习来说，布局和定位可以说使最关键的一部分，也是最基础的部分，布局和定位方面在学习的时候应该要系统，要自己总结一遍，如果只是草草的过一遍，就直接开始做demo，会遇到很多坑，反而得不偿失。因此我写下这篇博客，读者如果发现问题，望不吝赐教。 一 盒模型 在讲布局和定位之前，先总结一下 阅读全文
posted @ 2019-01-24 16:05 一抹夏忧☆ 阅读(169) 评论(0) 推荐(0)
HTML实用文本框样式
摘要：输入框景背景透明： 鼠标划过输入框，输入框背景色变色： 输入字时输入框边框闪烁(边框为小方型)： 输入字时输入框边框闪烁(边框为虚线)： 自动横向廷伸的输入框： 自动向下廷伸的文本框： 80) this.style.posHeight=this.scrollHeight+5">输入几个回车试试 只有下划线的文本框： 软件序列号式的输入框： —————... 阅读全文
posted @ 2019-01-23 16:01 一抹夏忧☆ 阅读(4551) 评论(0) 推荐(1)
npx 是什么？
摘要：npm v5.2.0引入的一条命令（npx），引入这个命令的目的是为了提升开发者使用包内提供的命令行工具的体验。 举例：使用create-react-app创建一个react项目。 老方法： npx方式： 这条命令会临时安装 create-react-app 包，命令完成后 create-react 阅读全文
posted @ 2019-01-23 11:45 一抹夏忧☆ 阅读(501) 评论(0) 推荐(0)
JavaScript 的内置对象和浏览器对象
摘要：JavaScript 中对象通常包括两种类型：内置对象和浏览器对象，此外用户还可以自定义对象。 在 ECMAScript 中，更精确的定义应该分为：本地对象、内置对象和宿主对象。 对象包含两个要素： 1.内置对象Array、Boolean、Date、Math、Number、Object、RegExp 阅读全文
posted @ 2019-01-21 17:30 一抹夏忧☆ 阅读(816) 评论(0) 推荐(0)
JS构造函数new的过程
摘要：构造函数其实和普通函数本质上并无区别，唯一的区别有两个： 函数首字母大写，这个区别只是约定俗成的，便于区分。你实在要小写定义构造函数也完全没问题，所以这个区别可以忽略。 构造函数的调用需要用new操作符，而普通函数的调用又分很多种，但是都不会用到new操作符。所以，构造函数和普通函数的区别就在这个n 阅读全文
posted @ 2019-01-21 16:45 一抹夏忧☆ 阅读(6002) 评论(0) 推荐(1)
实现AJAX的基本步骤
摘要：要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤: (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象. (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息. (3)设置响应HTTP请求状态变化的函数. (4)发送HTTP请求. (5)获取 阅读全文
posted @ 2019-01-21 15:56 一抹夏忧☆ 阅读(371) 评论(0) 推荐(0)
Ajax实现异步请求
摘要：基本步骤：创建XMLHttpRequest对象-->配置发送参数-->执行发送-->处理响应 ajax 通俗讲有四个步骤 1.创建Ajax对象2.链接到服务器3.发送请求4.接受返回值 var xhr = null; if(window.XMLHttpRequest){ 标准浏览器 xhr = ne 阅读全文
posted @ 2019-01-21 15:08 一抹夏忧☆ 阅读(27047) 评论(0) 推荐(2)
this指向详解及改变它的指向的方法
摘要：一、this指向详解(彻底理解js中this的指向，不必硬背) 首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（非箭头函数）（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这 阅读全文
posted @ 2019-01-18 16:54 一抹夏忧☆ 阅读(1205) 评论(0) 推荐(0)
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序
摘要：开发过程中我们都希望使用别人成熟的框架，因为站在巨人的肩膀上会使得我们开发的效率大幅度提升。不过，我们也应该、必须了解其基本原理。比如DOM事件，jquery框架帮我们为我们封装和抽象了各浏览器的差异行为，为事件处理带来了极大的便利。不过浏览器逐步走向统一和标准化，我们可以更加安全地使用官方规范的接 阅读全文
posted @ 2019-01-17 10:52 一抹夏忧☆ 阅读(540) 评论(0) 推荐(0)
移动端的touch click事件的理解+点透
摘要：移动端在touch上一共有4个事件 touchstart touchmove touchend touchcancel， touchcancel, 一般来说，它们执行的顺序为 touchstart -> touchmove -> touchend -> touchcancel . 其中touchca 阅读全文
posted @ 2019-01-17 10:23 一抹夏忧☆ 阅读(2783) 评论(0) 推荐(0)
移动端滚动穿透问题
摘要：定义：移动端弹出fixed弹窗的话，在弹窗上滑动会导致下层的页面跟着滚动，这个叫 “滚动穿透”； 解决方案1 在弹出层的touchstart事件中调用preventDefault 这种方法不可取，至少有3个缺点： 解决方案2 此解决方案是解决方案1的升级版。 在弹出层的touchmove（注意区别） 阅读全文
posted @ 2019-01-16 19:09 一抹夏忧☆ 阅读(375) 评论(0) 推荐(0)
移动端touch事件影响click事件以及在touchmove添加preventDefault导致页面无法滚动的解决方法
摘要：转载：https://www.cnblogs.com/lvmingyin/p/5372678.html 这两天自己在写一个手机网页，用到了触屏滑动的特效，就是往右滑动的时候左侧隐藏的菜单从左边划出来。 做完之后在手机原生浏览器中运行正常，但在QQ和微信中打开，发现touchmove只会触发一次，而且 阅读全文
posted @ 2019-01-16 18:34 一抹夏忧☆ 阅读(2005) 评论(0) 推荐(0)
移动端弹出遮罩层禁止页面滚动，遮罩里面的框不允许滚动
摘要：在遮罩层添加 (前提使用vue)@touchmove.prevent HTML: 阅读全文
posted @ 2019-01-16 16:36 一抹夏忧☆ 阅读(2433) 评论(0) 推荐(0)
移动端禁用及恢复触摸页面滚动
摘要：Chrome 51、Firefox 49及以上 Chrome 51、 Firefox 49以下 阅读全文
posted @ 2019-01-16 14:51 一抹夏忧☆ 阅读(820) 评论(0) 推荐(0)
js 移动端之监听软键盘弹出收起
摘要：js 移动端关于页面布局，如果底部有position:fixed的盒子，又有input，当软键盘弹出收起都会影响页面布局。这时候Android可以监听resize事件，代码如下，而ios没有相关事件。 阅读全文
posted @ 2019-01-15 15:53 一抹夏忧☆ 阅读(9614) 评论(0) 推荐(0)
如何获取当前页面所在的环境是不是微信内置浏览器？
摘要：function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else { return false; } }... 阅读全文
posted @ 2019-01-15 15:41 一抹夏忧☆ 阅读(401) 评论(0) 推荐(0)
JS判断用户手机是IOS还是Android
摘要：$(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS = !!u.match(/\(i[^;]+;( U;)? C... 阅读全文
posted @ 2019-01-15 11:40 一抹夏忧☆ 阅读(402) 评论(0) 推荐(0)
js对手机软键盘的监听
摘要：js还没有办法对手机软键盘直接进行监听的，但是可以有其他角度来判断软键盘是否弹起。比如输入框是否获取焦点等。focusin和focusout支持冒泡，对应focus和blur, 使用focusin和focusout的原因是focusin和focusout可以冒泡，focus和blur不会冒泡，这样就 阅读全文
posted @ 2019-01-15 11:35 一抹夏忧☆ 阅读(3178) 评论(0) 推荐(0)
JavaScript 浅拷贝与深拷贝
摘要：一、数据类型 数据分为基本数据类型(String, Number, Boolean, Null, Undefined，Symbol)和对象数据类型。 基本数据类型的特点：直接存储在栈(stack)中的数据 引用数据类型的特点：存储的是该对象在栈中引用，真实的数据存放在堆内存里 基本数据类型的特点：直 阅读全文
posted @ 2019-01-09 16:13 一抹夏忧☆ 阅读(272) 评论(0) 推荐(0)
数组里的字符串转换成数字或者把数字转换成字符串
摘要：参考地址【廖雪峰的网站】：https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001435119854495d29b9b3d7028477a96ed74db95032675000 阅读全文
posted @ 2019-01-02 14:44 一抹夏忧☆ 阅读(5706) 评论(0) 推荐(0)