Vam的金豆之路的博客_个人项目总结,Three.js,Vue.js原创(7)

Vue回炉重造之封装一个实用的人脸识别组件

你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星、

ide

人脸识别

保存图片

原创 2022-02-28 09:54:06 137 阅读

安装使用前端脚手架之前你可能遇到的问题

你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星

微信

微信公众号

创建项目

原创 2022-02-28 09:53:28 29 阅读

Xshell缺失mfc110u.dll文件解决方案（有下载链接）

你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星

redis

微信

解决方案

原创 2022-02-28 09:52:11 1022 阅读

跟着Vam一起学习Typescript（第一期）(更新中)

一、安装环境与配置1、命令行安装npm i -g typescript2、Vs Code编辑器创建一个项目文件夹，在

typescript

项目文件

sed

原创 2022-02-28 09:51:21 48 阅读

你会用css写一个加载动画吗？

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta -equiv="X-UA-Comp...

html

css

原创 2022-02-28 09:50:43 96 阅读

关于个人全栈项目【臻美Chat】遇到的BUG以及解决方法

项目展示：问题总结：一、单用户重复登录设备将每次输入的用户名与已经记录在后台的数组ar比较，如果存在则表示重复。// 生成数组 var ar=""; socket.on('array', function (val) { ar = val;

html

数组

i++

原创 2022-02-24 11:50:31 24 阅读

react native 0.6x 在创建项目时，CocoaPods 的依赖安装步骤卡解决方案

前言你需要做两件事gem换源pod repo 换源实战如果你已经成功安装了CocoaPods

cocoa

ruby

git

原创 2022-02-21 15:51:14 173 阅读

Vue回炉重造之图片加载性能优化

前言图片加载优化对于一个网站性能好坏起着至关重要的作用。

图片加载

加载

封装

原创 2022-02-21 15:50:46 387 阅读

Vuex的热更替你知道多少？

前言我们在使用Vuex的时候，会时不时的更改Vuex内的数据，但是页面不会随之更新..

数据

刷新页面

微信公众号

原创 2022-02-21 15:50:09 28 阅读

亲测有效！Mac系统终端神器【iTerm2】自动登录ssh远程服务器

我们可能不太喜欢用mac自带终端去每次访问远程服务器，如果想用xshell的话，也只能在windows系统才有。那么在mac有没有一款神器呢？答案是有的。安装iTerm2下载地址下载完呢，是一个安装包，双击打开就自动解压，打开解压后的程序就可以了。配置自动登录远程服务器打开呢，是一个命令行窗口，

自动登录

服务器

远程服务器

原创 2022-02-14 14:21:36 104 阅读

JS数组去重你知道有几种方法？

1.参考答案一：利用ES6新增数据类型 SetSet类似于数组，但是成员的值都是唯一的，没有重复的值。function uniq(arry) {return […new Set(arry)];}2.参考答案二：利用 indexOffunction uniq(arry) {var result = [];for (var i = 0; i < arry.length; i++)...

数组

i++

返回结果

原创 2022-02-14 14:21:14 41 阅读

送你一个封装的移动端横屏展示的JS库

前言我们经常在移动端横屏展示一些东西，所以今天我们来介绍下怎么在移动端实现横屏展示。效果实现源码：// screenOrientation.jsexport default function (option) { var _this = this; _this.option = { 'mode': 'portrait', //portrait(竖屏)、landscape(横屏)

横屏

css

移动端

原创 2022-02-14 14:21:01 53 阅读

2分钟实现一个Vue实时直播系统

前言我们在不敲代码的时候可能会去看游戏，那么是前台怎么实现的呢？下面我们来讲一下。第一步，购买云服务首先，你必须去阿里云或者腾讯云注册一个服务。也花不了几个钱，练手的话，几十块钱就够了。这里我拿阿里云举例，购买完了，配置好推流域名跟播流域名，下面我们将进行地址生成。

ide

官网

微信公众号

原创 2022-02-14 14:20:23 354 阅读

JS中new操作符做了什么？

1.new操作符做了什么new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。new 关键字会进行如下的操作：创建一个空的简单JavaScript对象（即{}）；链接该对象（即设置该对象的构造函数）到另一个对象；将步骤1新创建的对象作为this的上下文

构造函数

微信公众号

原型链

原创 2022-02-14 14:20:05 50 阅读

重学ES系列之变量的作用范围

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>变量的作用范围</title></head><body> </body>

html

微信公众号

局部变量

原创 2022-02-14 14:19:53 70 阅读

重学ES系列之模版字符串

作者：Vam的金豆之路主要领域：前端开发微信公众号：前端历劫之路

模版

html

字符串

原创 2022-02-14 14:19:41 19 阅读

重学ES系列之字符串方面的处理

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>字符串方面的处理</title></head><body> </body>

html

微信公众号

微信

原创 2022-02-14 14:19:26 61 阅读

JS怎么判断鼠标进入离开的方向?

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<...

html

微信公众号

javascript

原创 2022-02-14 14:19:14 160 阅读

重学ES系列之函数优化

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>函数</title></head><body> </body><

html

与运算

微信公众号

原创 2022-02-14 14:19:02 27 阅读

Vue 3.0 有哪些新特性值得我们提前了解

一、迎接 Vue 3.01. 简介 Vue.js 作者兼核心开发者尤雨溪宣布 Vue 3.0 进入 Beta 阶段。已合并所有计划内的 RFC已实现所有被合并的 RFCVue CLI 现在通过 vue-cli-plugin-vue-next 提供了实验性支持2. 新特性重点关注：更快更省Object.defineProperty ——>

响应式

数据

ide

原创 2022-02-14 14:18:50 133 阅读

2020年前端面试题集锦（奥利给！！！）

基础知识点与高频考题JavaScript基础console.log(1 < 2 < 3);console.log(3 > 2 > 1);// 写出代码执行结果，并解释为什么// 答案与解析true false对于运算符>、<,一般的计算从左向右第一个题：1 < 2 等于 true, 然后true < 3，true == 1

ide

字符串

javascript

原创 2022-02-14 14:18:20 77 阅读

使用React.js写一个类似单选框与复选框的功能

单选框<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <script src.

html

微信公众号

前端开发

原创 2022-02-14 14:17:45 78 阅读

React与Koa一起打造一个功能丰富的全栈个人博客（业务篇）

前言豆哥的个人博客又改版了，本版主要技术栈是前台用的React，后台用的Koa。博客改版的初衷是自己可以练练React（公司的项目部分要用React，我也没法啊，再说早晚得学）。本文主要介绍博客的业务逻辑，对技术方面不过多讲述。想了解技术的话，可以等我下一篇《技术篇》哦！好了，转入正题。

登录注册

搜索

分页

原创 2022-02-14 14:15:36 16 阅读

Win 系统下使用gnvm操作node版本

下载gnvm官方网址有好几种安装方式，我这里使用的是百度网盘下载。安装下载完成将gnvm.exe文件放到node的安装根目录下，如果你不知道安装目录在哪？可以使用命令:where node查看是否安装成功使用管理员身份运行命令行工具，输入命令：gnvm version配置输入\

命令行工具

百度网盘

根目录

原创 2022-02-14 14:14:12 110 阅读

使用node.js如何简单快速的搭建一个websocket聊天应用

初始化项目npm init安装nodejs-websocketnpm install nodejs-websocket创建并编辑启动文件创建一个名为app.js文件，并且编辑它。var ws = require("nodejs-websocket");console.log("开始建立连接...")

html

服务器

json

原创 2022-02-14 14:13:23 238 阅读

React项目中使用 CSS Module

yarn add react-app-rewired@2.0.2-next.0 --save-dev //这个版本比较稳定/* package.json */"scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test":

css

ide

json

原创 2022-02-14 14:12:52 306 阅读

重学ES系列之新增的几个循环方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>新增的几个循环方法

html

微信公众号

微信

原创 2022-02-14 14:12:37 45 阅读

（win环境）使用Electron打造一个桌面应用翻译小工具

初始化项目npm init修改package.json{ "name": "trans", "version": "1.0.0", "main": "main.js", "license": "MIT", "scripts": { "start": "electron .", "build":"electron-packager .

html

ico

json

原创 2022-02-14 14:12:25 90 阅读

你所知道的JS变量作用域

变量的作用域，指的是变量在脚本代码中的可读、可写的有效范围，也就是脚本代码中可以使用这个变量的区域。在ES6之前，变量的作用域主要分为全局作用域、局部作用域（也称函数作用域）两种；在ES6及其之后，变量的作用域主要分为全局作用域、局部作用域、块级作用域这3种。相应作用域变量分别称为全局变量、局部变量、块级变量。全局变量声明在所有函数之外；局部变量是在函数体内声明的变量或者是函数的命名参数；块级变量是在块中声明的变量，只在块中有效。变量的作用域跟声明方式有密切的关系。使用var声明的变量的作用域有全局作用域

函数体

全局变量

局部变量

其他

原创 2022-02-05 15:43:47 241 阅读

今天，学会这10个JS代码段就够了！

用 apply 将数组各项添加到另一个数组const array = ['a', 'b'];const elements = [0, 1, 2];array.push.apply(array, elements);console.info(array); // ["a", "b", 0, 1, 2]函数只执行一次function once (fn){ let called = false return function () { if (!called) { cal

数组

i++

edn

其他

原创 2022-02-05 15:43:47 36 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx6124cb1b73be0的博客

Vue回炉重造之封装一个实用的人脸识别组件

安装使用前端脚手架之前你可能遇到的问题

Xshell缺失mfc110u.dll文件解决方案（有下载链接）

跟着Vam一起学习Typescript（第一期）(更新中)

你会用css写一个加载动画吗？

关于个人全栈项目【臻美Chat】遇到的BUG以及解决方法

react native 0.6x 在创建项目时，CocoaPods 的依赖安装步骤卡解决方案

Vue回炉重造之图片加载性能优化

Vuex的热更替你知道多少？

亲测有效！Mac系统终端神器【iTerm2】自动登录ssh远程服务器

JS数组去重你知道有几种方法？

送你一个封装的移动端横屏展示的JS库

2分钟实现一个Vue实时直播系统

JS中new操作符做了什么？

重学ES系列之变量的作用范围

重学ES系列之模版字符串

重学ES系列之字符串方面的处理

JS怎么判断鼠标进入离开的方向?

重学ES系列之函数优化

Vue 3.0 有哪些新特性值得我们提前了解

2020年前端面试题集锦（奥利给！！！）

使用React.js写一个类似单选框与复选框的功能

React与Koa一起打造一个功能丰富的全栈个人博客（业务篇）

Win 系统下使用gnvm操作node版本

使用node.js如何简单快速的搭建一个websocket聊天应用

React项目中使用 CSS Module

重学ES系列之新增的几个循环方法

（win环境）使用Electron打造一个桌面应用翻译小工具

你所知道的JS变量作用域

今天，学会这10个JS代码段就够了！