2 打野蔡文姬

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 42w+

OOCSS、AMCSS、SMACSS、Atomic CSS等CSS了解

OOCSS(Object Oriented CSS)面向对象的CSS核心就是用最简单的方式编写最整洁,最于净的CSS代码,从而使代码更具重用性,可维护性和可扩展性。简单来说就是建立一个可复用的CSS组件库,使得全局可以复用相同格式的CSS代码。OOCSS的两个原则:1、独立的结构和样式。本身的结构样式和外观样式分开,eg header bg2、独立的容器和内容。使容器内的内容样式,独立与容器进行设定,使其在任何位置都具有相同样式使用OOCSS需要具备的条件:· 创建一个组件库· 独立的容器

2020-06-03 20:02:24

js改变this指向的方法

改变函数内部的this指向的三种方法:call(),apply(),bind()1、call()改变this指向语法: 函数.call(this, arg1, arg2, arg3, arg4)第一个参数用来指定函数内部的this指向,后面的参数是函数执行时所需的实参。window.color = 'red';document.color = 'yellow'; var s1 = ...

2020-04-10 16:40:19

循环setTimeout与立即执行函数问题

(1)循环setTimeoutfor(var i=0;i<6;i++){ setTimeout(function(){ console.log(i) },i*1000)}执行结果总结:settimeout的i值,是一个全局变量i(可以跨块级作用域,for是块级作用域),每次循环这个值都会改变,指向的是最外层也就是全局的i值,当1秒后打印的时候,i的值已经变成了9,...

2020-04-10 16:04:42

Vue笔记(1)

指令模板vue.js文档v-block:解决闪动问题v-text:插值v-html:html插入v-model:双向数据绑定<style> [v-clock]{ display:none; }</style><body><div id="app" v-clock> <span...

2020-04-01 10:51:21

前端面试笔试复习(5)

纯CSS画一个三角形.div{ height:0; width:0; border:100px solid transparent;//其他三部分透明 border-top-color:red;//上面部分红色}

2020-04-01 10:51:05

Vue电商项目---环境搭建+登录(1)

1.电商业务概述客户使用的业务服务:PC端,小程序,移动web,移动app管理员使用的业务服务:PC后台管理端。PC后台管理端的功能:管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA(单页应用程序)项目前端技术栈:Vue,Vue-Router,Element-UI...

2020-03-27 17:13:36

Element-UI安装和使用

官方网址:https://element.eleme.cn/#/zh-CN

2020-03-27 12:09:15

Vue脚手架安装和基本使用

Vue脚手架用于快速生成Vue项目基础架构1、全局安装vue-cli脚手架1.命令行执行 npm install -g @vue/cli //加-g是安装到全局问题:在验证vue-cli是否安装成功时,命令行执行:vue -V后提示:‘vue’不是内部或外部命令,也不是可运行的程序**解决方法:**1.在我的电脑中搜索“vue.cmd”,找到它的路径(everything软件搜索)2....

2020-03-26 22:20:52

webpack配置和安装

按照上面安装包,但是运行报错:Cannot find module ‘less’所以终端重新运行npm install less --save-dev再run就可以了

2020-03-26 15:37:24

前端面试笔试复习(4)

DOM 总结25、DOM 事件模型是什么?冒泡和捕获如果这个元素是被点击的元素,那么捕获不一定在冒泡之前,顺序是由监听顺序决定的。26、事件委托是什么,有什么好处?事件委托就是利用冒泡原理,将事件绑定到节点的父级节点上,从而触发事件中代码的效果。事件委托的好处:1)提高js性能;2)后续添加的元素同样能触发事件;代码: var ul = document.querySele...

2020-03-08 18:28:43

前端面试笔试复习(3)

JS 复习:12、JS 有哪些数据类型七种数据类型:number、string、boolean、object、null、undefined、symbolobj 包括了数组、函数、正则、日期等对象。113、Promise 怎么使用?Promise 是用于处理异步操作的,异步处理成功了就执行成功的操作,异步处理失败了就捕获错误或者停止后续操作。之所以有Promise 出现,是因为虽然异步(...

2020-03-08 17:26:24

前端面试笔试复习(2)

CSS复习1.盒模型本文章将会从以下几个方面谈盒模型。基本概念:标准模型 和IE模型CSS如何设置这两种模型JS如何设置获取盒模型对应的宽和高实例题(根据盒模型解释边距重叠)BFC(边距重叠解决方案)1、基本概念盒模型是有两种标准的,一个是标准模型,一个是IE模型。从上面两图不难看出在标准模型中,盒模型的宽高只是内容(content)的宽高,而在IE模型中盒模型的宽高...

2020-03-07 16:17:16

前端面试笔试复习(1)

复习归纳用,仅供参考HTML复习:1、H5新增了哪些语义化标签,说出所有你所知道的?如何理解 HTML 语义化?**① 什么是HTML语义化?基本上都是围绕着几个主要的标签,像标题(H1~H6)、列表(li)、强调(strong em)等等答:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。② 为什么...

2020-03-05 16:16:17
勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。