千泓-CSDN博客

原创我的个人博客已迁移，欢迎交流

我的个人博客程序已上线，https://blog.qian-hong.com欢迎大家过来交流

2019-11-18 15:40:52 270

前端构建工具gulpjs的使用介绍及技巧gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：1、gulp的安装首先确保你已经正确安装了nodejs

2016-09-28 22:08:30 702

原创 vue+webpack项目实战

详细地址:https://segmentfault.com/a/1190000006852262#articleHeader0博客地址：http://www.jianshu.com/users/1b30f6121ce8/latest_articles

2016-09-21 21:36:59 1401

转载 webpack教程，webpack+ES6+less视频教程

webpack百度网盘视频教程：http://pan.baidu.com/s/1mhBZvwG webpack是什么 Webpack 是一个模块打包器。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。基本命令 webpack // 最基本的启动webpack的方法 webpack -w // 提供watch方

2016-09-17 11:43:40 1885

原创 gulp常用操作

1.安装node.js2.npm init （创建文件夹，如npm init project,project是文件夹名）;该步骤执行后会创建一个package.json文件；3.npm install gulp –save（将gulp加入到依赖中去）；4.新建gulpfile.js文件,让gulp可以工作：const gulp =require('gulp');//载入gulp核心包，const类似

2016-09-16 22:26:08 468

原创 es6教程，ECMAScript 6入门教程

http://es6.ruanyifeng.com/

2016-09-16 16:53:34 1797

原创 bootstrap可视化拖动操作

Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。目前，Bootstrap最新版本为3.0 。Bootstrap中文网致力于为广大国内开发者提供详尽的中文文档、代码实例等，助力开发者掌握并使用这一框架。bootstrap最大的魅力除了样式符合用户浏览之外，就是他的响应式

2016-09-14 19:39:25 7535

转载总结移动开发实践中遇到的坑

做过很多移动端的项目，在开发调试过程中，一款好的调试工具会让效率大大提高。之前已经推荐了一款神器：http://blog.csdn.net/qianhong_/article/details/525112231.input placeholder问题在chrome 模拟移动端调试时［左边图］，显示的非常正常，但是在真机上［右边图］，placeholder里面的内容明显靠上，非常的不美观在国外网站

2016-09-14 13:23:23 533

转载基于 Webpack & Vue & Vue-Router 的 SPA 初体验

最近这几年的前端圈子，由于戏台一般精彩纷呈，从 MVC 到 MVVM，你刚唱罢我登场。 backbone，angularjs 已成昨日黄花，reactjs 如日中天，同时另一更轻量的 vue 发展势头更猛，尤其是即将 release 的2.0版本，号称兼具了 angularjs 和 reactjs 的两者优点。不过现在的官方版本还是1.0 ，下面就是基于1.0版本的初体验。1. 为什么要 SPA？S

2016-09-14 11:52:12 1465

原创 vue.js视频教程，vue.js视频教程下载

好不容易找到的资源，分享给大家，视频清晰。第一套源自慕课网，但比慕课网上的要清晰很多，下载下来随时随地学习；第二套视频在我的另一篇博文中也有提到的vue.js资源汇总，vue.js教程大全，现也一并整理出来方便大家学习。vue.js视频教程百度云盘下载 Vuejs 1.0 系列教程

2016-09-14 07:23:05 11333

转载 vue.js资源汇总，vue.js教程大全

一. 资源教程综合类 vuejs 英文资料 Vue中文资料总汇 Vue.js 的一些资源索引 vue资料入门类 vue 快速入门 Vue.js 中文系列视频教程 on Laravist英文教程 Learning Vue 1.0: Step By Step社区 sf - vue标签知乎 - vue标签 Vue.js专业中文社区 vue - issues二. 文档API

2016-09-13 08:18:35 13099

原创千牛插件开发，千牛SDK开发。

最近接手的一个项目，做千牛插件的，公司没有提供任何文档只有功能需求，只能自己看官方的文档，千牛插件的文档说实话乱得不行。一个月时间，小公司只有我一个前端项目一个人搞定了，这里整理出一些东西希望能帮助到大家。但声明一句，我不是大牛，我只是普通一个html5前端开发人员，所以喷子门留点口德。首先说说千牛sdk,分PC版和移动端，两者不一样，移动端只能引入移动端的SDK，PC端亦是只能引入PC端，具体的S

2016-09-12 18:34:35 25732 5

原创大小不一的一堆图片，如何自动居中并铺满？

大小不一的一堆图片，有些宽长，有些高长，最近遇到一个项目难题，如何在前端页面展示统一并且不会出现压缩，并且为了好看需要铺满。以下是解决方案的代码片段：function getwh($obj){ var v = this; var tempImg = new Image(); tempImg.src =

2016-09-12 12:54:33 614

转载 charles工具移动端开发代理和调试

一、简介Charles是目前最强大最流行的http抓包调试工具，Mac、Unix、Windows各个平台都支持。特别是做APP开发，调试与服务端的通信，Charles是必备工具。目前Charles是收费的，不过可以破解。 Charles下载地址：http://share.weiyun.com/6bbfc169f56589052957eae710a8612a 破解方式解压charles_

2016-09-12 10:17:27 3903

原创 webApp禁止页面整体下拉，不影响页面内部scroll

此类事件是手机touchmove默认事件行为，可以通过js代码隐藏事件：$(‘body’).on(‘touchmove’, function (event) {event.preventDefault();});ordocument.addEventListener('touchmove', function(e){e.preventDefault()}, false);但这样往往会把页面原生的

2016-09-03 22:44:03 5749 4

千泓的博客