自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 收藏
  • 关注

原创 “霸道黑客改了我的大纲”,嫌作者写得太烂,粉丝盗号写两万字新剧情

10月31日,起点中文网一位作者的停更公告在社交媒体意外走红。据作者讲述,因自己的小说剧情“写得太烂”,账号被黑客粉丝盗取,这名黑客不仅交代了盗号原因,还替作者修改小说大纲,编写了2万字的新剧情......“写得太烂,对不起我的打赏”据悉是因为作者最近更新太少,而且这位黑客大佬吐槽作者最近写的文章质量太烂,对不起自己的打赏订阅,所以潜伏进读者群把号给盗了。登录小说后台后,黑客改了章节,修补了一些不合理剧情,还重新整理了大纲。这位黑客大佬留言表示:“最近不知道(你)在写什么,感觉对不起我的打

2021-11-04 08:38:05 220

原创 git常用命令

Git是一个很强大的分布式版本控制系统。它不但适用于管理大型开源软件的源代码,管理私人的文档和源代码也有很多优势。Git常用操作命令:1)远程仓库相关命令检出仓库:$ git clone git://github.com/jquery/jquery.git查看远程仓库:$ git remote -v添加远程仓库:$ git remote add [name] [url]删除远程仓库:$ git remote rm [name]修改远程仓库:$ git remote set..

2021-11-03 17:34:31 142

原创 移动端知识点

最近又做到了移动端,怕自己忘记移动端的知识点,所以选用博客记载下,方便自己或他人查看1.meta标签 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> 自适应 <meta content="yes" name="apple-mobile-web-app-capable"> IOS中safari允许全屏浏览 <met...

2021-11-03 17:33:13 241

原创 移动端flex布局汇总

先给大家上一张图,常用的布局图。

2021-10-24 19:35:53 249

原创 前端面试题整理,面试必刷!!!

$HTML, HTTP,web综合问题1、前端需要注意哪些SEO合理的title、description、keywords:搜索对着三项的权重逐个减小,title值强调重点即可,重要关键词出现不要超过2次,而且要靠前,不同页面title要有所不同;description把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面description有所不同;keywords列举出重要关键词即可 语义化的HTML代码,符合W3C规范:语义化代码让搜索引擎容易理解网页 重要内容HTML代码放在最前:

2021-10-21 16:57:00 480 1

原创 ES6面试题,小白必看!

1.什么是事件委托?为什么这样做?答:它还有一个名字叫做事件代理,事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一个类型的所有事件。为什么这样做呢?通过事件委托可以减少事件处理程序数量,大大的减少与DOM的交互次数,提高了性能。2.JS的数据类型?答:JS的数据类型有八种。在ES5的时候,我们认知的数据类型确实是6种,Number,string,Boolean,underfined,object,null。ES6 中新增了一种 Symbol。这种类型的对象永不相...

2021-10-18 15:46:51 519

原创 ES6知识点,面试题

Es6声明变量的六种方法Var、function、let、const、import、class2.var、let、cost的区别作用域规则Let/const声明的变量属于块级作用域,只能在其块或子块中可用。而var声明的变量的作用域是全局或者局部作用域 整个封闭函数重复声明/重复赋值var可以重复声明和重复赋值let仅允许重复赋值,但不能重复声明const既不可以重复声明,也不能重复赋值变量提升(hosited)var声明的变量...

2021-10-18 11:28:48 203

原创 前端目前的前景如何

Web前端开发就业前景:1、Web前端人才需求量大据国内第三方数据统计,未来五年我国信息化人才总需求高达1500万-2000万人。其中“网络工程”“UI设计”“Web前端”等人才的缺口最为突出,所以2020年Web前端的市场需求很大。更有甚者目前不仅大型互联网公司相继成立了专属的Web前端部门,中小型公司和创业公司也急需专业的Web前端工程师。2、Web前端薪资待遇高前端开发行业薪资水平呈上涨趋势,Web前端开发早已不是做带动动画的下拉菜单的时代,他们已成为互联网的主宰者,各行业都用其开发互联网应用

2021-10-18 09:16:57 3937 1

原创 vue指令用法

ue指令指令式带有v-前缀的特殊特性v-text和v-html都属于指令将数据和dom做关联,当表达式的值改变时,响应式地作用在视图解决大胡子语法闪烁案例[v-cloak] { dispaly: none;}一般把v-cloak绑在Vue实例el属性绑定的节点上<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title&l..

2021-10-14 17:23:13 106

原创 美食杰个人主页编辑个人资料,小白必看!!!

<template> <div class="edit"> <div class="edit-item"> <span class="label">修改头像</span> <upload-img imgMaxWidth="210" action="/api/upload?type=user" :imageUrl="avatar" @res-url="(data)=>{.

2021-10-12 20:22:58 165

原创 美食杰项目效果

实现效果:点击“炒”,“蒸”等让数据显示出来当数据多的时候,有分页的效果每次只显示五条内容,加载的时候有loding遮罩层进行加载1.点击时让对应的数据显示出来,这里运用到elmentUIelementUI点击此处跳转具体查看:info="list"所需要打的数据:current-page.sync="page"当前页数@current-change="handlerSelect"点击改变触发 <el-main class="filter-me...

2021-10-12 20:02:47 123

原创 美食杰项目

首页是一个轮播图的效果先请求数据,下一步进行数据渲染内容精选,进行数据渲染内容精选,要加载五条数据通过$emit传递一个事件每次滚动添加五条数据

2021-10-12 19:34:21 122

原创 Vue3对比Vue2,这些改动你知道吗?

Vue3对比Vue2,有哪些不同?首先vue3相比于vue2,监测机制发生了变化vue2的响应式是通过object.defineproperty实现的,JavaScript对象传入vue实例时,vue会遍历对象的所有property,并通过object.defineproperty把这些property转化为getter和setter,数据发生变化时,就会触发视图的更新;不过这种方式有点缺陷,就是不能监测到对象属性的添加和删除,因此需要用vue.set()来添加和删除。并且也不能监听数组的变化;而

2021-10-12 16:31:39 403

原创 2021高频前端面试题(含答案)

一、简单页面1、CSS选择器样式优先级2、CSS实现三列布局(左右固定宽度,中间自适应)(1)CSS浮动第一个float:left,第二个float:right,第三个设置margin-left和margin-right(2)绝对定位法第一个定位到left,第二个定位到right,第三个设置margin-left和margin-right(3)flex布局.left{ width:200px; 或者 flex:0 0 200px;}.right{ width:200px...

2021-10-12 14:43:47 2686

原创 Vue生命周期知识点,全网最细!!!

什么是Vue生命周期?vue生命周期是指vue是对象从创建到销毁的过程。Vue生命周期的作用是什么?在vue生命周期的不同阶段通过对应的钩子函数来实现组件数据管理和DOM渲染两大重要功能。创建阶段:beforecreate:实例已经初始化,但不能获取DOM节点。(没有data,没有el)created:实例已经创建,仍然不能获取DOM节点。(有data,没有el)载入阶段:beforemount:模板编译完成,但还没挂载到界面上。(有data,有el)mounted:编译好的模板已挂载到页面中(

2021-10-11 19:32:42 188

原创 前端面试题

1、如何让一个元素水平垂直居中通过给父元素设置CSS样式:display:flex;align-items:center;justify-content:center;2、Var,let和const的区别var 属于函数作用域,有变量提升,可以重复声明let 属于块级作用域,没有变量提升,不能重复声明const 属于块级作用域,没有变量提升,变量不能被修改,不可以重复声明,存在暂时性死区3、普通函数和箭头函数有什么区别箭头函数的 this 永远指向其上下文的 this ,任何方法都改

2021-10-11 16:14:29 151

原创 前端面试题

1、如何让一个元素水平垂直居中通过给父元素设置CSS样式:display:flex;align-items:center;justify-content:center;2、Var,let和const的区别var 属于函数作用域,有变量提升,可以重复声明let 属于块级作用域,没有变量提升,不能重复声明const 属于块级作用域,没有变量提升,变量不能被修改,不可以重复声明,存在暂时性死区3、普通函数和箭头函数有什么区别箭头函数的 this 永远指向其上下文的 this ,任何方法都改

2021-10-11 16:09:10 484 1

原创 vue组件之间8种组件通信方式总结

对于vue来说,组件之间的消息传递是非常重要的,下面是我对组件之间消息传递的各种方式的总结,总共有8种方式。1. props和$emit父组件向子组件传递数据是通过prop传递的,子组件传递数据给父组件是通过$emit触发事件来做到的。Vue.component('child',{ data(){ return { mymessage:this.message } }, t...

2021-10-10 19:54:34 157

原创 几分钟明白vuex的五大属性和使用方法

Vuex有五个核心概念:state, getters, mutations, actions, modules。1. state:vuex的基本数据,用来存储变量state: { userId: '', name: '', token: '', }在vue中使用 this.$store.state.userId  2. geeter:从基本数据(state)派生的数据,相当于state的计算属性,具有返回值的方法 getter: { ...

2021-10-10 19:46:52 505

原创 JavaScript 实现图片轮播

今天给大家介绍下怎么用 JS 实现图片轮播效果。原理描述:使用JS实现轮播的原理是这样的:假设初始的情况,下图一个网格代表一个图,初始时,显示1 :代码实现:1 JS 代码:<script type="text/javascript"> window.οnlοad=function(){ //获得ul的元素 var imgList=document.getElementById("imgList"); //...

2021-10-10 19:42:26 1925

原创 最全的前端Git使用教程

常见信息master: 默认开发分支origin:默认远程版本库Head: 默认开发分支Head^:Head 的父提交创建新仓库git initgit init [project-name] # 新建一个目录,并将其初始化为git仓库git clone [url] # 拷贝一个git仓库到本地配置Git 的配置文件是 .gitconfig,可以放在用户的主目录(全局配置)下或项目目录下(项目配置) 。# 显示当前的 git 配置git con

2021-09-28 09:26:09 864

原创 Vue实现购物车功能

vue是前端轻量级MVVM框架,入门门槛相对较低,今天用Vue做一个购物车实例,发表以便记录原理分析和实现首先,还是先把布局写好,和引入vue,准备vue实例,这个不多说,代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .fl

2021-09-26 17:42:14 816

原创 计算属性和普通属性的区别

区别computed 属性是vue的计算属性,是数据层到视图的数据转化映射;计算属性是基于他们的依赖进行缓存的,只有在相关依赖发现改变时,他们才会重新求值,也就是说,只要他的依赖没有发生变化,那么每次访问的时候计算属性都会立即返回之前的计算结果,不在执行函数;computed 是响应式的,methods并非响应式。调用方式不一样,computed定义的成员像属性一样访问,methods定义的成员必须以函数形式调用。computed是带缓存的,只有依赖数据发生改变,才会重新进行计算,而metho

2021-09-24 14:50:16 228

原创 Vue3知识点

先推荐两个vscode插件Volar首先推荐Volar,使用vscode开发Vue项目的小伙伴肯定都认识Vetur这个神级插件,有了它可以让我们得开发如鱼得水。那么Volar可以理解为Vue3版本的Vetur,代码高亮,语法提示,基本上Vetur有的它都有。特色功能当然作为新的插件出山,肯定有它独有的功能。多个根节点编辑器不会报错Vue3是允许我们有多个根节点的,但是我们如果使用Vetur就会报错,不会影响运行,但是看起来就很烦。所以当我们转向Volar那么就不会出现这个问题了。

2021-09-23 19:55:56 275 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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