![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
写着玩没有多大价值
from_shanghai
这个作者很懒,什么都没留下…
展开
-
闭包问题
function test(){ var arr=[]; for(var i=0; i<10; i++){ arr[i]=function (){ console.log(i); } } return arr;}var myArr=test();for(var i=0; i<10; i++...原创 2019-08-01 12:30:44 · 259 阅读 · 0 评论 -
面试(网上)—— 前端工程化(草稿)
1.webpack 与 gulp 区别Gulp 就是为了规范前端开发流程,实现前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等功能的一个前端自动化构建工具。Gulp 像是流水线,产品生产的 整个过程 都要受到 流水线控制。Gulp是通过task对整个开发过程进行构建。webpack 是对 前端资源模块化管理和打包 的工具,通过 loader,可以将 任何资源js、c...原创 2019-08-08 12:13:38 · 326 阅读 · 0 评论 -
dy——响应式布局(草稿)
1.html{font-size: 62.5%;}16px * 62.5%= 10px2.body{font-size: 1.2rem;min-width:320px;}12px;【minwidth??】3.布局:<header>&<footer><footer>就是@copyright……这行4.header{width:100...原创 2019-08-08 12:14:05 · 198 阅读 · 0 评论 -
iframe 优缺点 & visibility=hidden, opacity=0,display:none
iframe是用 <iframe>标签在页面中嵌套其他页面。优点:1.只需要修改<iframe>内容,被嵌套的网页内容就可被一致修改,方便2.可以用iframe嵌套加载缓慢的第三方内容如图标和广告3.可以把嵌入的网页完整显示出来缺点:1.阻塞页面的 onload2.和 主页面 共享连接池,浏览器对 相同域的 连接有限制,所以 导致 加载缓慢3.iframe ...原创 2019-08-13 15:09:35 · 1363 阅读 · 0 评论 -
innerHTML\innerText
document.write 和 innerHTML :document.write 重绘 整个页面,innerHTML 重绘页面的一部分。为什么 js中 不推荐使用 innerHTML?因为 innerHTML 每次修改内容 都会刷新,慢。( 不明白 这个“慢”是指要刷新,所以 更新数据慢吗?)<!DOCTYPE html><html lang="en"&...原创 2019-08-13 17:29:20 · 214 阅读 · 0 评论 -
兄弟组件传值(草稿)
<!-- vue兄弟组件 间传值借助中央事件总线1:在外部 建一个Bus.js,放在 assets文件夹下Bus.js:import Vue from 'Vue';//平常写 都是 import Vue from 'vue'export default new Vue;//创建 空的Bus 组件//vue-music App.vue 是export default ...原创 2019-08-17 11:35:54 · 163 阅读 · 0 评论 -
数组方法
let arr=[1,2,3,4,5,6,7]; console.log(arr.forEach((v, i) => v*2)); console.log(arr); arr.forEach((v, i) => { if (v > 1) { console.log(v); } }); // 根据函数的用法来 既然是遍历,那就 遍历...原创 2019-08-17 17:30:58 · 91 阅读 · 0 评论 -
页面优化(1)(草稿)
1.优化方面:网络构建服务端浏览器渲染2.设计功能:资源合并与压缩关键点:减少http请求数 和 请求资源大小cs 和 bs:cs架构gui软件的开发和部署andriod:把代码打成apk包(发布一个apk包),用户下载并运行bs架构(web前端)代码发布到webserver/cdn 用户输入网址,浏览器发送http请求具体方法:(...原创 2019-08-08 12:12:32 · 2211 阅读 · 0 评论 -
三栏布局(草稿)
三栏布局 分两种:中间自适应,两边定宽1.左边 float:left 右边float:right 中间 margin 上下0 左右分别是 左边和右边 的宽中间 : min-width: 100px; /* 最小宽度,防止浏览器缩小后中间部分被隐藏 */2.左边右边绝对定位 top:0 left,right:0 中间 margin 上下0 左右分别是 左边和右...原创 2019-08-08 12:12:06 · 148 阅读 · 0 评论 -
给定一个元素,获取它对于视口的坐标
当 实际内容 比 视口大,求 一个元素 对视口的坐标 ,要考虑 滚动条1.clientHeight、clientWidthwidth + padding(内边距)2.offsetHeight、offsetWidthwidth + padding + border3.offsetTop、offsetLeft对于很多元素,这些值 是(相对文档的坐标)元素左上角(...原创 2019-08-04 16:45:24 · 542 阅读 · 0 评论 -
表单
阅读指南:form表单表单元素表单元素input的 type、属性html5新增的 3个表单元素 和 新增的 input 的 类型和属性html表单、表单元素:https://www.w3school.com.cn/html/html_forms.asphtml5新增 表单属性、输入类型:https://www.w3school.com.cn/html5/ht...原创 2019-08-05 09:24:54 · 123 阅读 · 0 评论 -
有关立即执行函数
立即执行函数 的由来:呵呵。执行符号 ()只有表达式 才能被 执行符号 执行function test(){console.log(1);}()这样不行 ,因为 这时候function test(){console.log(1);}是 函数声明var test = function (){console.log(1);}()...原创 2019-08-01 10:18:55 · 74 阅读 · 0 评论 -
BFC、浮动——8.5
BFC:块级格式化上下文BFC特性的元素 可看做是 独立的容器,里面元素的情况 不会 影响到外面。BFC 一些特性:下边距 不重叠、可以清除浮动、可以阻止元素 被覆盖触发BFC的 元素 仍然保持 流式特性,反映在布局上就是自动填满除去浮动内容以外的剩余空间。触发BFC的方法:body根元素float(除了 none)position(绝对、固定)overf...原创 2019-08-05 14:52:32 · 91 阅读 · 0 评论 -
用标准方法 封装拖拽事件
function drag(elem) { var disX, disY; elem.addEventListener(mousedown, function(e){ var event=e || window.event;//说明 事件是外部 传进来的 ??//获取到 事件 disX=event.clientX-parseIn...原创 2019-08-05 18:18:01 · 193 阅读 · 0 评论 -
正则
正则表达式:\ 转义符var reg= / XXX /var str=" xxx "reg.test( str ) 或者 str.match( reg )+ i 忽略大小写 + g 全局匹配 + ^ 以X开头 + m 多行匹配 + $ 放在后面,表示以XX为结尾var reg=/^a/gm;var s...原创 2019-08-06 08:31:39 · 186 阅读 · 0 评论 -
浏览器(草稿)
说一下http和https(1)http和https的基本概念https 的 ssl加密 是在 传输层。http:超文本 传输协议,目前广泛的 一种网络协议,是 服务端 和 客户端 请求应答 的一种标准,用于 从www服务器 传输 超文本 到本地浏览器 的协议,可以 使 浏览器 更加高效,网络传输 减少。https:在 http下 加入 ssl层,是 安全版的 http。(2...原创 2019-08-08 12:10:36 · 163 阅读 · 0 评论 -
页面两栏布局
一边整理一边记忆学习:https://blog.csdn.net/baidu_36065997/article/details/802793054种情况:一栏定宽 一栏自适应一栏不定宽 一栏自适应两栏等高左右宽度比 1:2,右边 分上下结构,高度比 1:1左侧定宽,右侧自适应方法一:设置 两个高度相同;左边 float:left,设置宽度a右边不设...2019-08-08 12:11:03 · 175 阅读 · 0 评论 -
vue 零碎集合
一个main.js(js文件):可以创建 Vue实例new Vue({})直接 就是 这么一行,不需要 var xxx = new Vue({});一个index.html (html文件):可以创建 Vue实例<div id="#app"></div><script>var xxx = new Vue({})</script&g...原创 2019-08-18 11:05:52 · 93 阅读 · 0 评论