vue知识分享 - 随笔分类(第8页) - 林恒

记录--可视化大屏-用threejs撸一个3d中国地图

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助不想看繁琐步骤的，可以直接去github下载项目，如果可以顺便来个star哈哈本项目使用vue-cli创建，但不影响使用，主要绘制都已封装成类 1、使用geoJson绘制3d地图 1.1 创建场景相关 // 创建webGL渲染器 thi 阅读全文

posted @ 2022-12-20 17:40 林恒阅读(2231) 评论(0) 推荐(0)

记录--教你用three.js写一个炫酷的3D登陆页面

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言：该篇文章用到的主要技术：vue3、three.js 我们先看看成品效果：高清大图预览（会有些慢）：座机小图预览：废话不多说，直接进入正题 Three.js的基础知识想象一下，在一个虚拟的3D世界中都需要什么？首先，要有一个阅读全文

posted @ 2022-12-19 17:57 林恒阅读(477) 评论(0) 推荐(0)

记录--[vue3] 用 canvas 搞一个滑动刻度尺

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助背景去年做的小程序有一个选择克数的功能，本想着随便搞个数字输入框就完事了，结果产品搞来个app，人家是滑动尺子选的，没辙了，只能硬着头皮做了。思路搞一个横着排的div，然后里面塞很多很多小div，当做格子，格子弄一个左边框当做格子线阅读全文

posted @ 2022-12-09 17:57 林恒阅读(2825) 评论(0) 推荐(0)

记录--手写$forceUpdate,vm.$destroy方法

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 vm.$forceUpdate （1）作用迫使Vue.js实例重新渲染。注意它仅仅影响实例本身以及插入插槽内容的子组件，而不是所有子组件。（2）实现只需要执行watcher的update方法，就可以让实例重新渲染。 Vue.js的每阅读全文

posted @ 2022-11-14 16:35 林恒阅读(164) 评论(0) 推荐(0)

记录--vue中动态引入图片为什么要是require，你不知道的那些事

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助相信用过vue的小伙伴，肯定被面试官问过这样一个问题：在vue中动态的引入图片为什么要使用require 有些小伙伴，可能会轻蔑一笑：呵，就这，因为动态添加src被当做静态资源处理了，没有进行编译，所以要加上require，我倒着都能背阅读全文

posted @ 2022-11-04 17:40 林恒阅读(1483) 评论(1) 推荐(0)

记录--手写vm.$mount方法

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、概述在我们开发中，经常要用到Vue.extend创建出Vue的子类来构造函数，通过new 得到子类的实例，然后通过$mount挂载到节点，如代码： <div id="mount-point"></div> <!-- 创建构造器 -- 阅读全文

posted @ 2022-11-03 17:52 林恒阅读(229) 评论(0) 推荐(0)

记录--从原理分析vue开发环境搭建的全部过程

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助平时大家开发vue项目的时候，相信大部分人都是使用 vue-cli脚手架生成的项目架构，然后 npm run install 安装依赖，npm run serve启动项目然后就开始写业务代码了。但是对项目里的webpack封装和配置了解阅读全文

posted @ 2022-10-25 17:21 林恒阅读(210) 评论(0) 推荐(3)

记录--分享8个非常实用的Vue自定义指令

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。 Vue 自定义指令有全局注册和局部注册两种方式。先来阅读全文

posted @ 2022-10-24 17:18 林恒阅读(192) 评论(0) 推荐(0)

记录--使用Vue开发Chrome插件

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助环境搭建 Vue Web-Extension - A Web-Extension preset for VueJS (vue-web-extension.netlify.app) npm install -g @vue/cli npm i 阅读全文

posted @ 2022-10-22 17:58 林恒阅读(927) 评论(0) 推荐(0)

记录--vue打印插件

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助网页实现打印可以选择性的打印某一部分的vue组件 1.引入把print.js 下载到本地,然后放在src 下面添加文件夹里. print.js // 打印类属性、方法定义 /* eslint-disable */ const Pri 阅读全文

posted @ 2022-10-21 17:22 林恒阅读(285) 评论(0) 推荐(1)

记录--一道js笔试题，刷新了我对map方法函数的认知

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助背景昨天在看一道笔试题的时候本以为很简单，但是结果不是我想象的那样，直接上笔试题。 const array = new Array(5).map((item) => { return item = { name: '1' } }); c 阅读全文

posted @ 2022-10-18 16:40 林恒阅读(214) 评论(0) 推荐(1)

记录--图解 Vue 响应式原理

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助最近部门分享，有同学提到了 Vue 响应式原理，大家在讨论时，发现一些同学对这一知识理解还不够深入，不能形成一个闭环，为了帮助大家理解这个问题，我重新过了一下 Vue 源码，并整理了多张流程图，便于大家理解。 Vue 初始化模板渲染组阅读全文

posted @ 2022-10-17 16:49 林恒阅读(189) 评论(0) 推荐(1)

记录--关于 HTML5 LocalStorage 的 5 个不为人知的事实

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 LocalStorage 是HTML5中一个方便使用的 API，它为 Web 开发人员提供了一个易于使用的5MB的存储空间。使用 LocalStorage API 真的再简单不过了。不信看下： //Save a value to loc 阅读全文

posted @ 2022-10-15 16:27 林恒阅读(182) 评论(3) 推荐(1)

记录--前端校招字节面试分享

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助第一题：说一下这三个div的布局 <div class="parent"> <div class="child1">child1 content</div> <div class="child2">child2 content</div> 阅读全文

posted @ 2022-10-11 16:00 林恒阅读(175) 评论(1) 推荐(0)

分享一个Vue实现图片水平瀑布流的插件

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一.需求来源今天碰到了一个需求，需要在页面里，用水平瀑布流的方式，将一些图片进行加载，这让我突然想起我很久以前写的一篇文章《JS两种方式实现水平瀑布流布局》但是有个问题，这个需求是Vue项目的，那没办法，这里给大家分享下我的开发过程，阅读全文

posted @ 2022-09-30 14:58 林恒阅读(1684) 评论(0) 推荐(6)

记录--关于【前端高级技巧】九个问题巩固知识

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助第一问：安全类型检测——typeof和instanceof 区别以及缺陷，以及解决方案这两个方法都可以用来判断变量类型区别：前者是判断这个变量是什么类型，后者是判断这个变量是不是某种类型，返回的是布尔值（1）typeof 缺陷： 1 阅读全文

posted @ 2022-09-29 17:06 林恒阅读(171) 评论(0) 推荐(1)

记录--对于$off，Exclude 和 Extract的一点理解

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一.typescript 高阶类型 Exclude 和 Extract Exclude<T, U> TypeScript 2.8 中增加了 Exclude 类型，该如何理解这个高级类型的定义呢？ type Exclude<T, U> = 阅读全文

posted @ 2022-09-27 17:11 林恒阅读(93) 评论(0) 推荐(0)

记录--通过手写，分析async await核心原理

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助前言 async await 语法是 ES7出现的，是基于ES6的 promise和generator实现的 generator函数在之前我专门讲个generator的使用与原理实现，大家没了解过的可以先看那个手写generator核心阅读全文

posted @ 2022-09-22 18:19 林恒阅读(176) 评论(0) 推荐(1)

记录--通过手写，分析Promise核心原理

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 定义整体结构先写出构造函数，将Promise向外暴露 /* 自定义Promise函数模块：IIFE */ (function (window) { /* Promise构造函数 executor:执行器函数 */ function 阅读全文

posted @ 2022-09-21 18:47 林恒阅读(104) 评论(0) 推荐(0)

记录--通过手写，分析axios核心原理

摘要：这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一、axios简介 axios是什么？ Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 axios有什么特性？（不得不说面试被问到几次）从浏览器中创建 XMLHttpRequests 从阅读全文

posted @ 2022-09-19 16:59 林恒阅读(203) 评论(2) 推荐(0)

林恒

随笔分类 - vue知识分享

公告