04 2019 档案
摘要：在使用基于 vue.js 2.0 的UI框架 ElementUI 开发网站的时候 , 就遇到了这种问题 : 一个页面有很多表单 , 我试图将表单写成一个单文件组件 , 但是表单 ( 子组件 ) 里的数据和页面 ( 父组件 ) 按钮交互的时候 , 它们之间的通讯很麻烦 : 之所以这么麻烦 , 是因为父
阅读全文
摘要：resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@': path.resolve('src') } }
阅读全文
摘要：background-size 设置背景图片大小。图片可以保有其原有的尺寸，或者拉伸到新的尺寸，或者在保持其原有比例的同时缩放到元素的可用空间的尺寸. 注意：没有被背景图片覆盖的背景区域仍然会显示用background-color属性设置的背景颜色。此外，如果背景图片设置了透明或者半透明属性，衬在背
阅读全文
摘要：解决方法：这个依靠JS修改HTML的FONT-SIZE值实现.如下: $(window).resize(function ()// 绑定到窗口的这个事件中 { var whdef = 100/1920;// 表示1920的设计图,使用100PX的默认值 var wH = window.innerHe
阅读全文
摘要：都需要: 方案一: 3、 viewport-units-buggyfill postcss-px-to-viewport和postcss-viewport-units两个PostCSS插件和Viewport Units Buggyfill让我完美的解决了vw兼容问题 方案二: npm i -D po
阅读全文
摘要：基础知识 像素相关 1、像素 ：像素是屏幕显示最小的单位。 2、设备像素 ：设备像素又称物理像素（physical pixel），设备能控制显示的最小单位，我们可以把这些像素看作成显示器上一个个的点。 iPhone5 的物理像素是 640 X 1136 3、逻辑像素（logical pixel）：独
阅读全文
摘要：components/header-nav/menu-nav.vue components/header-nav/login-nav.vue 第一种方法： components/header-nav/index.js components/header.vue 第二种方法
阅读全文
摘要：响应式图片的作用： 为使用不同分辨率的不同浏览器用户提供适合其浏览环境的图片大小的解决方案。 之前的解决方法是使用@media 但是-webkit新提出的image-set和srcset同样可以解决问题。 image-set用于CSS背景图: 对于不能识别image-set的使用默认的写法: 可以识
阅读全文
摘要：1.基本类型（值类型或者原始类型）： Number、Boolean、String、NULL、Undefined以及ES6的Symbol2.引用类型：Object、Array、Function、Date等 1 、在内存中的位置不同 基本类型： 占用空间固定，保存在栈中； 引用类型：占用空间不固定，保存
阅读全文
摘要：数字对象Number Number 对象表示数值日期，整数或浮点数。一般情况下，你不需要担心 Number 对象，因为浏览器自动将数字文 本转换为数字类的实例。 语法 创建一个 Number 对象: var val = new Number(number); 如果该参数不能转换为数字，它将返回为 N
阅读全文
摘要：Drag and Drop Drag and drop is a very common feature. It is when you "grab" an object and drag it to a different location. In HTML5, drag and drop is
阅读全文
摘要：动画效果 前面的 hide/show,slide in/out 其实也具有动画效果，本篇介绍使用 animate()实现自定义动画效果。 基本语法如下： 必选的参数为 params,定义 CSS 用于动画效果的的属性。 可选参数 speed 给出了淡入效果的时间，可以使用 “slow”,”fast”
阅读全文
摘要：淡入淡出效果 jQuery 提供了下面几种方法可以实现显示的淡入淡出效果： fadeIn() fadeOut() fadeToggle() fadeTo() fadeIn()方法 fadeIn()实现淡入效果，其基本语法如下： 可选参数 speed 给出了淡入效果的时间，可以使用 “slow”,”f
阅读全文
摘要：表单： 在html4中，表单内的从属元素必须写在表单内部。在html5中，可以吧他们书写在页面任何位置，然后指定form属性，属性值为表单ID，这样就指定表单了。 formaction,formmethod,formentype 表单required and labels: control属性 da
阅读全文
摘要：一、观察者模式（发布订阅模式）概念： 一个被称作被观察者的对象，维护一组被称为观察者的对象，这些对象依赖于被观察者，被观察者自动将自身的状态的任何变化通知给它们。 当一个被观察者需要将一些变化通知给观察者的时候，它将采用广播的方式，这条广播可能包含特定于这条通知的一些数据。 当特定的观察者不再需要接
阅读全文
摘要：.rem是（font size of the root element） 一般都是body的font-size为基准，即rem是相对于根元素。 字体单位 根据html根元素大小而定，同样可以作为宽度，高度等单位 适配原理 将px替换位rem，动态修改html的font-size适配 使用 rem 单
阅读全文
摘要：1、HTML5 新元素 HTML5提供了新的元素来创建更好的页面结构： <article>: 定义页面独立的内容区域。 <aside>: 定义页面的侧边栏内容（1、放在article元素中使用，2、全局使用侧边栏）。 <bdi>: 允许您设置一段文本，使其脱离其父元素的文本方向设置。 <comman
阅读全文
摘要：Grid Layout The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having t
阅读全文
摘要：一、避免全局查找 在一个函数中会用到全局对象存储为局部变量来减少全局查找，因为访问局部变量的速度要比访问全局变量的速度更快些 二、定时器 如果针对的是不断运行的代码，不应该使用setTimeout，而应该是用setInterval，因为setTimeout每一次都会初始化一个定时器，而setInte
阅读全文
摘要：1、webpack config 2、react-loadable
阅读全文
摘要：Use flexbox to create a responsive website, containing a flexible navigation bar and flexible content: Flexbox Elements To start using the Flexbox mod
阅读全文
