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