自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小白变怪兽

学习记录和分享

原创 利用css实现文本超出N行之后显示省略号等css常用小知识点

css代码如下: text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; //这儿的数字代表的就是...

2016-03-01 17:25:02

阅读数 1918

评论数 0

原创 设置光标位置demo

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> &l...

2019-12-20 19:47:05

阅读数 123

评论数 0

原创 git常见操作:

撤销git commit --amend 注: 下列例子均以提交一次amend为例, 若是执行了多次, 可以执行git reflog查看提交的历史, 从而找到 我们需要的HEAD@{}值。 撤销amend恢复到执行git add之前 git reset HEAD@{1} 不保存本次修改的代...

2019-09-23 20:21:06

阅读数 134

评论数 0

原创 ios12下,h5页面在微信浏览器内,键盘收起后,事件混乱问题

最近在做移动端项目的时候遇到一个问题, 页面底部有一个输入框, 点击输入框弹出输入键盘,离开Input后触发了blur事件。 因为增加了window.scrollTo(0, 0), 所以可见视图已经恢复键盘弹出前状态。 但是新的问题出现了, 再次点击输入框是不起作用的, 甚至其他的可点击区域也...

2019-09-18 18:08:36

阅读数 293

评论数 1

原创 json-server实现mock数据(一)

1.安装 npm install json-server --save-dev 2.应用 2-1.新建一个文件db.json(用来写返回接口数据) // db.json { news: { “a”: 1 } } 2-2.新建server.js文件 // server.js...

2019-01-09 16:22:11

阅读数 704

评论数 0

原创 函数防抖

什么是函数防抖? 简单来说,函数防抖指的是多次触发事件,事件处理函数只执行一次; 应用场景: 在连续点击查询按钮情况下或者缩放屏幕要触发某个事件等等; 实际应用: 下面来介绍两种实现方法: 点击按钮的最后触发时间 (1)初始化timer为null (2)在初次点击查询按钮的时候, 给timer赋...

2018-11-23 18:44:03

阅读数 719

评论数 0

原创 记录一个在开发过程中遇到过的问题:Blob 类型转成JSON

问题描述: 需要实现点击导出WORD文件功能, 有两种情况 如果符合导出条件, 后端直接返回数据流,如下图所示的一堆看不懂的东西: 不满足导出条件, 则后端返回JSON, 并附上失败原因, 前端需要将失败原因展示出来 eg: { &quot;resultCode&...

2018-11-20 17:31:40

阅读数 2677

评论数 0

原创 Echarts默认显示ToolTip

如下图所示, 默认情况是当我们鼠标滑过的时候才会出现现在有个需求,想要在页面初始化的时候, 默认就展示某一个点上的数据,这要怎么处理呢, 接下来就让我们一起来看看具体的实现代码。 说明:下面以在VUE中的一个例子来说明 &lt;template&gt; &lt;div ...

2018-11-07 16:39:53

阅读数 5667

评论数 2

原创 vue-cli根据环境打多个包

需要更改的文件: build下的build.js build下的webpack.prod.conf.js config下的index.js package.json 1.首先是: build.js // process.env.NODE_ENV = 'producti...

2018-09-05 20:36:49

阅读数 663

评论数 0

原创 element-ui 实现行合并

目标样式: 首先先来看下我们拿到的返回数据: tableData: [ { productType: &amp;quot;纺织品&amp;quot;, price: 123, productName...

2018-08-31 15:32:27

阅读数 10847

评论数 6

原创 webSocket应用demo

很多项目中都有涉及实时通信的需求,比如:页面中有一栏未读消息个数,就需要后台实时的将对应消息的个数反馈给前端 下面我们就以一个简单的demo来了解一下webSocket: 1.安装websocketd ,brew install websocketd(以MAC为例) 2.新建gree.sh文...

2018-07-17 17:31:26

阅读数 323

评论数 0

原创 Vue项目中用json-server搭建mock服务

Vue项目中用json-server搭建mock服务 1.首先: nam install json-server —save-dev 2.新增一个mock目录, 用于存放MOCK数据   db.js中的数据格式: const config = { 'getS...

2018-07-03 17:22:23

阅读数 381

评论数 0

原创 VUE模式改成history后刷新报错问题

1.在我们进行VUE开发的时候,如果采用默认的路由模式,就是类似于http://xxx.com/#/demo 因为多了一个#影响美观。 2.将路由的模式设置为mode: “history”; 也就是去除地址栏上的#号,类似于:http://xxx.com/demo 但是这样有个问题就是我们直接...

2018-07-03 15:35:37

阅读数 6591

评论数 0

原创 vue给数组和对象进行增加删除字段不更新数据的解决方法 — Vue.set(object, key, value)

关于为什么数据变动bu’chong不重新渲染, 官网已经介绍了, 这里就不再多说: 下面主要记录一下具体的操作代码: 组件基本代码: &amp;lt;style lang=&quot;sass&quot;&amp;gt; &amp;lt;/sty...

2018-07-02 11:20:11

阅读数 4794

评论数 2

原创 二分法查找

function search(arr, key) { var left = 0; var right = arr.length - 1; while(left &amp;lt; right){ var middle = (left + right)/2; ...

2018-06-15 11:59:11

阅读数 405

评论数 0

原创 React.createElement的理解使用

React.createElement(): 根据指定的第一个参数创建一个React元素。 React.createElement( type, [props], [...children] ) 第一个参数是必填,传入的是似HTML标签名称,eg: ul, li 第二个参数...

2018-05-10 15:24:01

阅读数 16035

评论数 1

原创 post下载

大多数时候我们都是通过get实现下载,那如果需要通过post实现呢?下面就来记录一下post实现下载的代码: //url 请求地址 //obj 传入的参数 downloadExcel(url, obj) { let tempForm = document.createElem...

2018-04-02 19:24:47

阅读数 838

评论数 0

原创 node 学习(11) -- express(1)

express,pjs的安装 npm install express —save npm install ejs —save 设置动态路由: app.get(‘/login/:id?’) 获取动态路由参数: res.params // 如上要获取id即:res.param[...

2018-03-19 16:03:31

阅读数 195

评论数 0

原创 node 学习(10) -- Nodejs 操作 MongoDb 数据库

1.首先我们需要安装mongodb包: npm install mongodb –save-dev mongodb学习 2.接下来我们就来正式查看一下nodejs是如何连接mongodb的 var http=require('http'); var url=req...

2018-03-08 18:10:52

阅读数 297

评论数 0

原创 node学习(9)-- mongodb索引和explain

索引: 索引是对数据库表中一列或多列的值进行排序的一种结构,可以让我们查询数据库变得 更快 下面是创建索引的 命令: db.user.ensureIndex( {"username":1}) 获取当前集合的索 引: db.user.getIndexes() 删除...

2018-03-07 18:55:35

阅读数 193

评论数 0

原创 node学习(8)-- mongodb的增删改查

1.mongoldb 安装(mac) cd /usr/local sudo curl -O https://fastdl.mongodb.org/osx/mongodb-osx-x86_64-3.4.2.tgz sudo tar -zxvf mongodb-osx-x86_64-3.4....

2018-03-07 16:40:42

阅读数 218

评论数 0

原创 js常用工具方法集合

如何将浮点数点左边的数每三位添加一个逗号,如12000000.11转化为『12,000,000.11』? function formatNumber(value) { var re = /^(\-?)(\d{1,3}(,\d\d\d)*(\.\d+)?|\d+(\.\d+)?)$...

2018-03-02 14:27:35

阅读数 507

评论数 0

原创 node 学习(7) -- 路由封装

这一节主要记录下简单的路由封装,这样代码的可读性也增强了,代码也不会显得那么冗余。 这里为了代码查看方便, 我将所有代码放在一个文件中, 开发的时候, 我们会将app模块 module.exports 出去, 这样我们只要var app = require(‘地址’);就可以拿到使用了。 va...

2018-03-01 14:48:00

阅读数 375

评论数 0

原创 node 学习(6) -- get/post

超文本传输协议(HTTP)的设计目的是保证客户端机器与服务器之间的通信。 在客户端和服务器之间进行请求-响应时,两种最常被用到的方法是:GET 和 POST。 GET - 从指定的资源请求数据。(一般用于获取数据) POST - 向指定的资源提交要被处理的数据。(一般用于提交数据) 获取...

2018-02-28 13:22:55

阅读数 184

评论数 0

原创 node 学习(5) -- Nodejs加载静态资源/ejs模版

我们想要通过nodes来加载静态资源,即我输入http://localhost:8000/index.html, 就会返回index.html的信息。具体如何实现我们先来看一个简单的例子: 假设静态资源都在static目录下: var http = require('http&#...

2018-02-27 15:10:08

阅读数 649

评论数 0

原创 node学习(4)-- Nodejs 的非阻塞 I/O、异步、事件驱动

了解一些基本的概念 1.阻塞 I/O 程序执行的过程中会有很多的I/O操作,如读写文件,请求响应等等,而当读取一个文件, 整个流程都暂停下来,需要等待文件读取成功后才能进行下一步操作,也就是I/O操作阻塞了代码的执行,这样会极大的降低程序的效率。 下面举个例子让我们能够更好的理解一下阻塞I/...

2018-02-26 15:39:22

阅读数 543

评论数 0

原创 node学习(3) -- FS模块

node主要有三大内置核心模块, node学习(1) -- HTTP模块/URL模块里简单的了解了下http模块和url模块, 那么接下来就让我们继续了解一下剩下的一个fs模块(和文件打交道)。 初始目录结构 : 1.fs.stat 检测是文件还是目录(isFile / isDirector...

2018-02-08 17:10:45

阅读数 197

评论数 0

原创 node学习(2) -- 自定义模块(理解exports 和 module.exports的关系)

(一) 先了解一个简单的demo: var a = {value: 1}; var b = a; console.log(a); // {value: 1} console.log(b); // {value: 1} b.value = 2; console.log(a); // {v...

2018-02-08 14:48:21

阅读数 221

评论数 0

原创 node学习(1) -- HTTP模块/URL模块

(一) 运行服务 首先我们先来学习一种最简单的用命令行跑node代码的方式: 到当前node代码所处文件下,假设我们的代码在study.js中,则运行node study.js即可; 可是上述方法有一个特别不好的地方, 就是每一次我们修改之后都要重新执行一下。 接下来就来介绍一个自启动...

2018-02-07 16:52:51

阅读数 201

评论数 0

原创 Ant Design Modal中内嵌Form表单的initialValue值不动态更新问题

场景描述: 如下图所示,点击减免天数会出现一个弹窗, 输入天数后点击确定,保存这个值, 但是我在点第二行的减免天数的时候初始应该是空的, 可是现在显示的是第一行输入的值; <Modal title="减免天数" visible={that.st...

2018-01-19 12:56:18

阅读数 11291

评论数 8

原创 移动端那些事儿

移动端知识点~ 1. meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> 说明:...

2018-01-15 16:20:31

阅读数 212

评论数 0

原创 flex布局

flex flex布局

2017-12-26 15:39:23

阅读数 220

评论数 0

原创 移动端学习宝典

一、从淘宝适配布局谈移动端适配二、使用Flexible实现手淘H5页面的终端适配三、网易和淘宝的rem方案剖析

2017-12-19 17:16:44

阅读数 250

评论数 0

原创 js自适应rem -- 主要适用于移动端

rem 设计稿 移动端

2017-12-18 18:52:05

阅读数 4305

评论数 0

原创 解决vue2.0路由跳转未匹配相应路由而出现空白页面的问题

Vue 路由跳转 出现空白页面 redirect

2017-11-24 19:53:45

阅读数 9636

评论数 0

原创 利用...操作符 修改嵌套比较深的对象里面的值

...操作符

2017-09-12 14:06:05

阅读数 399

评论数 0

原创 对象的深浅拷贝方法

Object.assign() JSON.parse(JSON.stringify())深拷贝/浅拷贝

2017-08-02 23:27:16

阅读数 367

评论数 0

原创 JS实现时间格式的各种转化记录

js 实现各种时间格式转化

2017-07-14 17:24:13

阅读数 735

评论数 0

原创 reducer中处理数组数据的赋值

reducer中处理数组数据的赋值

2017-07-14 16:12:22

阅读数 1820

评论数 0

原创 react同级组件之间传值

react同级组件之间进行传值

2017-07-12 11:38:45

阅读数 6870

评论数 1

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