LT...-CSDN博客

原创 Linux常用命令

Linux常用命令1. 文件和目录相关命令命令描述cd /home进入“/home”目录cd ~进入根目录cd …返回上级目录cd …/…返回上两级目录cd -返回上次所在目录pwd显示当前工作路径ls查看目录中的文件ls -l显示文件和目录的详细信息ls -a显示隐藏文件mkdir dir1创建一个叫做‘dir1’的目录mkdir -p /temp/dir1/dir2创建一个目录树rm -f f

2021-07-17 10:38:01 141

原创微信小程序生命周期

由于小程序分为应用和页面两个部分，所以小程序的生命周期就涉及到以下部分。分别是：应用的生命周期。页面的生命周期。应用的生命周期对页面生命周期的影响。路由变化对页面生命周期的影响。一、应用的生命周期|属性 | 类型 | 描述 |触发时机||–|--|–|| | |属性类型类型触发时机onLaunchFunction生命周期函数–监听小程序初始化当小程序初始化完成时，会触发 onLaunch（全局只触发一次）onShowFunction.

2021-05-22 16:27:25 432

原创微信小程序中使用SVG

最近在作一个微信小程序的项目，需要使用svg引入矢量图标，总结一下svg在小程序中的使用。SVG 简介什么是SVGSVG是”Scalable Vector Graphics”的简称。中文可以理解成“可缩放矢量图形”。是一个基于XML的图形描述语言。它是可以用于描述静态图、动画，以及用户界面的一种图形格式。1999年由万维网联盟发布。于2013年成为W3C推荐标准。SVG的优势与其他图像格式相比，使用SVG的优势在于：SVG 可被非常多的工具读取和修改SVG 与JPEG和GIF图像比起来，尺寸

2021-04-15 16:32:12 12529 3

原创 Event Loop

Event Loop1. 进程与线程js是单线程执行的，那什么是线程呢，说到线程，那么肯定会想到进程，从本质上来说，两个名词都是CPU工作时间片的一个描述进程描述了CPU在运行指令及加载和保存上下文所需的时间，放在应用上来说就代表了一个程序。而线程是进程中的更小单位，描述了执行一段指令所需的时间。拿浏览器来说，当你打开一个Tab页时就是创建了一个进程，一个进程中可以有多个线程，比如渲染线程，JS引擎线程，HTTP请求线程等等。当你发起一个请求时，其实就是创建了一个线程，当请求结束，该线程可能就

2021-04-13 18:38:27 129

原创 0.1 + 0.2 != 0.3？

0.1 + 0.2 != 0.3？原因：因为 JS 采用 IEEE 754 双精度版本（ 64 位），并且只要采用 IEEE 754 的语言都有该问题我们都知道计算机是通过二进制来存储东西的，那么 0.1 在二进制中会表示为// (0011) 表示循环 0.1 = 2^-4 * 1.10011(0011)我们可以发现， 0.1 在二进制中是无限循环的一些数字，其实不只是 0.1 ，其实很多十进制小数用二进制表示都是无限循环的。这样其实没什么问题，但是 JS 采用的浮点数标准却会裁剪掉我

2021-04-13 12:37:20 183

原创模块化

模块化为什么要使用模块化？几种实现模块化的方式和各自的特点。使用模块化的好处解决命名冲突提供复用性提高代码可维护性1.立即执行函数在早期，使用立即执行函数实现模块化是最常见的手段，通过函数作用域解决的命名冲突、污染全局作用域的问题(function(globalVariable) { globalVariable.test = function(){} // ... 声明各种变量，函数都不会污染全局作用域})(globalVariable) 2.AMD和CMDAM

2021-04-12 13:26:39 87

原创初识JavaScript闭包

JavaScript闭包在刚学习的时候碰到闭包总是一脸懵的，这玩意是啥，这玩意有啥用？下面就让我们探索一下这个让初学者一脸懵的闭包。1.概念闭包就是能够读取其他函数内部变量的函数。在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的函数“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。2.作用从概念中可以看出闭包的作用可以在函数的外部访问到函数内部的局部变量。例：function A() { var a = 100; fun

2021-02-26 21:52:35 78

原创 JS中各种遍历方法总结

JS遍历方法1.for循环for(let i = 0; i < 5; i++) { // do something}2.forEach遍历数组的每一个元素，没有返回值let arr = [1,2,3,4,5];arr.forEach((item, index) => { // do something})// item：当前元素，index：当前元素的索引值3.for ofes6中的方法，不会遍历数组的私有属性，不能遍历对象，可以遍历字符串，数组，有返回值l

2021-02-25 20:18:10 5585

原创 Vue中滚动事件，实现某元素在页面可见时出现

这是一个笨办法Vue中滚动事件我想实现的效果是当页面滚动到某元素在页面可见时出现思路就是监听页面滚动事件，滚动到某一位置设置元素可见。1. 监听滚动事件在mounted钩子中给window添加一个滚动监听事件mounted() { window.addEventListener('scroll', this.handleScroll)},在methods中添加handleScroll方法handleScroll() { var clientheight = document.d

2021-02-07 19:14:46 2155 1

原创让页面支持markdown

在vue中使页面支持markdown在最近的开发中，遇到一个问题，就是博客都是使用markdown语法写的，我在自己的页面中怎么才能很好的渲染它们。确定两种方法1.将markdown转为html，网页读取html内容进行渲染。2.网页直接读取markdown内容，然后解析为html进行渲染。最终确定使用第二种方法，因为使用第一种方法的话，维护起来太不容易，想要修改博客内容时，每修改一次都得重新转一次html，而第二种方法只需要修改markdown内容即可。这时候就需要考虑我们的网页拿到mar

2021-02-04 22:48:24 1964

原创 Koa2之koa-generator

Koa2之koa-generator在做项目的时候我们的项目文件夹通常都是目录结构很清晰的，但是如果这些文件、文件夹都要我们自己创建的话会很不方便，所以呢koa给我们提供了一个脚手架。什么是脚手架呢？我们都知道在做项目的时候往往都要先把项目框架搭出来，在进行具体开发，这个框架就叫做脚手架，它能简单搭建出项目的结构，让我们后面的开发更方便。如何使用？1.安装npm install -g koa-generator建议安装成全局的，方便下次使用。2.生成项目koa2 -e project

2021-02-03 13:51:33 871

原创 Vue粒子特效

Vue粒子特效之前一直在一些网站中会看到有一些背景特效，就像星空一样，而且每个粒子之间还可以连上线，并且会与用户鼠标事件产生交互，简直好看炸了，今天在个人博客中试了一波，Nice！它主要利用了vue-particles插件安装：根据自身要求看是否要加–save-devnpm install vue-particles之后在main.js 中加入以下代码import VueParticles from 'vue-particles'Vue.use(VueParticles)然后定义一个

2021-02-02 23:29:34 464

原创 VUE中icon图标与文字不齐

VUE中icon图标与文字不齐最近在使用vant组件引用了某个icon之后发现与文字对不齐，找到了一个最简便的办法就是直接给icon加上属性vertical-align: -10%<van-icon name="browsing-history" style="vertical-align: -10%"/>文字再次点开发现已经对齐了...

2021-02-02 22:14:20 3774 1

原创 Express安装+简单使用

1、安装express首先，可以通过npm或者淘宝镜像cnpm全局安装express框架使用npmnpm install -g express使用cnpm一、安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org二、安装express(-g : 全局安装， --save : 将其保存到依赖列表中）cnpm install express2、express的特点1.实现了路由功能2.中间件功能3.扩展了

2021-02-02 19:41:54 3251

原创 CSS实现幻灯片效果

使用css代码实现一个简单又粗糙的幻灯片效果话不多说，直接上我粗糙的代码了！1.通过position定位+animation动画实现<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>css3 实现幻灯片效果</title> <style type="text/css"> * {

2021-01-31 15:06:48 1365

原创 JavaScript事件代理

基本概念事件代理（Event Delegation），又称为事件委托。是JavaScript中常用绑定事件的常用技巧。顾名思义，“事件代理”即是把原本需要绑定在子元素的响应事件委托给父元素，让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。举个例子就是宿舍6个人睡到中午到饭点了，一个方案是都起床去吃饭，另一个方案就是出一个幸运儿起床去把6个人的饭都买回宿舍（这个例子有点懒），然后分给每个人去吃。这里买饭就是一个事件，每个人就是需要响应的元素，而幸运儿则是代理的元素，每个人都把这个事件

2021-01-30 22:10:30 116

原创 vue生命周期

学习了有一段时间了但是还是不能很轻松的利用vue的生命周期进行开发，有好多地方说，“你暂时不需要搞清楚这些…”，我觉得理解通透这个东西确实有点不切实际，但是至少应该让我们在以后的开发中少踩一点坑，所以我查看了许多前辈的经验之谈，希望对以后的开发有所帮助。以下内容部分摘抄自https://www.jianshu.com/p/410b6099be69一、vue的生命周期是什么 vue每个组件都是独立的，每个组件都有一个属于它的生命周期，从一个组件创建、数据初始化、挂载、更新、销毁，这就是一个组件所谓的生

2021-01-26 15:57:51 86

tao_meng_的博客