- 博客(37)
- 收藏
- 关注
RSS订阅原创 background background-size: contain;顺序导致的bug
background: url(’./test.png’) no-repeat;background-size: contain;上述代码正常，下面代码样式失效background-size: contain;background: url(’./test.png’) no-repeat;
2019-03-25 11:35:54
1136
原创 vue,css3实现上下滑屏幕
在vue中使用css3实现滑屏，只放了关键代码，其它的没啥了<template lang="pug">ul( @touchstart.prevent='handleTouchStart' @touchmove='handleTouchMove' @touchend='handleTouchEnd' ) li img( src='...
2019-03-19 20:03:59
1041
原创 Promise笔记
分析下列程序代码，得出运行结果，解释其原因Promise.resolve() .then(() =&amp;gt; { return new Error('error!!!') }) .then((res) =&amp;gt; { console.log('then: ', res) }) .catch((err) =&amp;gt; { console.log('catch...
2018-11-27 20:27:11
354
原创 React-Redux 笔记
mapStateToProps()mapStateToProps是一个函数。它的作用就是像它的名字那样，建立一个从（外部的）state对象到（UI 组件的）props对象的映射关系。作为函数，mapStateToProps执行后应该返回一个对象，里面的每一个键值对就是一个映射。请看下面的例子。const mapStateToProps = (state) => { return {...
2018-11-22 17:07:40
192
1
原创 ES6之Class学习笔记
类必须使用new调用，否则会报错。这是它跟普通构造函数的一个主要区别，后者不用new也可以执行。class Foo { constructor() { return Object.create(null); }}Foo()// TypeError: Class constructor Foo cannot be invoked without 'new'construc...
2018-11-20 21:04:03
246
原创 ES6方法的简写a()｛｝等同于a:function(){}
const o = { method() { return "Hello!"; }};// 等同于const o = { method: function() { return "Hello!"; }};
2018-11-15 19:54:13
4192
原创 CSS水平垂直居中常用方法
flex<div class="container"> <div class="inner"> <p>hello world</p> </div></div>.container { display: flex; justify-content:
2018-11-11 20:17:18
123
原创 JS Date() 和New Date()的区别
var d1=Date(); //返回一个字符串（string），没有getDate等日期对象方法，内容为当前时间var d2=new Date(); //返回一日期对象，可以调用getDate()，内容为当前时间var d3=Date("2000-1-1");//返回一个字符串（string），内容仍旧为当前时间，也就是不受参数影响var d4=new Date("20...
2018-09-27 11:27:22
2979
原创 JS去除数组中重复元素
var arr =["2017-12", "2017-12", "2017-12", "2018-02", "2018-02", "2018-02", "2018-02", "2018-02", "2018-02", "2018-02", "2018-02", "2018-02&q
2018-09-27 10:54:42
3018
原创 increment ({ commit }) { commit('increment') }
在vuex教程中，有这样一段描述：实践中，我们会经常用到 ES2015 的 参数解构 来简化代码（特别是我们需要调用 commit 很多次的时候）：actions: { increment ({ commit }) { commit('increment') }}看到这里，需要了解action APIactions类型: { [type: string]: Fu...
2018-09-18 21:24:32
3420
3
原创 Vue加载组件的几种方式
//正常加载import index from '../pages/index.vue'import view from '../pages/view.vue'//懒加载const index = resolve => require(['../pages/index.vue'], resolve)const view = resolve => require(['../pa...
2018-08-29 20:41:50
2099
原创 sass安装失败 npm ERR! Failed at the node-sass@4.9.3 postinstall script. npm ERR!
npm ERR! Failed at the node-sass@4.9.3 postinstall script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.sass安装失败执行npm install sass-loader node...
2018-08-26 17:53:33
9295
原创 对象属性的读取细节
let obj = { param:'参数Parma', 'paramTwo':'参数Parma2'}let aaa = 'param';let bbb = 'paramTwo'obj.param; //"参数Parma"obj.aaa; //undefinedobj.bbb; //undefinedobj[aaa] //"参数Parma"...
2018-08-26 16:34:15
199
原创 webpack4 mode 的获取
在使用webpack4的时候，mode可以设置未product（默认）或者development，但是在其他代码中，如何获取mode的值呢？而官方文档中已经明确： If you want to change the behavior according to the mode variable inside the webpack.config.js, you have to export ...
2018-08-26 16:10:01
3629
原创 使用jsonp时，network发送了请求（200），但是控制台报超时的错
node的jsonp地址为jsonp 使用时有几点注意： 1.数据返回须为jsonp格式 2.option中须设置name为jsonp文件名//jsonp 请求，注意name的值，须为jsonp的名字 jsonp( "http://XXXXXX.com/api/jsonp/XXX.jsonp", { name: "XXXcallback", ...
2018-08-22 20:57:09
2094
原创 VUE中的render: (h) => h(App) 究竟是什么意思？
将 h 作为 createElement 的别名是 Vue 生态系统中的一个通用惯例，实际上也是 JSX 所要求的，如果在作用域中 h 失去作用，在应用中会触发报错。链接如下点击往下滚动鼠标滚轮...
2018-08-18 15:58:38
2323
原创 'gulp'不是内部或者外部命令，也不是可运行的程序或批处理文件，解决办法
2种原因原因一：环境变量没有设置原因二：没有安装全局的gulp，只安装了本地gulp,命令行无法执行gulp-v，也无法执行gulp其它的相关命令解决方法一：设置环境变量1.计算机(右击)->属性->高级系统设置 -> 高级->环境变量2.找到node全局文件路径，输入npm config get prefix解决方法二：全局安装gulp...
2018-07-24 19:17:42
12477
原创 微信中on('click')事件失效的解决办法（微信兼容性）
在调试微信环境的网页时，有个代码是这样的（其中#select 非button、a标签元素）$(doucument).on('click','#select',function(){ //代码})但是在安卓中却获取不到事件。 经过排查，判断是微信内置浏览器不支持，有以下几种方法： 1.改为$(‘#select’).click(function(){}) 有效 2.给目标元素...
2018-07-24 09:23:39
10770
1
原创 JS获取某区间随机数，并去重
//Min 为起始值，Max 为最大值，Num 为数量let arrSet = new Set()function compare(val1, val2) { return val1 - val2;};function GetRandomNum(Min, Max, Num) { let Range = Max - Min; for (let i = 0; i <...
2018-07-22 17:32:11
1623
原创 最简单的vue todolist
&lt;template&gt; &lt;div style="width:400px;margin:auto"&gt; &lt;span&gt;请输入待办事项&lt;/span&gt; &lt;input type="text" placeholder=
2018-07-13 11:11:13
191
原创 焦点不离开输入框实时触发事件，onchange 、onblur 、onkeyup 、oninput 对比
文本框输入事件：onchange 、onblur 、onkeyup 、oninputonchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性! 且必须值变化才触发onblur与onchange基本相同，唯一的区别是 不管值是否变化，都触发onkeyup只要输入框内容发生变...
2018-05-10 17:51:00
14692
原创 display:inline-block换行，float不换行
CSS有个任务，屏幕宽375px ，3个DIV宽125px，照理说3个DIV设置为display：inline-block的话，3个DIV会在一排，但是实际上第三个DIV却换行了；与之相反，3个div设置为float：left,则会在一排而不换行。所以肯定是这个display：inline-block有问题。经过查询，的确如此，block元素之间，写代码时的换行，是一个空格，所以虽然肉眼看不到...
2018-05-04 10:59:38
3239
转载 MongoDB 极简实践入门
MongoDB 极简实践入门1. 为什么用MongoDB？传统的计算机应用大多使用关系型数据库来存储数据，比如大家可能熟悉的MySql, Sqlite等等，它的特点是数据以表格(table)的形式储存起来的。数据库由一张张排列整齐的表格构成，就好像一个Excel表单一样，每个表格会有若干列，比如一个学生信息表，可能包含学号、姓名、性别、入学年份、高考成绩、籍贯等等。而表格的每一排，则是一个...
2018-05-04 10:51:09
125
原创 jsonp 请求报错Uncaught SyntaxError: Unexpected token :
在有次开发中，需要跨域请求数据，后端给的接口是 XXXX.XXXX_参数_callBack.html 我这边的请求是$.ajax({ type: "GET", dataType: "jsonp", jsonpCallback:'callBack', url: "XXXX_" + 参数+"_.html" , success: function(dat...
2018-04-25 11:41:57
1529
原创 H5页面在安卓中设置height:100%;依然无法充满屏幕的解决方法
在开发过程中，需要在H5页面点击出遮套层，电脑上调试正常显示，但是在app中内嵌H5页面时，遮套层总会在屏幕下方留一个缝隙（已经设置了height:100%）。经过排查，将position:absolute改为position：fixed;即可解决；...
2018-04-19 17:33:10
6799
原创 返回上一个页面的方法（referrer，history.back()）
方法1： document.location.href = document.referrer 方法2：history.back()其中，refreer是HTTP请求里面的上一个页面的URL地址
2018-04-12 11:43:20
4706
原创 H5附件上传及预览
[ 附件上传参考资料大全 ]文件尚未上传至服务器 （待更新中）,直接复制到本地即可直接上传并预览<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content=&quo
2018-04-08 17:04:13
3910
转载 巧用Ajax的beforeSend 提高用户体验
jQuery是经常使用的一个开源js框架，其中的$.ajax请求中有一个beforeSend方法，用于在向服务器发送请求前执行一些动作。 具体可参考jQuery官方文档：http://api.jquery.com/Ajax_Events/ $.ajax({ beforeSend: function(){ // Handle the beforeSend event ...
2018-03-21 10:06:24
207
原创 JS 字符转义
; (function () { var HtmlUtil = { encode: function (str) { var s = ''; if (str.length === 0) { return; } s = str.replace(/&/
2018-01-04 14:25:48
2465
原创 React 入门简介
这里是以前写的一些入门的教程，并不是很深入，但对大致了解react有一定的帮助。React的意义React 把过去不断重复构建 UI 的过程抽象成了组件，且在给定参数的情况下约 定渲染对应的 UI 界面。React 能充分利用很多函数式方法去减少冗余代码。此外，由于它本身就 是简单函数，所以易于测试。可以说，函数式编程才是 React 的精髓JSX(含易错点)JSX简介下面是最简单的JSX变量c
2017-11-08 15:02:01
337
1
原创 Error: read ECONNRESET at exports._errnoException (util.js:1020:11) at TCP.onread (net.js:56
Error: read ECONNRESET at exports._errnoException (util.js:1020:11) at TCP.onread (net.js:568:26) 如果出现这个报错， 1.重启电脑即可; 2.查看自己的网络有没有问题...
2017-10-13 14:58:32
8109
1
原创 npm ERR! Please check if you have git installed and in your PATH.
在npm install 的时候报错，是因为安装git没有把其安装到环境变量path中。
2017-10-11 11:44:47
5865
原创 vue-cli创建的项目不需要再创建webpack-config.js文件，因为已经配置过了
很多人可能很疑惑，vue-cli创建的项目还需要创建webpack-config.js文件吗？好像看很多别人的例子都没有提到。其实，vue-cli已经配置过了，如下图所示：
2017-10-11 09:37:23
15627
原创 Vue使用具名插槽细节
<slot>元素可以用一个特殊的属性 name来配置如何分发内容。多个插槽可以有不同的名字。具名插槽将匹配内容片段中有对应 slot 特性的元素。 仍然可以有一个匿名插槽，它是默认插槽，作为找不到匹配的内容片段的备用插槽。如果没有默认插槽，这些找不到匹配的内容片段将被抛弃。
2017-09-22 10:16:13
9380
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人