代码天地

Vue组件中name的三大作用

一直不太清楚写vue项目的时候遇到给组件命名name值是干嘛用的，一直以为没啥用，直到今天接触到了与name属性相关的些东西才感觉它的用处挺多的。作用一：递归组件一个组件要用自己的时候，可以通过自己的名字来使用自己。list.vue <div> <div class="item" v-for="(item, index) in list" :key="index"> <div class="item-title border-bottom">

分类: 其他发布时间: 01-28 23:32 阅读次数: 0

Vue实例的生命周期钩子

最近在学习Vue，接触到了Vue的生命周期钩子，看了视频也百度了一些相关的，在这做一下笔记吧~生命周期函数就是vue实例在某一个时间点会自动执行的函数文章目录涉及到的生命周期钩子结合代码去理解钩子函数涉及到的生命周期钩子放上官方的生命周期图：图上涉及到的生命周期钩子有8个生命周期钩子触发的行为在这阶段可操作的例子beforeCreatevue实例的挂载元素$el和数据data都为undefined，还未初始化。可在这加个loading事件createdvue实

分类: 其他发布时间: 01-28 23:32 阅读次数: 0

VSCode开发中常用的插件（比较全面）

前一阵跟着老师的课程学了微信小程序和Vue项目，学习过程中老师介绍了一些开发中常用的一些插件，有了这些插件，我们便可以开始高效地撸代码了，在这里记录下，以后发现其他好用插件也会持续更新…微信小程序常用插件：minapp支持微信小程序标签、属性的智能补全，并且提示中包含文档内容（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）。wechat-snippet这个插件主要的功能就是代码辅助，代码片段自动完成，可以作为上个插件的补充。wxml这款插件用于将wxml

分类: 其他发布时间: 01-28 23:31 阅读次数: 0

js中return、return false、return true的用法及区别

return 语句会终止函数的执行并返回函数的值。语法：return 表达式如果忽略，即 return; 则返回 undefined下面的 return 语句都会终止函数的执行：return;return true;return false;return x;return x + y / 3;先看下面的例子：<!DOCTYPE html><html><head> <title>return测试</title>&

分类: 其他发布时间: 01-28 23:31 阅读次数: 0

Vue中常用的几种传值方式

1. 父传子父传子的实现方式就是通过props属性，子组件通过props属性接收从父组件传过来的值，而父组件传值的时候使用 v-bind 将子组件中预留的变量名绑定为data里面的数据即可。父组件代码：<template> <div id="container"> <input type="text" v-model="text" @change="dataChange"> <Child :msg="text">.

分类: 其他发布时间: 01-28 23:31 阅读次数: 0

浅析this在ES5 和 ES6中使用的区别

this在ES5中默认指向window对象，在ES6的vue中默认指向Vue实例，基本没什么区别，都是指向最顶层的对象。ES5全局环境下，this 始终指向全局对象（window）console.log(this.document=== document); // true// 在浏览器中，全局对象为 window 对象：console.log(this === window); // truethis.name = 'zhangsan';console.log(window.name); //

分类: 其他发布时间: 01-28 23:30 阅读次数: 0

vue常见面试题总结（经常会被问到的问题）

可参考，讲的很全面：https://blog.csdn.net/qq_37774171/article/details/87093678https://blog.csdn.net/liang377122210/article/details/71545459https://segmentfault.com/a/1190000015560315jQuery和Vue的区别1. Vue.js是什么？Vue.js是一套构建用户界面渐进式前端框架（用到哪一块就用哪一块，不需要全部用上），Vue 的核心库

分类: 其他发布时间: 01-28 23:30 阅读次数: 0

html+css 面试题总结附答案

行内元素有哪些? 块级元素有哪些?块级元素：div p h1 ul li form table行内元素: a b br i span input select laber strong em img举５个以上的 HTML5 input 元素 type 属性值text password button submit reset checkout radio我们经常用到的语义化标签以及HTML5新增的语义化标签有哪些？h1-h6 标题内容p 段落ul 无序ol 有序dl

分类: 其他发布时间: 01-28 23:30 阅读次数: 0

初级前端面试题总结（html, css, js, ajax，http）

1. 什么是盒子模型？把所有的网页元素都看成一个盒子，它具有：content，padding，border，margin四个属性，这就是盒子模型。2. CSS实现垂直水平居中（列举一种）方法1：使用position:absolute与transform配合实现如果不确定子元素高度，可以不使用margin-top，使用transform:translate(-50%,-50%)方法2.：弹性布局（flex）设置父元素的display的值为flex，然后设置align-items: cent

分类: 其他发布时间: 01-28 23:30 阅读次数: 0

js基础面试题整理(包含ES5，ES6)

同步：同步方法表明调用一旦开始，调用者必须等待方法执行完成，才能继续执行后续方法。JavaScript的同步：如果在函数返回结果的时候，调用者能够拿到预期的结果(就是函数计算的结果)，那么这个函数就是同步的.异步：方法一旦开始，立即返回，调用者无需等待其中方法执行完成，就可以继续执行后续方法。JavaScript的异步：如果在函数返回的时候，调用者还不能购得到预期结果，而是将来通过一定的手段得到（例如回调函数），这就是异步（例如ajax操作）。

分类: 其他发布时间: 01-28 23:30 阅读次数: 0

如何把一个伪数组转化成真正的数组？

这是最近的一个面试题，一开始看到他的时候觉得很懵，因为我还没见过他的概念，更谈不上用过了，回来立马百度了下，在这做一个总结。一. 什么是真数组（数组）所谓真数组，其实可以直接称为：数组。当一个对象具有以下特点时，可以称为数组：可以按照索引的方式，存储多个数组；具有length属性，表示数组内数据的长度（个数）；对象的原型属性__proto__，指向Array类，且可以使用Array的原型对象prototype身上的属性和方法，如：push，pop等。自己在f12里试着写了一下如图：二、什

分类: 其他发布时间: 01-28 23:29 阅读次数: 0

超详细git clone一个项目的方法

1.首先新建一个存项目的文件夹比如说，我有一个名为travel的文件夹，将我之后clone下来的文件夹都放到这个文件夹下，那么我需要在vscode里先打开这个文件夹，接着打开vscode里的终端，我们接下来就在这里面输入命令行。2.如果你尚未设置git的用户名和登录邮箱，就需要先设置一下，才能clone下来项目或者进行提交文件等3. 配置好了之后，找到你想要clone下来的项目地址，直接复制地址，然后在终端输入git clone xxx某网址就可以了4. clone 操作完成后，会发现当前目录

分类: 其他发布时间: 01-28 23:29 阅读次数: 0

git创建分支推送到远程分支及回滚代码到指定版本

新建一个本地分支（这里我是作为防止后期需求更改新建的）：必须先选择进pre-master分支，才能在他的基础上新建另一个分支$ git checkout -b dbg_lichen_star(新建分支名字）输入ls命令查看这个分支下的目录文件查看一下现在本地的分支状态:$ git branch* dbg_lichen_star master release把新建的本地分支push到远程服务器，远程分支与本地分支同名（当然可以随意起名）：$ git push origin dbg_

分类: 其他发布时间: 01-28 23:29 阅读次数: 0

实例演示CSS里用calc()动态计算

一、前言最近的一个需求，如下图注册人数这里数据会少，后面三个数据会多，也就是会比较长，所以第一个也就是注册人数所给的宽度和其他三个是不同的二、思路第一个小div也就是注册人数 width: 20%;前三个小div都有一个右间距，最后一个不加，间距为margin-right: 8px，有三个间距，所以间距综合：24px;总宽度为100%，减去间距 ((100% - 20%) -24px) / 3三、具体步骤1、html<div class="num">