写项目遇到的问题

  1. 17素材网、(https://www.bootcss.com)Bootstrap中文文档(css插件)
  2. 项目提交(https://gitee.com/)(https://github.com/)先创建文件,在复制文件HTTP路径,鼠标右击,克隆,把要传的项目写入这个克隆文件(要下载TortoiseGit-2.10.0.2-64bit.msi,TortoiseGit-LanguagePack-2.10.0.0-64bit-zh_CN.msi(汉化版)),右击提交git 提交master(首次提交git bash here)
  3. gulp 复制文件要创建 gulffile.js
    cnpm i //安装cnpm
    package.json文件内容
    打开文件路径终端 gulp copyIndex
    gulp copyJs
    复制到dist文件夹下
    gulp 监听
{
  "devDependencies": {
    "@babel/core": "^7.10.2",
    "@babel/preset-env": "^7.10.2",
    "@babel/preset-react": "^7.10.1",
    "babel-cli": "^6.26.0",
    "babel-preset-es2015": "^6.24.1",
    "cnpm": "^6.1.1",
    "gulp": "^4.0.2",
    "gulp-babel": "^8.0.0",
    "gulp-clean-css": "^4.3.0",
    "gulp-concat": "^2.6.1",
    "gulp-connect": "^5.7.0",
    "gulp-imagemin": "^7.1.0",
    "gulp-rename": "^2.0.0",
    "gulp-sass": "^4.1.0",
    "gulp-uglify": "^3.0.2",
    "install": "^0.13.0"
  },
  "dependencies": {
    "gulp": "^4.0.2"
  }
} 

gulpfile.js内容

const gulp = require("gulp");
var sass = require('gulp-sass'); 
var connect = require('gulp-connect');


gulp.task('watch',done=>{
   gulp.watch('html/**', gulp.series("copyImg")); 
   gulp.watch('img/**', gulp.series("copyImg")); 
   gulp.watch('js/**', gulp.series("copyImg")); 
   gulp.watch('css/**', gulp.series("copyImg"));   
   gulp.watch('scss/**', gulp.series("copyImg"));     
   gulp.watch('iconfont/**', gulp.series("copyImg")); 
   done()
}) 
gulp.task("server", done => {
   connect.server({
       root: "dist",
       livereload: true
   })
   done();
});  
gulp.task("default", gulp.series("watch", "server")); 


gulp.task("copyImg",done=>{
  gulp.src("img/**").pipe(gulp.dest("dist/img")); 
   gulp.src("iconfont/**").pipe(gulp.dest("dist/iconfont")); 
   gulp.src("img/**").pipe(gulp.dest("dist/img")); 
   gulp.src("html/**").pipe(gulp.dest("dist/html")); 
   gulp.src("js/**").pipe(gulp.dest("dist/js")); 
   gulp.src("php/**").pipe(gulp.dest("dist/php")); 
   gulp.src("css/**").pipe(gulp.dest("dist/css"));
   done();
}) 
gulp.task("sass", done => {
   gulp.src("scss/*.scss")
   .pipe(sass())
   .pipe(gulp.dest("dist/css"));
   done();
})    
  1. id class…标签命名冲突
  2. 字符串命名、字母代码大小写
  3. 先确定方法思路,再行动写代码
  4. 做好注释,记好项目中遇到的问题
  5. html 文件中引入的插件js或css 要写在前面
  6. 规范代码格式
  7. jQuery在线手册(https://www.runoob.com/manual/jquery/)
  8. 接口练习地址(http://jx.xuzhixiang.top/)
  9. node.js中文网(http://nodejs.cn/)
  10. https://highcharts.com.cn/
  11. https://developer.mozilla.org/en-US/docs/Web/JavaScript
  12. https://echarts.apache.org/zh/index.html
  13. 猫云(https://www.bootcdn.cn/semantic-ui/)
  14. w3cschool(https://www.w3cschool.cn/tutorial)
  15. 阿里巴巴矢量图标库(https://www.iconfont.cn/)
  16. 阿里图标 -》 我的项目 -》 fontclass -》 在线链接 -》 class=“iconfont 图标名”

你可能感兴趣的:(学习总结,出错解决,前端)