
js基础
vv_小虫
6 年开发经验,前端架构师,目前主要负责企业级应用前端技术平台建设工作,在前端工程化实现、Node 应用开发、Android 技术、Vue 技术、React 技术、移动开发等方向有丰富实践。
展开
-
闲聊Vue3.0及2020年终总结
前言 最近经常有小伙伴问我一些关于 Vue3.0 的问题,有些甚至恐慌 Vue3.0 发布后自己不会咋办?会不会以后就要失业了呢?当一些新技术的出现,总有些人会对自己不自信,当然,你问我怕不怕?说实话,我是一点都不慌的,别人写出来的东西你去用你还怕啥?无非就是你自己在怀疑你自己能力罢了,年轻人怕啥?干就完了!不过既然有小伙伴问到了 Vue3.0,我还是花了点时间去研究了一下,下面就聊一下当我遇到新技术的时候我是怎么做的。 准备工作 首先我简单的浏览了一下 Vue3.0 的 官网,然后重点浏览了一下跟 Vue原创 2020-12-22 22:48:13 · 1199 阅读 · 0 评论 -
来和 webpack 谈场恋爱吧
Webpack 是实现前端工程化的一个重要工具。本课程由浅及深,逐步掌握基础知识并具有实战开发能力。幽默风趣的课堂氛围,带给你的都是最前沿的前端技术,进阶前端开发。 你将学到的 webpack 简介 webpack 基础用法 webpack 流程图 webpack 源码解析 webpack 扩展插件 企业级项目实战 课程介绍 webpack 是实现前端工程化的一个重要工具,一些公司甚至会设置一个叫 webpack 工程师的角色,可见 webpack 在前端开发中起到了一个很重要的作用。 本次课程将包转载 2020-10-09 16:51:59 · 1379 阅读 · 0 评论 -
前端框架系列之(mvvm)
简介 前面我们介绍过了mvc 前端框架系列之(mvc),mvp 前端框架系列之(mvp),MVP中我们说过随着业务逻辑的增加,UI的改变多的情况下,会有非常多的跟UI相关的case,这样就会造成View的接口会很庞大。而MVVM就解决了这个问题,通过双向绑定的机制,实现数据和UI内容,只要想改其中一方,另一方都能够及时更新的一种设计理念,这样就省去了很多在View层中写很多case的情况,只需要改变数据就行。 Model(模型)表示应用程序核心(比如数据库记录列表)。 View(视图)显示数据(数据库记录原创 2020-06-16 21:49:27 · 922 阅读 · 0 评论 -
前端框架系列之(mvp)
简介 前面我们介绍过了mvc 前端框架系列之(mvc),最后其实view跟controller的耦合度还是没有完全分离,所以会导致一大堆逻辑还是在view视图层了,所以为了解决这个问题,就把controller换成了presenter。 Model(模型)表示应用程序核心(比如数据库记录列表)。 View(视图)显示数据(数据库记录)。 Presenter(代理)负责逻辑的处理 我们再看一下mvc的设计图: 再看一下mvp的设计图: MVP跟MVC很相像,我们把MVP当成MVC来看也不为过,pres原创 2020-06-16 16:26:18 · 1201 阅读 · 0 评论 -
前端框架系列之(mvc)
前言 前面我们写了三篇关于es装饰器的文章了,感兴趣的可以去看看: 前端框架系列之(装饰器Decorator) 前端框架系列之(vue-class-component) 前端框架系列之(vue-property-decorator) 简介 MVC 是一种使用 MVC(Model View Controller 模型-视图-控制器)设计创建 Web 应用程序的模式: Model(模型)表示应用程序核心(比如数据库记录列表)。 View(视图)显示数据(数据库记录)。 Controller(控制器)处理输原创 2020-06-16 13:11:39 · 2152 阅读 · 0 评论 -
前端框架系列之(vue-property-decorator)
简介: 这节我们继续解析一个叫vue-property-decorator的第三方库,首先可以看它官网的一个介绍: This library fully depends on [vue-class-component](https://github.com/vuejs/vue-class-component), so please read its README before using this library. 也就是说它是基于vue-class-component库的,在上一篇文章中我们介绍了如何在v原创 2020-06-15 11:20:53 · 6309 阅读 · 0 评论 -
前端框架系列之(vue-class-component)
简介: 说到函数式组件跟类组件在react官方就有提供,具体差异的话大家可以自行查阅react开发文档,下面我们看一下在react中怎么使用这两种方式定义组件: 函数式组件: function Welcome (props) { return <h1>Welcome {props.name}</h1> } 类组件: class Welcome extends React.Component { render() { return ( <h1>原创 2020-06-14 22:58:23 · 5463 阅读 · 1 评论 -
前端框架系列之(装饰器Decorator)
简介: 装饰器是ES2016 stage-2的一个草案,但是在babel的支持下,已被广泛使用,有点类似java里面的注解。 提案地址Class and Property Decorators 用法: 如果我们要在我们项目中使用最新的stage-2的装饰器提案怎么做呢? Preset: babel-preset-stage-1 Plugins: babel-plugin-transform-decorators, babel-plugin-transform-decorators-legacy First原创 2020-06-14 19:44:59 · 1470 阅读 · 0 评论 -
js基础练习(二)
void 0; void会把后面变量都置成undefined; 函数声明后面不可以跟括号,函数表达式可以 所以我们经常看到比如: (function(){})(); 或者 !function(){}(); "!"跟"()"强制把函数声明变成表达式 最好是加一个void,因为void符合语意,在java中表示没有返回值 比如: void function(){}(); ...原创 2020-05-22 17:04:16 · 323 阅读 · 0 评论 -
js基础练习(一)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> /** * 转十进制 * @param str 进制字符串 * @param n 目标进制原创 2020-05-22 17:02:25 · 456 阅读 · 0 评论