10 2018 档案
摘要:1.在本地文件夹下建立.gitignore文件,将github下的github/gitignore/Node.gitignore文件复制到.gitignore中; 2.执行命令git add . 3.git commit -m "init" 4.建立远程仓库 5.执行git remote add o
阅读全文
摘要:1.安装browser-sync: 2.在package.json中添加启动代码: 3.运行:npm run start ,监听在localhost:3000端口;
阅读全文
摘要:两种方法: 1.webpack的methods require.ensure 2.ES 2015的Loader spec require.include当两个子模块都引用了一个第三方 的模块,就可以将这个第三方的模块放到父模块中;subPageA.js和subPageB.js都依赖moduleA.j
阅读全文
摘要:公共代码提取功能是针对多入口文件的; 背景:在pageA.js和pageB.js中分别引用subPageA.js和subPageB.js webpack.config.js文件:
阅读全文
摘要:1.第一种使用方法:命令行(没有配置文件)--把app.js打包成bundle.js 2.第二种使用方法:配置文件: 如果配置文件的名称不是webpack.config.js可以在命令行中修改(假设你的配置文件为webpack.conf.js) 3.es6文件的引入与导出 4.common.js文件
阅读全文
摘要:演示效果地址:https://www.swiper.com.cn/demo/indexsample/; 代码:
阅读全文
摘要:1.css样式: 2.HTML: 3.JS代码:
阅读全文
摘要:1 // 搜索框出现动画 2 var i=0; 3 $('.search').on('click',function () { 4 // $('.search-positon').css('height','50') 5 i++; 6 if(i%2!=0){ 7 console.log(i) 8 $('.search-pos...
阅读全文
摘要:盗用一下图片吧:实际效果图如下: 1,有一个nav的侧边栏,有一个遮罩层,随着侧边栏打开,然后点击遮罩层关闭侧边栏 关键代码: 1.给slideNav(侧边栏设置如下属性) 2.当点击显示菜单按钮的时候: 3,当点击mask遮罩层:--菜单划出
阅读全文
摘要:原因:swiper在初始化的时候会扫描swiper-wrapper下面的swiper-slide的个数,从而完成初始化,但是由于动态加载时在初始化之后的动作,所以导致无法滑动。 解决方案 1:在动态获取数据后,马上对swiper进行初始化; 解决方案2:
阅读全文
摘要:一般我们会通过可以通过点(.) 或 方括号([]) 运算符来获取属性的值,运算符的左侧应当是一个表达式,它返回一个对象。 对于(.)来说,右侧需是一个对象的属性名字。 对于方括号([])来说,方括号里面的需时一个计算结果为字符串的表达式,这个字符串结果就是对象的属性名字。
阅读全文
摘要:1.在data中设置: 2.在mounted中设置: 3.在watch中监听:
阅读全文
摘要:1.锚点方式: 2.scrollTop:scrollTop属性表示被隐藏在内容区域上方的像素数。元素未滚动时,scrollTop的值为0,如果元素被垂直滚动了,scrollTop的值大于0,且表示元素上方不可见内容的像素宽度 由于scrollTop是可写的,可以利用scrollTop来实现回到顶部的
阅读全文
摘要:1 //node的http服务 2 3 'use strict' 4 var http = require('http') 5 var server = http.createServer(function (request,response) { 6 response.writeHead(200,{'Content-Type':'text/html'}); 7 ...
阅读全文