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 · 1158 阅读 · 0 评论 -
来和 webpack 谈场恋爱吧
Webpack 是实现前端工程化的一个重要工具。本课程由浅及深,逐步掌握基础知识并具有实战开发能力。幽默风趣的课堂氛围,带给你的都是最前沿的前端技术,进阶前端开发。你将学到的webpack 简介webpack 基础用法webpack 流程图webpack 源码解析webpack 扩展插件企业级项目实战课程介绍webpack 是实现前端工程化的一个重要工具,一些公司甚至会设置一个叫 webpack 工程师的角色,可见 webpack 在前端开发中起到了一个很重要的作用。本次课程将包转载 2020-10-09 16:51:59 · 1339 阅读 · 0 评论 -
前端框架系列之(mvvm)
简介前面我们介绍过了mvc 前端框架系列之(mvc),mvp 前端框架系列之(mvp),MVP中我们说过随着业务逻辑的增加,UI的改变多的情况下,会有非常多的跟UI相关的case,这样就会造成View的接口会很庞大。而MVVM就解决了这个问题,通过双向绑定的机制,实现数据和UI内容,只要想改其中一方,另一方都能够及时更新的一种设计理念,这样就省去了很多在View层中写很多case的情况,只需要改变数据就行。Model(模型)表示应用程序核心(比如数据库记录列表)。View(视图)显示数据(数据库记录原创 2020-06-16 21:49:27 · 901 阅读 · 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 · 1162 阅读 · 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 · 2096 阅读 · 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 · 6250 阅读 · 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 · 5423 阅读 · 1 评论 -
前端框架系列之(装饰器Decorator)
简介:装饰器是ES2016 stage-2的一个草案,但是在babel的支持下,已被广泛使用,有点类似java里面的注解。提案地址Class and Property Decorators用法:如果我们要在我们项目中使用最新的stage-2的装饰器提案怎么做呢?Preset: babel-preset-stage-1Plugins: babel-plugin-transform-decorators, babel-plugin-transform-decorators-legacyFirst原创 2020-06-14 19:44:59 · 1329 阅读 · 0 评论 -
js基础练习(二)
void 0;void会把后面变量都置成undefined;函数声明后面不可以跟括号,函数表达式可以所以我们经常看到比如:(function(){})();或者!function(){}();"!"跟"()"强制把函数声明变成表达式最好是加一个void,因为void符合语意,在java中表示没有返回值比如:void function(){}();...原创 2020-05-22 17:04:16 · 307 阅读 · 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 · 445 阅读 · 0 评论