2018.6.13 培训学习任务 - 根据设计交互稿完成轮播图功能- 模块规范化开发与样式编写
在支持左右滑入轮播效果基础上,通过参数设置,支持做渐出渐现效果。参考
考虑传参设置
考虑样式规范编写
必须考虑尺寸,交互一致。考虑只有一张banner的情况. 视觉稿地址。
在昨天gulp-study基础上改
zepto 核心方法学习:选择器/事件/ajax/表单
昨天没有完成任务
2018.6.12 @alex 培训学习任务-脚手架原型与gulp应用 @陈香艳 @李伟
将training/gulp-study copy到各自的工作目录下。
在目录下运行 $ npm install 和 $ npm run start 两个命令
在src中改 *.scss/ *.js 文件,会发现自动编译到 build的目中去。为什么?
原因是我们用了gulp watch去构建监控我们的模块开发。可以打开gulpfile.js查看或百度了解更多关于gulp。
将昨天开发的轮播件按昨晚的开发规范要求,整合到这个开发目录中去。
发现是node.js 没有装好,早上百度重新安装node.js 百度了一篇 安装 node.js https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html 安装 我的安装步骤及目录 是跟作者一模一样,D盘新建 的目录
发现执行最后一条命令的时候出来这样的错误
C:\Users\yubhb>npm --registry https://registry.npm.taobao.org install cluster
npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\yubhb\package.json'
npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\yubhb\package.json'
npm WARN yubhb No description
npm WARN yubhb No repository field.
npm WARN yubhb No README data
npm WARN yubhb No license field.
没有解决,然后先去在git bush中执行安装命令去了
在工作目录下training/gulp-studycopy
在目录下运行 $ npm install 和 $ npm run start 两个命令
这是我的工作目录 在git bash 上运行命令
Error: ENOENT: no such file or directory, scandir 'C:\Users\yubhb\github\fullsta
ck-training\dev\chenxiangyan\gulp-study\node_modules\node-sass\vendor'
at Object.fs.readdirSync (fs.js:904:18)
at Object.getInstalledBinaries (C:\Users\yubhb\github\fullstack-training\dev
\chenxiangyan\gulp-study\node_modules\node-sass\lib\extensions.js:129:13)
以下是整个解决过程对话
Alex
Alex(cnhash项目组)
6月4日 11:31
Al
我是Alex
香艳
我已通过了好友请求,以后多交流~
已读
Al
用户名:cxy 密码: cyx2018 邮箱: xiangyan.chen@madingyu.com
http://118.190.62.2:10101/tree/fullstack-training.git
今天 10:07
香艳
我的那个执行 npm install 时出现这个问题
已读
已读
百度查了一下,说执行这个命令
已读
已读
已读
我就照着执行啦
已读
但是执行 npm run start时出现这样的错误
已读
已读
Al
最后那图最后那个D盘的日志打开看看
香艳
已读
已读
Al
node_modules下面安装了什么
目录下
香艳
已读
Al
你的项目目录
不是nodejs
香艳
已读
已读
Al
gulpstudy那个
香艳
已读
Al
nodemodules
香艳
已读
已读
Al
你里面啥都没有。说明npm install没有安装成功
你再执行npm install
香艳
已读
Al
停了么?
香艳
已读
已读
Al
你用管理员身份打开git bash
再试
香艳
已读
我以管理员的身份运行还是这样的提示
已读
Al
node_modules有啥了
香艳
已读
是我自己开发的目录,还是nodejs目录
已读
Al
npm run start呢
你的开发目录
香艳
已读
已读
已读
运行 npm run start 出现错误
已读
这个是日志
已读
Al
nodemodules
下没有gulp?
香艳
已读
有
已读
已读
Al
node node_modules/gulp/bin/gulp.js watch
试下这个
香艳
已读
已读
这个命令应该就是在我的目录 下运行吧?
已读
已读
提示的是报错
已读
Al
npm install node-sass -g
然后再试
香艳
已读
已读
再执行 npm install
已读
已读
Al
node node_modules/gulp/bin/gulp.js watch
香艳
已读
香艳
已读
还在装,好慢
已读
Al
装啥。。。已经运行起来了
香艳
哦,这样,就是装好啦
已读
Al
你用npm run start试试
先关了
香艳
把整个窗口关掉?
已读
已读
Al
然后没问题你就去写代码就好了
香艳
这样就算成功了吗?
已读
Al
是的。监控启动就好了
香艳
嗯,好的
已读
最后自己再总结一下,就只要在工作目录上运行这个命令 npm install node-sass -g
再执行 npm install
再执行 node node_modules/gulp/bin/gulp.js watch
再执行 npm run start 最后就算成功啦