自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

砖业洋__

记点博客,防老年痴呆

原创 《快速搞定前端技术一面——匹配大厂面试要求》学习目录

学习更新中......................................... 既然是面试学习,就不会每个简单的知识点都深入,比如讲变量,讲dom操作,这些东西肯定不如红本的javascript高级程序设计的书讲的具体,知识脉络梳理出来,面试重点带出来,具体的可以自行搜索或者查阅文...

2020-01-31 17:10:59 4573 9

原创 数据库MySQL详解

记录一下讲义笔记: 目录 第1章 数据库 1.1数据库概述 1.2数据库表 1.3表数据 第2章MySql数据库 2.1MySql安装 2.2登录MySQL数据库 2.3SQLyog(MySQL图形化开发工具) 第3章SQL语句 3.1SQL语句 3.2SQL通用语法 3...

2018-07-24 20:03:47 22951 10

原创 第8章 JS 异步进阶【想要进大厂,更多异步的问题等着你】
原力计划

1.问答题 ①请描述event loop(事件循环/事件轮询)的机制,可画图 因为js是单线程运行的,所以异步要基于回调来实现,而event loop就是异步回调的实现原理 JS先把同步代码执行完再去执行异步代码,如果某一行执行报错,则停止下面代码的执行。 通过例子来讲event loop...

2020-07-05 17:12:01 151 0

原创 这次把 javascript 闭包给你讲的明明白白
原力计划

目录 引入(闭包和块作用域) 理解闭包: 常见的闭包: 闭包的作用: 闭包的生命周期: 利用闭包的实际例子(返回价格的区间元素) 移动动画的抖动和加速(闭包应用,动画演示) 根据闭包进行传入字段排序(通用排序) 闭包内存泄漏的解决方法 闭包导致的this遗留问题(教你判断thi...

2020-06-26 14:48:35 1133 3

原创 记录ES6作用域的坑

摆事实讲道理 例子1 function a(b) { console.log(b); var b = 10; function b(){}; } a(30); 实际上上面这段代码是这么执行的,请看下面代码的注释 function a(b) { //...

2020-06-20 13:00:42 55 0

原创 点击按钮背景变灰色,松开恢复原来色

点赞再看,养成好习惯~~~~ demo有的页面有100多个列表项,需要点击列表项的时候背景变灰色,松开后背景恢复原来色,这个样式加上才让人更清楚地看到是点击的哪一个按钮,视觉友好。 最初的时候我是想用js逻辑去修改样式,如果点击了,那么就改为灰色,松开后,再改为白色。结果demo有100多个...

2020-06-09 09:57:33 188 0

原创 js除了立即执行函数,你还可以这么玩 (预计阅读 1 min)

假如在同一个目录下,两个js里面可能有同名函数,后面js里定义的函数会覆盖前面js定义的函数,为了避免冲突,要用模块化的思想解决问题,大家可能都会使用立即执行函数去解决。 如下简单例子: test.html <!DOCTYPE html> <html lang=&quo...

2020-05-29 17:46:41 96 0

原创 box-sizing——移动Web开发者不得不知的属性

大忙人可以直接看结论 关于box-sizing的值 box-sizing: content-box 盒模型宽/高 = width/height + padding + border box-sizing: border-box 盒模型宽/高 = width/height ...

2020-05-01 20:51:03 86 0

原创 图文并茂让你必须弄懂 viewport
原力计划

PC端不需要关注viewport,只有移动端才需要关注视口的概念。 移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域,但viewport又不局限于浏览器可视区域的大小,它可能比浏...

2020-05-01 16:26:17 148 0

原创 图文并茂带你弄懂物理分辨率、分辨率、物理像素、逻辑像素、dpr、ppi
原力计划

什么是分辨率 我们把一个个像素点当成小格子,那么下图的分辨率就是4 * 2的分辨率,代表纵向有4个像素点,横向2个像素点 我们经常所说的分辨率1024*768就是纵向有1024个像素点,横向有768个像素点 很明显,显示相同尺寸的屏幕,肯定是点越多,显示的越精细,效果越好。 那图中这些...

2020-04-16 21:58:59 271 0

原创 你觉得应该如何把伪数组转换为数组?

目录 什么是伪数组? ES5中伪数组转换成数组 ES6中伪数组转换成数组 Array.from语法 什么是伪数组? 伪数组对象是按照索引方式存储数据的,它具备length属性,就像下面这样 { 0: 'a', 1: 'b'...

2020-04-15 21:24:41 74 0

原创 带你领略JavaScript数组遍历你压根没想过的惊艳操作
原力计划

入门级通用for循环 // 最普通最简单的for循环 const arr = [1,2,3,4,5] for(let i = 0; i < arr.length; ++i){ console.log(arr[i]); } forEach(ES5新增) //forEach循...

2020-04-15 20:42:50 265 0

原创 Vue中的表单绑定(全 gif 演示)
原力计划

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vi...

2020-03-22 15:52:44 215 2

原创 Vue中的事件绑定和修饰符
原力计划

@click的方法只写了方法名没括号? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta nam...

2020-03-21 18:23:08 147 0

原创 2020前端面试题含解析汇总——基础篇(五)

您的关注收藏是我持续更新总结的动力! 欢迎各位大佬不吝才华补充更全面的解析供大家参考~ 2020前端面试题含解析汇总——基础篇(一) 2020前端面试题含解析汇总——基础篇(二) 2020前端面试题含解析汇总——基础篇(三) 2020前端面试题含解析汇总——基础篇(四) 2020前端...

2020-03-08 20:34:50 835 0

原创 2020前端面试题含解析汇总——基础篇(四)

您的关注收藏是我持续更新总结的动力! 欢迎各位大佬不吝才华补充更全面的解析供大家参考~ 2020前端面试题含解析汇总——基础篇(一) 2020前端面试题含解析汇总——基础篇(二) 2020前端面试题含解析汇总——基础篇(三) 2020前端面试题含解析汇总——基础篇(四) 2020前端...

2020-03-08 19:15:27 867 0

原创 2020前端面试题含解析汇总——基础篇(三)

您的关注收藏是我持续更新总结的动力! 2020前端面试题汇总——基础篇(一) 2020前端面试题汇总——基础篇(二) 2020前端面试题汇总——基础篇(三) 2020前端面试题汇总——基础篇(四) 2020前端面试题汇总——基础篇(五) ...

2020-03-08 12:54:17 1376 2

原创 2020前端面试题含解析汇总——基础篇(二)
原力计划

您的关注收藏是我持续更新总结的动力! 2020前端面试题汇总——基础篇(一) 2020前端面试题汇总——基础篇(二) 2020前端面试题汇总——基础篇(三) 2020前端面试题汇总——基础篇(四) 2020前端面试题汇总——基础篇(五) ...

2020-03-07 21:23:09 2026 4

原创 2020前端面试题含解析汇总——基础篇(一)

您的关注收藏是我持续更新总结的动力! 2020前端面试题汇总——基础篇(一) 2020前端面试题汇总——基础篇(二) 2020前端面试题汇总——基础篇(三) 2020前端面试题汇总——基础篇(四) 2020前端面试题汇总——基础篇(五) 次回----CSS部分 关注、留言,...

2020-03-07 20:41:47 4443 1

原创 解决webpack打包静态资源(样式)无法添加厂商前缀-webkit -moz -ms -o的问题

可以设置以下browserlist,现在webpack默认你的项目支持高版本浏览器,你给支持的浏览器版本设置低一点,就出来前缀了 我们在package.json里面加上如下内容重新打包运行就可以出来 "name":"lcy", "de...

2020-02-23 11:52:48 2285 0

原创 Vue动态组件、v-if+v-once、v-show的区分使用

当我们想做出一个toggle的效果,比如点击一下显示文字1,再点击显示文字2,再点击显示文字1....这样交替进行的时候,大家是怎么做的呢? ...

2020-02-20 12:41:32 287 0

原创 Vue作用域插槽(vue2.5淘汰语法和vue3.0支持的语法对比)

目录 不用作用域插槽的情况 用作用域插槽解决上面问题(Vue2.5旧语法,Vue3.0不再包含) 用作用域插槽解决上面问题(Vue2.6+新语法,Vue3.0支持) 前篇:Vue中的插槽和具名插槽(vue 2.5已淘汰的语法和vue3.0支持语法对比) 有了插槽和具名插槽的基础之后,...

2020-02-16 20:37:02 388 0

原创 Vue中的插槽和具名插槽(vue 2.5已淘汰的语法和vue3.0支持语法对比)

目录 不用插槽slot的我们应该怎么做 vue的插槽slot基本用法了解 具名插槽 没有具名插槽抛出的问题 具名插槽vue 2.5语法展示(已被官方废弃且不会出现在Vue 3中) 具名插槽vue 2.6+语法展示(Vue 3支持) 首先来看看插槽的使用场景 不用插槽slot的我们应...

2020-02-16 16:27:17 436 0

原创 Vue非父子组件之间的传值

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>非父子组件间的传值...

2020-02-15 20:40:55 190 0

原创 Vue中的set、delete方法在列表渲染中的使用

不知大家是否有过类似的经历,比如说渲染list中的数据,渲染完成后,给list添加数据后却没有在页面中渲染出来

2020-02-15 12:52:51 1471 0

原创 将原生事件绑定到组件

官方的例子是晦涩难懂的,除非已经完全理解了,在这里给大家只用通俗易懂的3个例子解释这个问题 第一个例子 <!DOCTYPE html> <html lang="en"> <head> <meta chars...

2020-02-14 17:07:20 117 0

原创 props接收父组件传属性的冒号“:”引发的系列思考

目录 开门见山的结论 有冒号无变量的例子 有冒号传数字的例子 没冒号传数字的例子 开门见山的结论 因为只要你在父组件绑定(v-bind:简写为冒号:),那么就认为是变量的引用或者数字,如果不写冒号,就认为是字符串 这一句话就解释了所有问题,记住它,你基本能解决掉所有问题。 ...

2020-02-14 15:21:07 218 0

原创 Vue 组件你不知道的一个细节

在h5的table中,比如我们想要<table>中有<tbody>,<tbody>中有<tr>.... 这不是一个动态组件可以解决的问题

2020-02-13 15:10:32 112 0

原创 mac解决最新vue-tools的npm run build一直失败问题!最新!mac!不坑你!

转载请注明~ 网上的教程全都是windows,旧版的,一个能用的都没有,我去https://github.com/vuejs/vue-devtools克隆下来但是按照网上的教程一直失败,失败如下图 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ER...

2020-02-11 17:15:16 6345 46

原创 第16章 页面加载渲染和性能优化【这些会了,你就可以飞了】

返回章节目录 目录 1.页面加载和渲染过程 页面加载过程 渲染过程(1) 渲染过程(2) 构建DOM树 构建CSSOM树 运行JavaScript 创建Render树 生成布局 绘制(Painting) 把它们结合起来 window.onload和DOMContentLo...

2020-02-10 11:59:26 287 0

原创 第15章 git和webpack常用开发环境【不会这些,你就会被认定是菜鸟小白,没做过项目】

返回章节目录 目录 1.关于开发环境 2.git介绍 3.关于chrome调试和抓包 4.关于电脑调试手机网页 5.webpack-搭建环境 6.webpack-babel(ES6的东西转换成ES5) 7.webpack-ES6-Module(ES6的模块化) 单个导出 一起导...

2020-02-06 18:22:02 2535 0

原创 内外立方体旋转样式

样式效果: 为了方便,没有把css和html分开,代码如下,欢迎白嫖 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf...

2020-02-05 11:48:31 4701 7

原创 第13章 JS-Web-API-存储【内容虽然不多,但不可不会】

返回章节目录 目录 1.cookie cookie的特点 代码演示 cookie的缺点 2.html5存储 localStorage和sessionStorage特点 代码演示 1.cookie cookie的特点 1.本身用于浏览器和server通讯 2是http请求...

2020-02-03 21:36:05 247 2

原创 第12章 JS-Web-API-Ajax【每个工程师必须熟练掌握的技能】

返回章节目录 目录 1.XMLHttpRequest get请求 流程和api说明 post请求 2.同源策略和跨域 同源策略 可以不遵守同源策略的情况 跨域 3.jsonp和cors 引出问题 jsonp的基本实现原理 你真的了解jsonp的请求过程吗(例子均为gif演...

2020-02-03 14:44:38 1510 3

原创 第11章 JS-Web-API-事件【事件不会,基本等于半残废,必考!必考!】

返回章节目录 目录 1.事件绑定和事件冒泡 事件绑定 事件冒泡 2.事件代理 1.事件绑定和事件冒泡 事件绑定 event.html <!DOCTYPE html> <html lang="en"> <head>...

2020-02-01 16:03:41 400 2

原创 第10章 JS-Web-API-BOM【内容虽然不多,但是你不能不会】

返回章节目录 目录 navigator和screen location和history 总结: 如何识别浏览器类型? 如何拆解url各个部分? navigator和screen navigator navigator.userAgent就是获取浏览器的类型,这个属性有什么...

2020-01-31 19:15:19 312 2

原创 第9章 JS-Web-API-DOM【学会DOM,才能具备网页开发的基础】

返回章节目录 目录 1.从JS基础到JS-Web-API 2.DOM的本质 3.DOM节点操作 获取DOM节点 用JS操作DOM节点的property、attribute 4.DOM结构操作 新增节点 移动节点 获取子元素列表 删除元素 5.DOM性能 对DOM查询做缓存...

2020-01-31 13:36:54 327 2

原创 第7章 JS基础-异步【三座大山之三,必考!!!】

返回章节目录 目录 1.同步和异步的区别 单线程和异步 为什么需要异步 2.应用场景 3.promise 4.练习题 1.手写用promise加载一张图片 2.setTimeout笔试题 1.同步和异步的区别 单线程和异步 1.JS是单线程语言,只能同时做一件事 2....

2020-01-30 19:11:11 332 2

原创 第6章 JS基础-作用域和闭包【三座大山之二,不会闭包,基本不会通过】

返回章节目录 目录 1.作用域和自由变量 作用域 自由变量 2.闭包 3.this 4.练习题 1.手写bind函数 2.做一个简单的cache工具 3.创建10个标签,点击的时候弹出对应的序号 1.作用域和自由变量 作用域 一共4个红框,分别代表了a,a1,a2,a...

2020-01-29 17:42:08 391 2

原创 第5章 JS基础-原型和原型链【三座大山之一,必考!!!】

返回章节目录 目录 1.class和继承 class 继承 类型判断-instanceof 2.原型 原型关系 基于原型的执行规则 3.原型链和instanceof 原型链 再看instanceof 4.练习题 1.如何判断准确判断一个变量是不是数组? 2.clas...

2020-01-28 17:05:53 388 2

提示
确定要删除当前文章?
取消 删除