摘要: 1.布局框架: Bootstrap: http://getbootstrap.com/ Foundation: http://foundation.zurb.com/ Uikit: http://www.getuikit.com/ Web Components:http://css-tricks.c 阅读全文
posted @ 2019-10-14 12:36 前端菜园子 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 安装Settings Sync 点击VSCode的插件栏搜索Settings Sync然后安装 安装完之后会弹出一个登陆界面,这里点击login with github 点击后会自动弹出一个登陆页面,登上你的github账户即可 如果你之前有用过setting sync的话,这里会自动显示你最近使用 阅读全文
posted @ 2019-10-11 19:17 前端菜园子 阅读(4724) 评论(1) 推荐(0) 编辑
摘要: Array.prototype.flat() Array.prototype.flat() 递归地将嵌套数组拼合到指定深度。默认值为 1,如果要全深度则使用 Infinity 。此方法不会修改原始数组,但会创建一个新数组: flat() 方法会移除数组中的空项: Array.prototype.fl 阅读全文
posted @ 2019-10-09 17:07 前端菜园子 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 本篇文章重点介绍构造函数、原型和原型链相关知识,如果你还不知道 Symbol 是不是构造函数、constructor 属性是否只读、prototype 、[[Prototype]] 和 __proto__ 的区别、什么是原型链,建议你好好阅读本文,希望对你有所帮助。 构造函数 什么是构造函数 con 阅读全文
posted @ 2019-10-09 15:42 前端菜园子 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 什么是状态保存? 假设有下述场景: 移动端中,用户访问了一个列表页,上拉浏览列表页的过程中,随着滚动高度逐渐增加,数据也将采用触底分页加载的形式逐步增加,列表页浏览到某个位置,用户看到了感兴趣的项目,点击查看其详情,进入详情页,从详情页退回列表页时,需要停留在离开列表页时的浏览位置上 类似的数据或场 阅读全文
posted @ 2019-10-08 11:41 前端菜园子 阅读(1762) 评论(0) 推荐(1) 编辑
摘要: 浅拷贝 Object.assign 上篇文章介绍了其定义和使用,主要是将所有可枚举属性的值从一个或多个源对象复制到目标对象,同时返回目标对象。(来自 MDN) 语法如下所示: Object.assign(target, ...sources) 其中 target 是目标对象,sources 是源对象 阅读全文
posted @ 2019-09-29 19:52 前端菜园子 阅读(3384) 评论(0) 推荐(0) 编辑
摘要: Auto Close Tag 自动添加HTML / XML关闭标签 Auto Rename Tag 自动重命名配对的HTML / XML标签 Beautify 格式化代码 Bracket Pair Colorizer 颜色识别匹配括号 Code Runner 非常强大的一款插件,能够运行多种语言的代 阅读全文
posted @ 2019-09-26 15:13 前端菜园子 阅读(1123) 评论(0) 推荐(0) 编辑
摘要: 需求 现在有一个需求,有a和b两个变量,要求b一直是a的10倍,怎么做? 简单尝试1: 乍一看好像满足要求,但此时b的值是固定的,不管怎么修改a,b并不会跟着一起改变。也就是说b并没有和a保持数据上的同步。只有在a变化之后重新定义b的值,b才会变化。 简单尝试2: 将a和b的关系定义在函数内,那么在 阅读全文
posted @ 2019-09-25 21:44 前端菜园子 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 分类 滚动分全局滚动(浏览器窗口)跟局部滚动(自定义的盒子),以下内容绝大部分都是指全局滚动,局部滚动的话获取指定的DOM再调用相应的API即可 如何设置全局滚动条高度 1. 最常用的方法: 2. 也可以利用相对滚动设置: 3. 或者利用scrollTop设置: 如何指定一个元素显示在视窗 1. 最 阅读全文
posted @ 2019-09-25 20:40 前端菜园子 阅读(647) 评论(0) 推荐(1) 编辑
摘要: 1、for 循环 1 2 3 4 5 6 7 let arr = [1,2,3]; for (let i=0; i<arr.length; i++){ console.log(i,arr[i]) } // 0 1 // 1 2 // 2 3 1 2 3 4 5 6 7 let arr = [1,2, 阅读全文
posted @ 2019-09-21 17:21 前端菜园子 阅读(89) 评论(0) 推荐(0) 编辑