平平淡淡summer

怎么让一个不定宽高的div垂直水平居中？

摘要：方法一:使用CSS3 transform 父盒子设置：position:relative; div设置：position:absolute;transform:translate(-50%,-50%);top:50%;left:50%; 方法二：使用display:table-cell 父盒子设置：阅读全文

posted @ 2018-03-29 10:30 平平淡淡summer 阅读(326) 评论(0) 推荐(0)

数组对象方法排序

摘要：数组对象方法排序: function sortByKey(array,key){ return array.sort(function(a,b){ var x=a[key]; var y=b[key]; return ((x<y)?-1:((x>y)?1:0)); }); } 示例如下：该例子配合使阅读全文

posted @ 2018-01-18 20:52 平平淡淡summer 阅读(352) 评论(0) 推荐(0)

Webpack ERROR in Path must be a string. Received undefined

摘要：在学习webpack过程中，我遇到的下面这个问题及解决方法。问题如下： node版本如下截图： package.json文件截图: webpack.config.js文件截图：然后，我运行项目,报错信息：ERROR in Path must be a string. Received undef 阅读全文

posted @ 2018-01-05 16:27 平平淡淡summer 阅读(6552) 评论(0) 推荐(0)

es6 babel转码器安装配置及常见命令

摘要：示例：在d盘，新建文件夹es6，文件夹里新建一个文件es6.js。（1）先全局安装babel-cli，输入命令npm install babel-cli -g （2）输入d:( 进入d盘)，再输入cd es6(进入es6文件夹) （3）输入npm init;(引导创建一个package.json文阅读全文

posted @ 2018-01-03 16:25 平平淡淡summer 阅读(2447) 评论(0) 推荐(0)

使用淘宝镜像cnpm安装Vue.js

摘要：简介： Vue.js是前端一个比较火的MVVM框架，是一套构建用户界面的渐进式框架。 Vue 只关注视图层，采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件安装方式：第一种：使用npm，比较适合比较大型的应用，由于npm是国外的，使用阅读全文

posted @ 2017-12-26 12:59 平平淡淡summer 阅读(43432) 评论(0) 推荐(3)

JS中的call()和apply()方法

摘要：一、方法定义 1、call() 语法：call(thisObj, Object) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有阅读全文

posted @ 2017-09-21 16:54 平平淡淡summer 阅读(824) 评论(0) 推荐(0)

placeholder颜色更改

摘要： ::-webkit-input-placeholder { /* WebKit browsers */ color:#999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#999; } ::-moz-placeholder { 阅读全文

posted @ 2017-08-23 20:50 平平淡淡summer 阅读(546) 评论(0) 推荐(0)

typeof与js数据类型

摘要： js有6种数据类型有null、undefied、string、number、boolean、object。然而我之前的【误区】: typeof的返回值和JS的数据类型是一样的。但是并不是(⊙o⊙)哦！ 1. typeof方法返回值的是【字符串】：“string”、“number”、“functio 阅读全文

posted @ 2017-08-19 21:58 平平淡淡summer 阅读(186) 评论(0) 推荐(0)

移动web的基础知识

摘要：一、像素 px:CSS pixels逻辑像素，浏览器使用的抽象单位 dp,pt:设备无关像素 (物理像素) dpr:设备像素缩放比计算公式： 1px = (dpr)*(dpr)*dp 二、viewport <meta name="viewport" content="name=value,name 阅读全文

posted @ 2017-08-19 21:44 平平淡淡summer 阅读(124) 评论(0) 推荐(0)

Ajax跨域问题

摘要： 1、dataType:"jsonp",jsonp:"callback" JSONP的缺点：它只支持GET请求而不支持POST等其它类型的HTTP请求；它只支持跨域HTTP请求这种情况，不能解决不同域的两个页面之间如何进行JavaScript调用的问题。 JSONP的最基本的原理：动态添加一个<scr 阅读全文

posted @ 2017-06-02 09:59 平平淡淡summer 阅读(108) 评论(0) 推荐(0)