7 Cacra

尚未进行身份认证

我要认证

编程路上在探索。

等级
TA的排名 4k+

export和export default的区别

1.export的使用1.直接输出export let words = 'hello world!!!' export function output() {   // ... }2.先定义再输出let firstWords = 'hello'let secondWords = 'world'let thirdWords = '!!!'function output() { // ...}export {firstWords, secondWords, third

2020-08-12 00:28:02

DOM和BOM中的宽高

主要看这几篇文章:https://cloud.tencent.com/developer/article/1534759https://www.cnblogs.com/kongxianghai/p/4192032.htmlhttps://blog.csdn.net/xiebaochun/article/details/38382169还可以参考:https://blog.csdn.net/fanfan_h/article/details/90632127https://www.cnblogs.c

2020-07-20 23:42:30

CSS中linear-gradient()

linear-gradient() 函数用于创建一个线性渐变的 “图像”。为了创建一个线性渐变,你需要设置一个起始点和一个方向(指定为一个角度)的渐变效果。你还要定义终止色。//语法background-image: linear-gradient(direction, color-stop1, color-stop2, ...);示例://不指定方向(以下实例演示了从头部开始的线性渐变,从红色开始,转为黄色,再到蓝色:)#grad { background-image: linear-g

2020-07-09 01:18:48

利用pading-bottom实现宽高比例自适应

可以参考:https://juejin.im/post/5b0784566fb9a07abd0e14ae#heading-0还可以参考:https://blog.csdn.net/TCF_JingFeng/article/details/80838903https://blog.csdn.net/weixin_44151357/article/details/102501571https://blog.csdn.net/weixin_30752377/article/details/9739833

2020-07-08 10:37:29

防抖和节流

之前代码:滑动右侧A-Z导航条handlerTouchMove(e) { if (this.touchStatus) { const touchY = e.touches[0].clientY - 79; const letterIndex = Math.floor((touchY - this.startY) / 20); if(letterIndex >= 0 && letterIndex < this.firstLett

2020-07-05 12:06:43

Vue中ref和:ref

前者代表字符串xxx,后者代表变量xxx。一个是动态一个是静态,就和:class和class、:style和style一样。(所以静态用ref,动态用:ref)

2020-07-05 08:37:35

Vue+element+Nodejs学习记录(8)

1.去掉a标签的下划线<a style="text-decoration:none></a>参考文章:https://jingyan.baidu.com/article/d5c4b52bfca27bda560dc5a8.html2.Vue中data对象和函数形式在一个普通的Vue app中,data是一个对象:new Vue( { data : { ...

2019-09-03 20:35:13

Vue+element+Nodejs学习记录(7)

1.element中Table表格的使用先看官网的一个示例:<template> <el-table :data="tableData" style="width: 100%"> <el-table-column label="日期" width="180"> <template slot...

2019-08-24 23:42:59

Vue+element+Nodejs学习记录(6)

1.axios拦截axios拦截就是axios的二次封装,这样便于权限管理和统一异常处理,全局拦截器可以根据接口错误码进行统一处理,而不需要再每一个接口内部进行控制,第二个好处就是,可以做全局的loading效果,如果不在全局做,你就要在每一个接口前显示loading,接口结束进行关闭,不便于代码维护,前端尽可能的去统一管理代码。参考文章:https://hooray.github.io/p...

2019-08-12 10:12:25

Vue+element+Nodejs学习记录(5)

1.Vue基础使用vue-cli 3.x创建项目npm install -g @vue/clivue create hello-world 或者 vue uicd 目录vue run serve参考文章:https://www.cnblogs.com/niwalala/p/9253746.htmlVue中使用element1.在项目根目录执行命令:npm i element-u...

2019-08-09 08:51:57

Vue+element+Nodejs学习记录(4)

1.nodejs中使用redisconst redis = require('redis')// 创建客户端const redisClient = redis.createClient(6379, '127.0.0.1')redisClient.on('error', err => { console.error(err)})// 测试redisClient.set...

2019-08-06 16:04:10

Vue+element+Nodejs学习记录(3)

1.常见的两种登陆方式参考文章:https://zhuanlan.zhihu.com/p/62336927登录就是用某种方法让服务器在多次请求之间能够识别出你,而不是每次发请求都得带上用户名密码这样的识别身份的信息。从登录成功到登出的这个过程,服务器一直维护了一个可以识别出用户信息的数据结构,广义上来说,这个过程就叫做session,也就是保持了一个会话。广义的session和狭义的ses...

2019-08-06 16:04:39

Vue+element+Nodejs学习记录(2)

1.异步回调和Promise使用我们先看一个异步数据读取的过程:const fs = require('fs')const path = require('path')//resolve可以通过拼接多个步骤的方式把文件名拼出来,__dirname是指当前目录const fullFileName = path.resolve(__dirname,'files','a.json')fs...

2019-07-31 16:00:58

Vue+element+Nodejs学习记录(1)

目前的打算是前端用Vue+element,后端用Nodejs的Express框架,实现一个展示页面和后台管理页面。打算记录学习过程。1.Nodejs介绍JS和Nodejs1、ES 定义了语法规则,JS和Nodejs必须遵守2、js js=ES+web API(DOM,BOM,事件绑定,ajax)3、node.js node.js=ES+nodejs ...

2019-08-14 21:54:17

box-sizing概述

box-sizing 是用于告诉浏览器如何计算一个元素是总宽度和总高度盒子的四个组成区域相对应,每个盒子有四个边界:内容边界 Content edge、内边距边界 Padding Edge、边框边界 Border Edge、外边框边界 Margin Edge。标准盒模型 box-sizing: content-boxcontent-box:width = content width;height = content heightIE盒模型 box-sizing: border-boxborde

2020-06-21 02:47:10

stylus中的&:before和&:after

表示当前层级下的元素的的伪元素&就是当前层级的引用,比如当前层级是.border-bottom,那么下面&:before中的&符号指的就是.border-bottomhttps://coding.imooc.com/learn/questiondetail/112968.htmlhttps://coding.imooc.com/learn/questiondetail/165426.htmlhttps://coding.imooc.com/learn/questiondet

2020-06-21 02:26:11

float和overflow

我们经常看到下面代码:.list overflow:hidden float:left原因是:由于浮动元素脱离了文档流,不占据父元素空间,所以父元素没有被撑开,因此可能造成元素塌陷,所以利用overflow:hidden的BFC属性清除浮动,撑开元素。详细了解bfc参考文章:https://coding.imooc.com/learn/questiondetail/162211.htmlhttps://www.imooc.com/article/12448这属于css的一个高级知识点B

2020-06-21 02:19:16

Vue2.5去哪儿实战课程(2)

4.深入理解Vue组件4.1使用组件的细节点4.2父子组件间的数据传递4.3组件参数校验与非props特性4.4给组件绑定原生事件4.5非父子组件间的传值4.6在Vue中使用插槽4.7作用域插槽4.8动态组件与v-once指令5.Vue中的动画特效5.1Vue动画-Vue中CSS动画原理5.2在Vue中使用animate.css库5.3在Vue中同时使用过渡和动画5.4V...

2019-05-27 21:38:01

Git和SVN工作流

git :并发修改,并发提交,历史轨迹,分布式svn:并发修改,并发提交,历史轨迹,集中式1.Git觉得下面图很形象就做了个笔记:本地工作区workspace,本地仓库repository,远程仓库remote从远程仓库下载到本地仓库,从本地仓库checkout(检出)至工作区进行编码,新建文件编码——添加add——提交commit到本地仓库——推送push到远程仓库,每天从远程仓库pull代码到工作区。如何理解git check?checkout的意思,是检出。我们一般的理解是使用这个命

2020-06-12 04:37:08

CSS中2D、3D和动画(transition补间动画、keyframe关键帧动画和逐帧动画)简介

1

2020-06-11 20:38:40

查看更多

勋章 我的勋章
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。