写着玩没有多大价值
关注
分享
扫一扫
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 · 312 阅读 · 0 评论 -
面试（网上）—— 前端工程化（草稿）
1.webpack 与 gulp 区别Gulp 就是为了规范前端开发流程，实现前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等功能的一个前端自动化构建工具。Gulp 像是流水线，产品生产的 整个过程 都要受到 流水线控制。Gulp是通过task对整个开发过程进行构建。webpack 是对 前端资源模块化管理和打包 的工具，通过 loader，可以将 任何资源js、c...原创 2019-08-08 12:13:38 · 394 阅读 · 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 · 227 阅读 · 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 · 1513 阅读 · 0 评论 -
innerHTML\innerText
document.write 和 innerHTML ：document.write 重绘 整个页面，innerHTML 重绘页面的一部分。为什么 js中 不推荐使用 innerHTML？因为 innerHTML 每次修改内容 都会刷新，慢。（ 不明白 这个“慢”是指要刷新，所以 更新数据慢吗？）<!DOCTYPE html><html lang="en"&...原创 2019-08-13 17:29:20 · 283 阅读 · 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 · 199 阅读 · 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 · 123 阅读 · 0 评论 -
页面优化（1）（草稿）
1.优化方面：网络构建服务端浏览器渲染2.设计功能：资源合并与压缩关键点：减少http请求数 和 请求资源大小cs 和 bs：cs架构gui软件的开发和部署andriod：把代码打成apk包（发布一个apk包），用户下载并运行bs架构（web前端）代码发布到webserver/cdn 用户输入网址，浏览器发送http请求具体方法：（...原创 2019-08-08 12:12:32 · 2264 阅读 · 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 · 178 阅读 · 0 评论 -
给定一个元素，获取它对于视口的坐标
当 实际内容 比 视口大，求 一个元素 对视口的坐标 ，要考虑 滚动条1.clientHeight、clientWidthwidth + padding（内边距）2.offsetHeight、offsetWidthwidth + padding + border3.offsetTop、offsetLeft对于很多元素，这些值 是（相对文档的坐标）元素左上角（...原创 2019-08-04 16:45:24 · 637 阅读 · 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 · 147 阅读 · 0 评论 -
有关立即执行函数
立即执行函数 的由来：呵呵。执行符号 ()只有表达式 才能被 执行符号 执行function test(){console.log(1);}()这样不行 ，因为 这时候function test(){console.log(1);}是 函数声明var test = function (){console.log(1);}()...原创 2019-08-01 10:18:55 · 99 阅读 · 0 评论 -
BFC、浮动——8.5
BFC:块级格式化上下文BFC特性的元素 可看做是 独立的容器，里面元素的情况 不会 影响到外面。BFC 一些特性：下边距 不重叠、可以清除浮动、可以阻止元素 被覆盖触发BFC的 元素 仍然保持 流式特性，反映在布局上就是自动填满除去浮动内容以外的剩余空间。触发BFC的方法：body根元素float（除了 none）position（绝对、固定）overf...原创 2019-08-05 14:52:32 · 116 阅读 · 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 · 243 阅读 · 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 · 215 阅读 · 0 评论 -
浏览器（草稿）
说一下http和https(1)http和https的基本概念https 的 ssl加密 是在 传输层。http：超文本 传输协议，目前广泛的 一种网络协议，是 服务端 和 客户端 请求应答 的一种标准，用于 从www服务器 传输 超文本 到本地浏览器 的协议，可以 使 浏览器 更加高效，网络传输 减少。https：在 http下 加入 ssl层，是 安全版的 http。(2...原创 2019-08-08 12:10:36 · 200 阅读 · 0 评论 -
页面两栏布局
一边整理一边记忆学习：https://blog.youkuaiyun.com/baidu_36065997/article/details/802793054种情况：一栏定宽 一栏自适应一栏不定宽 一栏自适应两栏等高左右宽度比 1:2，右边 分上下结构，高度比 1:1左侧定宽，右侧自适应方法一：设置 两个高度相同；左边 float：left，设置宽度a右边不设...2019-08-08 12:11:03 · 202 阅读 · 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 · 118 阅读 · 0 评论