- 博客(23)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 浅谈Vue单页应用首屏加载速度优化方案
随着各大前端框架的诞生以及演变,由此衍生了一个的名词：SPA。那么什么是SPA？提到这个单词，很多人可能会第一时间想到养生会所,哈哈，当然了，毕竟如今的社会，当你走在琳琅满目的大街上，也会看到各种行行色色的养生会所的匾牌上会写这个名词，也属于正常现象了，那么对于在前端领域中，SPA到底指的什么呢？接下来让我们进入主题吧,奥利给！
2022-05-01 13:01:13
749
原创 2021年田野的风响彻了整个冰岛
心语：只要朝着一个方向努力，一切都会变得得心应手。好久没有写文章了，有些颓废了，前段时间刚好英雄联盟手游登场，自己也是安按捺不住内心的小激动，以至于每天没事就玩游戏了，如今作为一个程序员，但我同样也是一位英雄联盟的老玩家，对联盟的热爱却也没有丝毫的退减，只不过现在很少玩端游了，重心也渐渐的投入到了工作当中，平时也会经常看一些直播或者职业赛事，我觉得每个人都应该有自己的爱好，无论是什么，热爱本身就是一种崇高的品质。2021年，是我酷爱英雄联盟的第八年，英雄联盟可以说陪伴了我最美好的青春时刻，八年的时光里，
2021-11-07 17:29:41
2792
2
原创 JavaScript 之常用字符串方法及使用技巧
在我们日常开发中，我们经常会处理各种各样的数据，而在Javacript而言，是核心，也是基础中的重中之重，这篇文章我将总结一些常用的字符串的方法，内容比较多，小编建议小伙伴们可以先收藏在学习。首先，我先以一张思维导图来带领小伙伴们来了解以及学习Javascript中字符串的方法。看到这副思维导图是不是发现字符串原来有这么多的方法呢？不过不要慌，慢慢学习慢慢接触自然就会全部掌握了，接下来，来进行真正的学习吧。1.获取字符串长度在Javascript中，除了数组length属性，字符串其实同样有len
2021-09-26 22:16:32
458
原创 vue之better-scroll处理滚动列表
心语：再长的路，一步步也能走完，再短的路，不迈开双脚也无法到达。在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了，可以是竖向滚动的列表，也可以是横向的，用better-scroll可以帮助我们轻松的实现这个需求。那么better-scroll到底是什么呢？BetterScroll 是一款重点解决移动端各种滚动场景需求的开源插件（GitHub地址），适用于滚动列表、选择器、轮播图、索引列表、开屏引导等应用场景。为了满足这些场景，它不仅支持惯性滚动、边界回弹、滚动条淡入淡出等效果的灵活配置
2021-09-21 22:47:47
500
原创 Javascript创建对象的常用方式
心语：不大可能的事也许今日实现，根本不可能的事也许明天会实现。Javascript是一门面向对象的语言，万物皆对象，那么对于如何创建对象我们真的都熟悉吗？下面我将介绍一种常用的创建对象的方式。1.字面量方式创建对象使用字面量是平时开发中用的比较多的一种方式，因为用它创建对象比较简单易懂。在现实生活中，我们人就是一个对象，而人也拥有很多身体特征，比如 名字、年龄、性别等等var person = { name:"幕筱佳", age:18, sex:"男", habby:["旅游","打英雄联盟
2021-09-11 22:01:00
141
原创 Javascript之常用运算符
在Javascript中，有使用很多的运算符，来帮助我们进行逻辑运算的判断。运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。Javascript 常见的有五种运算符：算数运算符赋值运算符递增和递减运算符比较运算符逻辑运算符三元运算符接下来，我就一一介绍它们的用法及应用场景1.算数运算符使用场景：算术运算使用的符号，用于执行两个变量或值的算术运算。我们都知道在日常的生活中，我们难免会进行交易，比如 你去超市买东西，会和收银员进行物品与金钱的
2021-09-08 16:21:52
896
原创 Javascript中递归的应用
在Javascript中，我们常常会操作数组和对象，那么本篇文章，我将从数组和对象两个方面来讲解递归在工作中的一些应用。那么递归到底是什么呢？递归就是把规模较大的一个问题，分解成规模较小的多个子问题去解决，而每一个子问题又可以继续拆分成多个更小的子问题。递归就是一个函数在它的函数体内调用它自身。执行递归函数将反复调用其自身，每调用一次就进入新的一层。递归函数必须有结束条件。我一般处理递归的思路主要注意以下两点：先处理一小步（先处理最简情况）,然后自己调自己找到退出条件数组1.获取一个数组
2021-09-07 09:46:28
601
原创 Javascript中的原型与原型链
心语：走路时感觉很苦可是走过之后回头看看那些都不算什么在javascript中原型和原型链是一个很神奇的东西，对于大多数人也是最难理解的一部分，掌握原型和原型链的本质是javascript进阶的重要一环。今天我分享一下我对javascript原型和原型链的理解。在Javascript中，我们能见的到的任何变量和值其实都是对象，万物皆对象。因为所有的对象都是间接或直接的通过它衍生的。我们先使用构造函数创建一个对象 function Person(name,age) { this.na
2021-09-05 16:03:46
142
原创 浅析Javascript中的Event Loop 事件循环机制
心语：地球是圆的，总有一天，我们会再次遇见想要遇见的人。说到Event Loop 事件循环机制，是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。我们都知道 javascript 是单线程的, Javascript 作为浏览器脚本语言，主要用途是与用户互动，以及操作DOM，这决定了它只能是单线程，否则会带来很复杂的同步问题。但单线程也存在者一个弊端， 当有两个任务执行时 后一个必须等到前面的执行完成后才能执行。Javascript 将任务分
2021-08-31 22:31:25
112
原创 Promise的基本使用详解
心语：有时候往往直到离开，在回忆里，才能知道自己有多喜欢一座城或者一个人。说到promise，很多人或许有点懵逼，这到底是是什么呢？其实对于promise，这是一个通俗难懂的东西。如果看过promise内部实现原理，会发现它是很复杂的。首先在学习它之前，至少得知道它到底是什么？本质上 Promise 是一个对象，它代表了一个异步操作的最终完成或者失败，我们可以在它上面绑定回调函数，这样我们就不需要在一开始把回调函数作为参数传入这个函数了。 —MDN其实对于promise，它
2021-08-28 22:04:25
425
原创 vue实现简易购物车案例
对于购物车这个需求，很多无论pc端还是移动端的电商项目中都会碰到，所以这篇文章我做了一个书籍购物车的小案例。主要实现业务需求：书籍的数量增加书籍数量的减少书籍总价格的计算接下来，让我们进入真正的代码实现过程吧，首先先实现静态页面的布局，这里为了简单简便，我使用了表格来布局页面。 <div id="app"> <div v-if="books.length" class="container"> <table> <thead&g
2021-08-22 18:06:19
976
2
原创 vue实现手风琴效果
在使用vue的过程中，我们难免会碰见各种各样的需求，本篇文章我将实现一个简单的手风琴效果首先先说一下手风琴实现的流程：1.设置一个布尔变量来控制二级列表的显示与隐藏2.同步的通过这个变量来控制展开或者隐藏的图标切换3.为一级选项创建点击事件，点击一级选项的同时要展开二级列表接下来，我们就使用代码具体实现HTML<div class="tree" id="my"> <ul> <li class="item" v-for="list in lists"&
2021-08-22 13:34:45
6083
原创 vue中v-for的最佳使用技巧
在vuejs中，v-for 的使用是比较常见的，它允许您在模板代码中编写for循环。那么在使用v-for的时候，可曾思考过使用这个指令的一些技巧吗？在介绍它的使用技巧之前，我先介绍下它的基本用法吧，在vue中v-for可以遍历数组、对象、字符串，但是用的最多的还是遍历数组，基本方法如下：<div id="app"> <ul> <li v-for='item in list'> {{ item.name }} </li></ul&g
2021-08-18 22:32:58
1554
原创 this的指向及改变this指向的方法
在 JavaScript 编程中，this 关键字总是让初学者感到迷惑，而且this也是在面试过程中常会被问起的一个热词，那么接下来，就让我们一起探讨这个问题。this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，函数的调用方式决定了 this 的指向不同。JavaScript 的 this 总是指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境上面可能说的比较你难以理解，我举个例子吧，比如在日常生活中，别人让你帮他去
2021-08-16 23:43:55
340
2
原创 react项目中使用react-particles-js实现粒子动态背景
由于最近写了一个基于react+antd design react的一个后台管理系统，刚好要实现登录页面，但是无奈感觉页面设置背景色太单一，所以找到了 一个第三方库react-particle.js，本人还是觉得比较强大的.所以有需要的小伙伴们可以尝试使用，挺简单的。要在react中使用，首先得先下载。npm i react-particle --save在页面Login.js使用import React from 'react'import { Form, Input, Button } fr
2021-08-16 00:30:26
2705
5
原创 javascript之DOM基本操作
在起初的网站开发中，其实接触最多的就是DOM对象，javasript更多的是用来交互的，那么我们所操作的页面中的元素都被称为DOM对象，一个网页其实是由许许多多DOM元素组成了一个树形结构，DOM被称为javascript中的文档对象模型，所以我想说的是对于DOM元素的操作是很重要的。接下来就我们一起进入DOM的世界去探索吧！俗话说百川东到海，总有一处是尽头。那么对于DOM元素的尽头是哪里呢？在每一个网页中，其实都有一个根节点，也就是document，就像一棵树一样，总会有根来支撑整棵树，那么对于
2021-08-14 00:49:13
136
原创 javascript之基础入门
说到javascript这门语言，其实对于很多初次接触的人或许会很陌生，其实像我们平时常见的一些购物、旅游、交友的网站中不乏有javascript的影子，对于那些网站来说，不仅仅是展示我们所需要的一些物品或者信息啊啥的，还伴随着用户对于这个网站的一些操作，这些就是javascript所实现的了。1. javascript简介JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，Ja
2021-08-12 23:51:32
172
原创 node.js的安装以及环境配置
对于node.js这个东西或许很多人都很陌生，但是却火热了好多年，尤其是现在主流的Vue、react、angluar 框架，那么他们在运行的时候都需要借助node.JS这个运行环境。那么它到底是什么呢？Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。上述是node.js官网给的解释。就我理解的应该是它应该是基于V8引擎的一个解析javascript的运行环境。那么它到底有什么优点呢？首先node.js只要是用来进行I/O操作的，例如从网络读取、访问数据库或文件
2021-08-07 20:06:36
423
原创 浅谈vue的数据响应式原理
首先，我们应该对于vue框架要有一个基本的认识，Vue 是一个基于MVVM而设计模式的渐进式框架， Vue 在背后做了大量工作。数据和 DOM 已经被建立了关联，所有东西都是响应式的。Vue.js 一个核心思想是数据驱动。所谓数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作 DOM，而是通过修改数据。——《Vue.js 技术揭秘》在一个组件实例中，只有在data里初始化的数据才是响应的，Vue不能检测到对象属性的添加或删除，没有在data里声明的属性不是响应的。Vue在视图初始
2021-08-03 22:41:43
406
原创 vue实现简易计时器组件
在做项目中难免会碰到需要实时刷新，广告动画依次出现等等需求，刚最近基于业务需求，需要实现一个累加通话时长的计时器，这时候就需要定时器登上我们的代码舞台了，其实对于计时器，它的原理就是通过定时器来实现的，那么在写业务需求之前，我先说说关于定时器的一些知识。window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。在Javascript中，代码一般都是同步执行的，但定时器却是一般执行的。 window.setTimeout(cal
2021-08-02 20:39:42
1895
1
原创 关于Git这一篇就足矣
关于Git，其实对于我们日常开发是很常用的，所以，小编编写本篇文章教大家如何使用git，便于日后工作与学习。首先，在使用git之前，我们还是应该了解一下关于git的发展历程，因为这样，我们才能真正明白这个工具存在的真正意义是什么。而我们或许可以借鉴前人的经验，也可以开发一个这样的工具（虽然这个实现起来可能很难，但是我们站在巨人的肩膀上，还是有可能的呦）,话不多少，那么就直接进入正文吧！1.git的发展史Git最初是由Linux开发者Linus,这是一个相当厉害的人物，有兴趣的可以去百度百科了解了解他，
2021-07-31 22:10:31
222
原创 ❤️万字详解Vue知识体系❤️（建议收藏）
话说现如今都2021年了，Vue3都已经发布好长一段时间了，如今再来写这篇网络上随处可见的文章意义在哪里呢？其实在写之前我也一直在思考这个问题，最后我得出的原因主要有以下几点：用vue做过一些项目，也实现了一些功能，但是总感觉还是缺乏知识体系日常开发多数围绕业务需求展开，也没有仔细深入的细化一些知识点，导致有的东西可能时间长了会模糊正所谓温故而知新，虽然基础的东西可能看似简单，但是通过自己的想法输出出来，并且时长回顾，我认为还是会有意想不到的收获的。思维导图在开始正文之前，需要说明一下，文章中
2021-07-25 23:59:46
972
9
原创 git推送代码到main分支
今天我使用Git工具推送代码到我的Github账号，Git工具推送成功后，发现Github上面没有代码。捣鼓之后发现Github账号默认的主分支从2020年10月1日起已经由master改为了main，而Git工具默认推送的还是master分支，这就导致推送的代码在Github上面的main主分支看不到，想要看到代码还需要切换分支。我顿时就很诧异，可能是因为我好久都没有在git贡献过代码的原因，呜呜呜~~~然后在在网上找了一些解决的办法，比如直接用Git工具向main分支推送，但是奇怪的报错来了
2021-04-25 00:26:11
7514
4
基于HTML5+JS制作的表白墙
2021-08-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人