IT_Top

做人要踏实,能力要突出

create-react-app 执行 npm run eject 报错

报错代码: Remove untracked files, stash or commit any changes, and try again. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! my-app@0.1.0 eject: `r...

2019-09-04 10:40:57

阅读数 3

评论数 0

Node—01初始化运行

方法如下: 1、在cmd窗口下,直接输入命令 nodeD:\node-demo\hello.js,然后回车 2、在cmd窗口下,输入node空格,然后把hello.js文件拖进去,然后回车。 3、在cmd窗口下,进入hello.js所在的文件夹,输入 “nodehello.js”命令,然后回...

2019-06-05 16:28:48

阅读数 13

评论数 0

Sticky Footer,完美的绝对底部

写在前面 做过网页开发的同学想必都遇到过这样尴尬的排版问题: 在主体内容不足够多或者未完全加载出来之前,就会导致出现(图一)的这种情况,原因是因为没有足够的垂直空间使得页脚推到浏览器窗口最底部。但是,我们期望的效果是页脚应该一直处于页面最底部(如图二): 笔者最近在项目中也遇到过这样的场景...

2019-05-15 14:18:13

阅读数 18

评论数 0

vue 初始化页面引导提示实现

<div class="modal" v-if="modalStep === 1"> <p>第一个对话框&...

2019-01-31 16:18:23

阅读数 247

评论数 0

小程序中点击事件传参方式

<view wx:for="{{listData}}" class="item {{activeStatus === item.id ? 'active':''}}" wx:key=&quot...

2018-12-21 17:39:26

阅读数 114

评论数 0

PostCSS及其常用插件介绍

前几天,PostCSS 6.0 分布了。 PostCSS 处理了很多你不必处理的乏味工作。它很巧妙的不同于预处理器,提供了可选的且更简洁的编程语言,来编译成 CSS,如 Sass、Less 与 Stylus。得出这个结论的部分原因是: 它的名字。PostCSS 既能在预处理器将源代码编译成 C...

2018-12-14 16:23:26

阅读数 373

评论数 0

如何使用FormData上传压缩裁剪后的图片Blob对象

在前端页面,我们通常会遇到需要用户上传图片的操作,可能还会在前端进行图片编辑的操作(比如头像的选区裁剪),然后如果图片过大的话,我们还会对图片进行压缩。这些功能我们通常通过Canvas来进行,最后使用Canvas API函数toDataURL来得到图片的Base64字符串,然后当我们要上传到后台的...

2018-12-06 16:12:31

阅读数 441

评论数 0

webpack+vuecli打包生成资源相对引用路径与背景图片的正确引用

资源相对引用路径 问题描述 一般情况下,通过webpack+vuecli默认打包的css、js等资源,路径都是绝对的。 但当部署到带有文件夹的项目中,这种绝对路径就会出现问题,因为把配置的static文件夹当成了根路径,那么要解决这种问题,就得引用相对路径。 解决办法 打开webpa...

2018-11-26 12:17:54

阅读数 46

评论数 0

解决IOSwebview加载H5页面频繁点击会上移

在IOSwebview 我们嵌入H5页面的开发的时候, 在H5的空白页面双击2次页面会上移动 (function() { var agent = navigator.userAgent.toLowerCase(); var iLastTouch = null; //缓存上一次tap...

2018-08-31 17:36:40

阅读数 743

评论数 0

Css3 活动抽奖弹框

style: <style type="text/css"> .active-btn { width:60px; height:60px; background:url(images/activtiy-btn...

2018-08-20 13:13:38

阅读数 168

评论数 0

watch 使用

1、watch监听属性 data(){ return { num:0 } }, watch(){ num(newValue,oldValue){ console.log('newValue: '+newValue+' ,oldValue: ...

2018-07-23 14:03:44

阅读数 76

评论数 0

ES6 扩展运算符的应用

(1)复制数组 数组是复合的数据类型,直接复制的话,只是复制了指向底层数据结构的指针,而不是克隆一个全新的数组。 //复制数组 const a1 = [1,2]; const a2 = a1; a2[0] = 3; console.log(a1); ...

2018-07-23 14:03:01

阅读数 87

评论数 0

ES6 Promise

1、案例 var p = new Promise(function(resolve,reject){ //做一下操作 setTimeout(function(){ console.log('执行完毕'); resolve('执行成的随便数据') ...

2018-07-23 14:01:57

阅读数 32

评论数 0

ECharts3中的图表大小自适应

var worldMapContainer = document.getElementById('WorldMap'); //用于使chart自适应高度和宽度,通过窗体高宽计算容器高宽 var resizeWorldMapContainer = function () { worldMa...

2018-07-23 14:01:27

阅读数 300

评论数 0

Es6 中for of 使用

var arr = ['apple', 'banana', 'orange', 'pear'] //for in 数组,json 都可以遍历 for(var i in arr){ console.log(i) //i 代表的是数组的索引值 console.log(arr[i]...

2018-07-04 14:34:52

阅读数 1163

评论数 0

Es6 中快速复制数组几种方式

1、第一种通过for循环方式var arr = [1,2,3] var arr2 = []; for(var i =0; i<arr.length; i++){ arr2[i] = arr[i] } arr.push(4) arr2.pop() console.lo...

2018-07-03 17:52:38

阅读数 4804

评论数 0

关于手机端input获取焦点呼起键盘背景图片挤压解决方案

1、解决图片挤压问题可以将背景图片height: 100%改为min-height:100%即可2、解决android下键盘不遮挡input输入框// 处理android 下键盘遮挡input let ua = window.navigator.userAgent; ...

2018-07-03 15:02:24

阅读数 720

评论数 0

关于Vue下组件引入第三方外部Js几种方式

第一种方式:利用Vue的mounted生命周期const oScript = document.createElement('script'); oScript.type = 'text/javascript'; oScript.src = '//g.alicdn.com/sd/smartCapt...

2018-07-03 14:55:04

阅读数 8174

评论数 2

使用Flex 弹性布局来实现手机端顶部,底部固定,中间滑动效果

html:<!DOCTYPE html> <html lang="en"> <head> <meta cha...

2018-06-28 16:38:43

阅读数 1579

评论数 0

JS_常用的正则表达式

 一、校验数字的js正则表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(...

2018-06-26 16:17:37

阅读数 25

评论数 0

提示
确定要删除当前文章?
取消 删除