- 博客(15)
- 收藏
- 关注
原创 nuxt通过外部组件(页脚)跳转页面----切换tab页面
1、 <div v-for="i in item" @click="onRoutePush(i)">{{ i.label }}</div>传入整个i,有可能是多种值const footer=[{label: '观察', value: 'resources', children: [ { label: '报告', value: 'resources', type: 'insight' }, { label: '资讯', value: '
2020-06-17 16:10:39 1080 1
原创 Nuxtjs中不同组件之间响应Dialog
1、新建event-bus.ts文件import Vue from 'vue'Vue.prototype.$bus = new Vue();可以全局使用2、nuxt.config.js中添加eventbus变量可以通过root全局使用 plugins: ['~/plugins/swiper.ts', '~/plugins/element-ui.ts', '~/plugins/event-bus.ts'], //因为event-bus文件在plugins的文件夹中3、需要传递值的文件
2020-06-17 11:17:28 567
原创 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 305
原创 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 136
原创 循环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 1113
原创 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 312
原创 前端面试笔试复习(5)
纯CSS画一个三角形.div{ height:0; width:0; border:100px solid transparent;//其他三部分透明 border-top-color:red;//上面部分红色}
2020-04-01 10:51:05 138
原创 Vue电商项目---环境搭建+登录(1)
1.电商业务概述客户使用的业务服务:PC端,小程序,移动web,移动app管理员使用的业务服务:PC后台管理端。PC后台管理端的功能:管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA(单页应用程序)项目前端技术栈:Vue,Vue-Router,Element-UI...
2020-03-27 17:13:36 542
原创 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 146
原创 webpack配置和安装
按照上面安装包,但是运行报错:Cannot find module ‘less’所以终端重新运行npm install less --save-dev再run就可以了
2020-03-26 15:37:24 90
原创 前端面试笔试复习(4)
DOM 总结25、DOM 事件模型是什么?冒泡和捕获如果这个元素是被点击的元素,那么捕获不一定在冒泡之前,顺序是由监听顺序决定的。26、事件委托是什么,有什么好处?事件委托就是利用冒泡原理,将事件绑定到节点的父级节点上,从而触发事件中代码的效果。事件委托的好处:1)提高js性能;2)后续添加的元素同样能触发事件;代码: var ul = document.querySele...
2020-03-08 18:28:43 344
原创 前端面试笔试复习(3)
JS 复习:12、JS 有哪些数据类型七种数据类型:number、string、boolean、object、null、undefined、symbolobj 包括了数组、函数、正则、日期等对象。113、Promise 怎么使用?Promise 是用于处理异步操作的,异步处理成功了就执行成功的操作,异步处理失败了就捕获错误或者停止后续操作。之所以有Promise 出现,是因为虽然异步(...
2020-03-08 17:26:24 239
原创 前端面试笔试复习(2)
CSS复习1.盒模型本文章将会从以下几个方面谈盒模型。基本概念:标准模型 和IE模型CSS如何设置这两种模型JS如何设置获取盒模型对应的宽和高实例题(根据盒模型解释边距重叠)BFC(边距重叠解决方案)1、基本概念盒模型是有两种标准的,一个是标准模型,一个是IE模型。从上面两图不难看出在标准模型中,盒模型的宽高只是内容(content)的宽高,而在IE模型中盒模型的宽高...
2020-03-07 16:17:16 789
原创 前端面试笔试复习(1)
复习归纳用,仅供参考HTML复习:1、H5新增了哪些语义化标签,说出所有你所知道的?如何理解 HTML 语义化?**① 什么是HTML语义化?基本上都是围绕着几个主要的标签,像标题(H1~H6)、列表(li)、强调(strong em)等等答:根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。② 为什么...
2020-03-05 16:16:17 287
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人