摘要: "github地址" 本地安装环境准备 安装node: https://nodejs.org/en/download/ 配置webpack: npm install g webpack(sudo权限) windows配置cnpm: 当然也可以使用yarn下载 依赖包安装 进入项目目录 执行cnpm 阅读全文
posted @ 2017-08-22 09:59 24k-小清新 阅读(12941) 评论(3) 推荐(10) 编辑
摘要: github地址(内含简单例子) 使用技术栈 webpack(^2.6.1) webpack-dev-server(^2.4.5) vue(^2.3.3) vuex(^2.3.1) vue-router(^2.5.3) vue-loader(^12.2.1) eslint(^3.19.0) webp 阅读全文
posted @ 2017-06-09 08:45 24k-小清新 阅读(4785) 评论(3) 推荐(4) 编辑
摘要: github链接 借鉴吾记APP,使用 vue2.0+vue-router+vuex 为主要技术栈,elementui做为ui框架,多模块 spa 模式,webpack2.0 负责模块打包,gulp 负责处理静态资源打包、压缩,欢迎打赏star!!! 安利一下 吾记前端构建流程 本地环境准备 安装n 阅读全文
posted @ 2017-06-02 09:04 24k-小清新 阅读(3833) 评论(2) 推荐(2) 编辑
摘要: github地址(欢迎star):https://github.com/xiaobinwu/dj 版本:0.15.152900(暂未升级原因:升级后需要图片无法本地引用,必须使用image或是远程路径引用) 目录结构 css => 放置公用wxss,目前只有一个font.wcss image => 阅读全文
posted @ 2017-05-25 10:19 24k-小清新 阅读(5674) 评论(4) 推荐(11) 编辑
摘要: 最近一直闲来无事,便寻思着做一下自己的个人项目,也想说能使用现在比较流行的一些mvvm框架来做,于是就选用了这样的一个技术栈vue2.0+vue-router+vuex+webpack来做,做得也是多页面应用,使用vue-router,也是想说把多个功能模块化,单个模块spa,实现更高的效果。当然现 阅读全文
posted @ 2017-03-25 22:15 24k-小清新 阅读(31740) 评论(4) 推荐(0) 编辑
摘要: 最近几天在学习一个javascript库require.js,也看了一些相关的教学视频,这里推荐一下幕课网阿当老师的《阿当大话西游之Web组件》的教学视频,一整套看下来,参照视频里面的demo从头做一遍,对于require.js的使用以及web组件的编写挺有帮助的,作为菜鸟,看完后觉得获得更多的是一... 阅读全文
posted @ 2015-11-23 15:45 24k-小清新 阅读(3154) 评论(3) 推荐(1) 编辑
摘要: 对于作为一名前端开发人员,除了能够编写出满足需求的PC端页面之外,同时也是需要懂得怎么去制作移动web页面,毕竟使用移动设备来操作任何处理称为新时代的趋势,所以学好制作一个移动web时必须滴。于是通过学习和总结,将自己学到的一些技能总结一下!首先是移动像素,对于px应该都不会觉得陌生,这是css针对... 阅读全文
posted @ 2015-10-31 22:49 24k-小清新 阅读(1545) 评论(1) 推荐(1) 编辑
摘要: 元素是HTML5中的绘图元素,通过定义一个画布区域,然后使用javascript动态地在这个区域里面绘制图形,对于2D和3D图形都可以绘制,我们将其分成2D上下文和WebGL两大块内容来一起来学习,但是WebGL觉得比较少用到,而且难,所以不讲了!一、了解canvas nothing ,这是便是一个... 阅读全文
posted @ 2015-10-28 15:45 24k-小清新 阅读(1939) 评论(2) 推荐(0) 编辑
摘要: 滚动条的自定义化,往往在做移动web的时候,能为我们的项目增添不少风采,而且通过为其添加-webkit-overflow-scrolling : touch; 的css属性,使其有着如同ios系统浏览器中bounce的效果,这里的话,提供一个仿ios风格自定义滚动条的demo,代码如下: 1 2 ... 阅读全文
posted @ 2015-10-20 16:12 24k-小清新 阅读(3970) 评论(7) 推荐(0) 编辑
摘要: 前面一直在说自定义指令,但是却一直没有一次系统地去了解,现在需要我们一起来学习如何去使用自定义指令,去丰富html标签、属性,实现多元化、多功能的标签(或是属性)。辣么,啥是指令?要了解指令,首先需要了解AngularJs的HTML编译器,简单地说让浏览器认识你自定义指令或是Angular的指令集,... 阅读全文
posted @ 2015-10-16 11:56 24k-小清新 阅读(1296) 评论(0) 推荐(1) 编辑