- 博客(13)
- 收藏
- 关注
RSS订阅原创 前端web worker的使用
JavaScript是单线程的编程语言，当遇到需要处理大量数据的逻辑计算时需要等待代码按照顺序运行，这会导致用户需要等待这段代码执行完后才能对页面进行操作（UI 交互）严重的可能会前端页面卡死的情况发生。但有一种方式可以避免这种困境，它就是web worker。web worker 的作用，就是为 JavaScript 创造多线程环境，worker存在于一个不同的线程中，它和主线程互不干扰,这样就可以把处理大量数据的逻辑计算放在worker里，主线程（通常负责 UI 交互）就会很流畅，不会被阻塞或拖慢。
2021-01-17 17:34:17
3223
2
原创 原生js封装轮播图
工作原因，好久没更新博客了，今天来个用原生js写轮播图， 上代码class Banner { constructor(props = {}) { if (!(props?.root instanceof HTMLElement)) { throw "root是必选dom节点"; } // 状态 this.state = {}; // 参数 this.props = { type: "move", height: 600
2020-12-27 08:51:51
4294
6
原创 vue数据绑定原理
简单概括基于 ES5 的 Object.defineProperty() 这个方法对数据做劫持。Object.defineProperty的 setter 与 getter用户看不到 ，但是在内部它们让 Vue追踪依赖，在属性被访问和修改时通知变化。然后结合发布订阅模式在数据发生数据，通知页面进行更新。简单实现一个 Vue 源代码<div id="app"> <p>{{ sex }}</p> <p>{{ name }}</p> &
2020-05-17 18:57:55
2436
原创 使用 vue 模块化开发
一、使用 vue/cli 脚手架搭建项目之前的博客有简介二、了解单文件组件使用 vue/cli 脚手架搭建项目之后就可以使用 .vue 后缀的文件，我们称它为 单文件组件。单文件组件的优点1.可以在 vscode 中安装 vetur 插件解决 Vue.componen 没有代码高亮，在HTML编辑多行的时候不方便的缺点。2. 可以实现作用域样式，只需要在单文件组件的 style 标签上设置 scoped 属性。3. 可以使用现代化的 ESM 模块化更好的进行模块化开发。一个单文件组件的组成
2020-05-11 22:23:12
1391
原创 vue路由入门使用
后端路由与前端路由后端路由：应用程序如何去处理不同的url地址发送过来的请求。前端路由：不同的url地址要渲染不同的页面效果出来。后端路由与前端路由最本质的一个区别：前端路由只处理 GET 请求。vueRouterVue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自
2020-05-10 20:06:24
1349
原创 Vuex入门教程
一、vuex是什么vue官方提供的状态管理器。用于处理全局的数据共享问题的。二、vuex的仓库中的几个核心概念state vuex中的数据源，专门存共享数据的地方。getter可以针对现有的 state 数据或者其余的 getter 做的一个二次计算，可以理解为仓库的计算属性。mutation唯一能够修改 state 数据的东西，不允许写异步代码。action它里面可以...
2020-05-04 18:06:46
456
原创 vue组件简述
组件是什么？在 Vue 里，一个组件本质上是一个拥有预定义选项并且可复用的 Vue 实例。它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树。官网图：组件的注册全局注册组件Vue.component(组件的名字, 组件的配置)局部注册组件Vue实例中有一个components选项可以注册局部组件，注册后该组件就是这个Vu...
2020-04-28 23:50:08
1199
原创 Vue官方脚手架工具@vue/cli入门
什么是脚手架工具？其实就是用来快速搭建项目的工具。使用@vue/cli全局安装@vue/clinpm install @vue/cli -g全局安装完成之后，提供了一个 vue 的命令。使用 vue -V 来查看一下脚手架版本在要创建项目的文件夹下使用 vue 命令创建一个项目，并选择配置。（注意，不要使用 git bash 来操作，git bash 不能上下键）vue c...
2020-04-17 22:22:15
746
1
原创 Vue生命周期钩子函数简述
生命周期vue 实例或组件（组件本质上就是一个具有预定义选项的实例）创建到销毁的一系列过程，就叫做生命周期。生命周期的钩子函数在生命周期不同的阶段中会自动执行的函数，就叫做生命周期的钩子函数生命周期的三个大阶段及其钩子函数初始化挂载阶段beforeCreatecreatedbeforeMountmounted更新阶段beforeUpdateupdated销毁...
2020-04-17 19:55:45
2142
原创 Vue常用内置指令（不涉及组件使用）
Vue内置指令v-textv-htmlv-showv-ifv-else与v-else-ifv-forv-onv-modelv-text作用：更新元素的 textContent (innerText)。如果要更新部分的 textContent ，需要使用 {{ Mustache }} 插值。示例：<div id="app"> <p>{{ name }}<...
2020-04-08 20:32:35
878
1
原创 原生js写俄罗斯方块
效果图方块定位原理通关16宫格定位坐标，把坐标存到数组中去[[[2,0],[2,1],[2,2],[1,2]],//L[[1,1],[2,1],[2,2],[2,3]], //右L[[2,0],[2,1],[2,2],[1,1]],//凸[[2,0],[2,1],[3,0],[3,1]],//田[[2,0],[2,1],[2,2],[2,3]],//一[[2,0],[2,1],[3...
2020-03-24 03:05:25
7640
14
原创 jQuery轮播图
上个文章给大家讲解了什么是面向对象编程者今天我就用jQuery+面向对象的方式封装一个可选择透明度或者左右移动的轮播图。废话不多说，直接上代码css样式及html代码<style>*{ margin: 0; padding: 0;}li{ list-style: none;}#banner{ width: 590px; heig...
2020-03-08 20:14:39
2187
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人