摘要: 最近在工作中使用了 lerna 进行前端包的管理,效率提升了很多。所以打算总结一下最近几个月使用 lerna 的一些心得。有那些不足的地方,请包涵。 该篇文章主要包括在使用 lerna 的一些注意事项,和使用过程中与其他工具的整合,最终形成的一个最佳实践。 package 的指的是一个可以通过 np 阅读全文
posted @ 2020-10-20 10:59 暖风叔叔 阅读(1112) 评论(0) 推荐(0) 编辑
摘要: 原文首发:https://github.com/iNuanfeng/blog/issues/4 作者:暖风叔叔 前言 stream(流)是Node.js提供的又一个仅在服务区端可用的模块,流是一种抽象的数据结构。Stream 是一个抽象接口,Node 中有很多对象实现了这个接口。例如,对http 服 阅读全文
posted @ 2019-12-18 10:24 暖风叔叔 阅读(3564) 评论(0) 推荐(1) 编辑
摘要: 前言 Session,又称为“会话控制”,存储特定用户会话所需的属性及配置信息。存于服务器,在整个用户会话中一直存在。 然而: session 到底是什么? session 是存在服务器内存里,还是web服务器原生支持? http请求是无状态的,为什么每次服务器能取到你的 session 呢? 关闭 阅读全文
posted @ 2018-12-17 10:09 暖风叔叔 阅读(2134) 评论(3) 推荐(3) 编辑
摘要: 官网文档:https://www.elastic.co/guide/cn/elasticsearch/guide/current/getting-started.html es中的索引、类型、文档可以一一和关系型数据库中的概念去对应。 在本地部署三个es程序,将会自动水平扩容。任何一个节点挂掉,在其 阅读全文
posted @ 2018-11-21 21:13 暖风叔叔 阅读(756) 评论(0) 推荐(0) 编辑
摘要: 操作系统:阿里云CentOS 7.4 64位 安装方法: 配置: vi /etc/tinyproxy/tinyproxy.conf Port 8888 //预设是8888 Port,你可以更改 Allow 127.0.0.1 //将127.0.0.1改成你自己的IP //Allow 192.168. 阅读全文
posted @ 2018-10-19 11:46 暖风叔叔 阅读(9992) 评论(0) 推荐(2) 编辑
摘要: tail -f application.log(实时查看日志文件) gzip -d xxx.gz(解压gzip文件) tar –xvf file.tar //解压 tar包 tar -xzvf file.tar.gz //解压tar.gz wget -c http://www.linuxsense. 阅读全文
posted @ 2018-09-27 15:36 暖风叔叔 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 项目背景 nodejs项目,webpack打包,用axios请求,Promise封装,nunjucks模板引擎; 之前已将nunjucks模板通过webpack打包策略,做成前后端共用; 目前需要将网络请求以及数据处理封装成service模块; 目录划分: 如上图所示: 将公共代码放到service 阅读全文
posted @ 2018-01-25 22:49 暖风叔叔 阅读(2749) 评论(0) 推荐(22) 编辑
摘要: 目前碰到的问题 我们用html-webpack-plugin的inject属性去自动插入打包后的js, css到页面中,但是如果想给script标签添加一个crossorigin属性呢, 例如: 想改为: 或者相对css做一个内联,这些都无法通过html-webpack-plugin直接配置生成 解 阅读全文
posted @ 2018-01-15 17:27 暖风叔叔 阅读(8831) 评论(1) 推荐(5) 编辑
摘要: 近几年,前端各种框架工具层出不穷,从两三年前还是一个jQuery搞定全站,到之后requirejs/seajs,node,gulp/webpack,Angular/React/Vue,RN/weex的不断涌现,完全颠覆了原来的前端开发模式。 那么这些框架和工具给我们到底带来了什么好处呢?其实我认为最 阅读全文
posted @ 2017-08-31 17:37 暖风叔叔 阅读(4613) 评论(10) 推荐(293) 编辑
摘要: 返回拦截 功能:从广告进入到落地页后,给history增加一个页面,拦截返回动作 主要用到的是h5中的history对象,使用了pushState,和replaceState来操作。 并且加入了一些条件判断,包括 history.state, history.state.page,history.s 阅读全文
posted @ 2017-08-08 01:39 暖风叔叔 阅读(2368) 评论(0) 推荐(9) 编辑
摘要: 应用介绍 项目Github地址:https://github.com/iNuanfeng/node spider/ nodejs爬虫,爬取汽车之家所有车型数据 http://www.autohome.com.cn/car/ 包括品牌,车系,年份,车型四个层级。 使用的node模块: superage 阅读全文
posted @ 2017-02-23 00:28 暖风叔叔 阅读(4686) 评论(9) 推荐(24) 编辑
摘要: MongoDB的基本使用 MongoDB特点: 使用BSON存储数据 支持相对丰富的查询操作(相对其他nosql数据库) 支持索引 副本集(支持多个实例/多个服务器运行同个数据库) 分片(数据库水平扩展) 无模式(同个数据文档中的数据可以不一样) 部署简单方便(默认无密码,也带来安全问题) 服务的启 阅读全文
posted @ 2016-12-10 23:30 暖风叔叔 阅读(4964) 评论(3) 推荐(22) 编辑
摘要: nodejs是js语言,实现一个爬出非常的方便。 步骤 1. 使用nodejs的request模块,获取目标页面的html代码;https://github.com/request/request 2. 使用cheerio模块对html代码做处理(cheerio类似jQuery的语法,所以好用又方便 阅读全文
posted @ 2016-12-08 23:11 暖风叔叔 阅读(19899) 评论(2) 推荐(98) 编辑
摘要: Element:一套通用组件库的开发之路 Element 是由饿了么UED设计、饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库。今天我们要分享的就是开发 Element 的一些心得。 官网:http://element.eleme.io/#/github:https://github.c 阅读全文
posted @ 2016-11-09 21:46 暖风叔叔 阅读(28968) 评论(31) 推荐(124) 编辑
摘要: 包括了less预编译,css压缩,html文件include引入,js混淆压缩,本地开发热刷新服务器,html压缩,版本号添加 github地址: gulpfile.js var gulp = require('gulp'), //基础库 imagemin = require('gulp-image 阅读全文
posted @ 2016-10-17 20:39 暖风叔叔 阅读(1387) 评论(1) 推荐(5) 编辑
摘要: 常用语网页客户端对密码加密,在后端java解密还原 java代码依赖 <dependency> <groupId>commons-codec</groupId> <artifactId>commons-codec</artifactId> <version>1.4</version> <scope> 阅读全文
posted @ 2016-09-29 09:11 暖风叔叔 阅读(7797) 评论(1) 推荐(29) 编辑
摘要: 需求 用户登陆后,服务器实时推送用户的订单提醒,用websocket处理。 方案 两个js,notify-socket.js处理socket的连接,和socket的处理。 nofify.js,做右下角弹窗处理,用到了layui的弹窗组件。 notify-socket.js /** * Created 阅读全文
posted @ 2016-09-20 12:46 暖风叔叔 阅读(2709) 评论(1) 推荐(1) 编辑
摘要: 情景: 前后端分离,本地前端开发调用接口会有跨域问题,一般有以下3种解决方法: 1. 后端接口打包到本地运行(缺点:每次后端更新都要去测试服下一个更新包,还要在本地搭建java运行环境,麻烦) 2. CORS跨域:后端接口在返回的时候,在header中加入'Access-Control-Allow- 阅读全文
posted @ 2016-08-29 14:16 暖风叔叔 阅读(24953) 评论(12) 推荐(119) 编辑
摘要: 深拷贝 see them... 截流防抖 阅读全文
posted @ 2016-08-19 12:10 暖风叔叔 阅读(8712) 评论(0) 推荐(34) 编辑
摘要: jquery直接在html中引入。 jquery插件修改为: 这样它就是一个seajs模块了, 像下面这样引用到项目: 阅读全文
posted @ 2016-08-01 20:21 暖风叔叔 阅读(555) 评论(0) 推荐(0) 编辑
摘要: 数组转字符串 字符串转数组 字符串转数组,数组转数组格式化,数组格式化转数组 阅读全文
posted @ 2016-07-28 12:09 暖风叔叔 阅读(142737) 评论(0) 推荐(345) 编辑
摘要: 时间戳转正常日期时间 1469512964000 —> 2016/7/26 下午2:02 参考http://www.cnblogs.com/sufei/archive/2012/12/03/2799480.html 时间戳转正常日期时间 1469512964000 —> 2016/07/26 14: 阅读全文
posted @ 2016-07-26 17:18 暖风叔叔 阅读(545) 评论(0) 推荐(0) 编辑
摘要: 前言 通常我们所做的一些页面,我们可以从设计图里面看出有一些地方是相同的。例如:头部,底部,侧边栏等等。如果前后端分离时,制作静态页面的同学,对于这些重复的部分只能够通过复制粘贴到新的页面来,如果页面的数量上去了而中途公共的部分出现要修的地方。不过有上10个页面都用到了这个公共的html代码。那修改 阅读全文
posted @ 2016-06-24 10:17 暖风叔叔 阅读(9829) 评论(7) 推荐(51) 编辑
摘要: 实际项目中,我们可以把数据获取改成ajax动态获取,在 getContent()中 阅读全文
posted @ 2016-06-16 21:27 暖风叔叔 阅读(1929) 评论(0) 推荐(3) 编辑
摘要: 由于项目中需要在提交ajax前设置header信息,jquery的ajax实现不了,我们自己封装几个常用的ajax方法。 jQuery的ajax普通封装 原生ajax封装,设置header,传json 原生ajax封装,设置header,传json 原生ajax封装,设置header,传上传exce 阅读全文
posted @ 2016-06-16 21:21 暖风叔叔 阅读(7382) 评论(0) 推荐(25) 编辑
摘要: 校验 替换空格 不包含中文逗号 阅读全文
posted @ 2016-06-15 22:47 暖风叔叔 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 描述: 需要ajax跨域请求,用cors跨域方案。服务端设置: 设置了: 后端需要的头信息,原生ajax以表单方式post提交数据,json数据data转换成key1=val1&key2=val2 的字符串格式 跨域相关内容 CORS跨域的常见问题以及前后端的设置: 《Ajax——CORS跨域调用R 阅读全文
posted @ 2016-06-12 18:16 暖风叔叔 阅读(11759) 评论(0) 推荐(53) 编辑
摘要: RESTful架构是目前比较流行的一种互联网软件架构,在此架构之下的浏览器前端和手机端能共用后端接口。 但是涉及到js跨域调用接口总是很头疼,下边就跟着chrome的报错信息一起来解决一下。 假设:前端域名为front.ls-la.me,后端域名为api.ls-la.com。前端需要访问的接口为ht 阅读全文
posted @ 2016-06-12 18:15 暖风叔叔 阅读(7366) 评论(0) 推荐(31) 编辑
摘要: 插件介绍 先上一个图: 下载地址:https://github.com/nghuuphuoc/bootstrapvalidator 使用方法:http://www.cnblogs.com/huangcong/p/5335376.html 使用提示 中文化:下载插件后,将\js\bootstrapVa 阅读全文
posted @ 2016-05-31 18:07 暖风叔叔 阅读(160813) 评论(8) 推荐(375) 编辑
摘要: 需求描述 产品添加页面,需要选择车型。在bootStrap的modal上弹出子modal来使用。车型一共有4级目录。要使用目录树。然后分活动和商品两种,需要能够通过不通参数来调用该组件。车型品牌要使用字母导航。 技术实现 数据都是后端传json过来,我们ajax获取然后操作。由于车型总数据有几万条以 阅读全文
posted @ 2016-05-27 22:38 暖风叔叔 阅读(8250) 评论(0) 推荐(10) 编辑
摘要: 实战:把混乱的汽车品牌,按照首字母字段排序。 阅读全文
posted @ 2016-05-27 19:08 暖风叔叔 阅读(9117) 评论(0) 推荐(30) 编辑
摘要: 跨域一般用jsonp,兼容性比较好。CORS是html5最新的XHR第二版本,不支持IE8,IE9,对移动端的支持非常好。但是考虑项目后期这部分会转到同域名下,而且网址不需要支持ie8,ie9,所以我们考虑使用html5最新的跨域资源共享(CORS)来实现跨域请求。 http://a.test.co 阅读全文
posted @ 2016-05-18 13:23 暖风叔叔 阅读(1202) 评论(0) 推荐(5) 编辑
摘要: border-image的介绍 http://www.w3school.com.cn/cssref/pr_border-image.asp 先看一个效果: http://www.w3school.com.cn/tiy/t.asp?f=css3_border-image 实战应用 原理查看: http 阅读全文
posted @ 2016-04-13 11:18 暖风叔叔 阅读(3224) 评论(0) 推荐(1) 编辑
摘要: Ajax 异步请求的时候,一般都会利用一个动态的 gif小图片来制作一个Ajax Loading ,以便增加用户体验。 这里我们使用Spin.js ,该 js 脚本压缩后5k,可以不用任何图片,任何外部的CSS样式,就可以创建一个Ajax Loading 指示器 Spin.js 的在线设计、演示及下 阅读全文
posted @ 2016-04-07 19:20 暖风叔叔 阅读(3207) 评论(0) 推荐(7) 编辑
摘要: 需求描述 需要实现类似QQ中对联系人的操作:向左滑动,滑出删除按钮。滑动超过一半时松开则自动滑到底,不到一半时松开则返回原处。 纯js实现 使用了h5的touchmove等事件,以及用js动态改变css3的translate属性来达到动画效果: 做成zepto插件 实际项目中,我们可能有很多个地方会 阅读全文
posted @ 2016-04-06 21:31 暖风叔叔 阅读(18468) 评论(8) 推荐(72) 编辑
摘要: 参考文章:http://www.zhangxinxu.com/wordpress/2013/12/javascript-js-元素-抛物线-运动-动画/ parapola.js 使用: 加入购物车实战: 阅读全文
posted @ 2016-03-25 17:27 暖风叔叔 阅读(2898) 评论(0) 推荐(9) 编辑
摘要: html: popup.js: popup.css 阅读全文
posted @ 2016-03-25 17:23 暖风叔叔 阅读(5441) 评论(0) 推荐(13) 编辑
摘要: html js: css: zepto版本: 阅读全文
posted @ 2016-03-25 16:54 暖风叔叔 阅读(1670) 评论(0) 推荐(0) 编辑
摘要: 点击返回顶部 zepto滚动到某个位置 阅读全文
posted @ 2016-03-22 17:12 暖风叔叔 阅读(1133) 评论(0) 推荐(4) 编辑
摘要: 背景 开发移动端H5页面 面对不同分辨率的手机 面对不同屏幕尺寸的手机 视觉稿 在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。 对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点: 1)首先,选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480 阅读全文
posted @ 2016-03-11 05:25 暖风叔叔 阅读(906) 评论(0) 推荐(2) 编辑