
前端框架
qq_36987708
这个作者很懒,什么都没留下…
展开
-
Ant Design表单重置
resetForm(e: MouseEvent): void { e.preventDefault(); this.validateForm.reset(); for (const key in this.validateForm.controls) { this.validateForm.controls[key].markAsPristine(); this.validateForm.controls[key].updateValueAndValidity(); } }原创 2021-06-03 16:27:17 · 1161 阅读 · 0 评论 -
web前端面试之vue
目录mvc与mvvmvue生命周期vue 的双向绑定的原理是什么vue组件通信vue服务器渲染vue性能优化ue-router 有哪几种导航钩子?vue-router如何做历史返回提示?vue-router如何做用户登录权限等?axios取消请求vuex原理mvc与mvvmmvcView:视图层 ui界面 controller:控制器 接受并处理用户请求通知Model改变,并将Model返回给 View Model:模型 数据MVVM分为..原创 2020-08-18 16:20:43 · 332 阅读 · 0 评论 -
VUE指令
VUE指令(direcrive)vue的指令是带有特殊前缀”v-“的html的特性,它绑定一个表达式,并将一些特性应用到dom上。vue中常用的v-指令:v-pre:跳过这个元素和它的子元素的编译过程。一些静态的内容不需要编辑加这个指令可以加快编辑。<span v-pre>{{msg}}</span> 即使data里面定义了msg这里仍然是显示的 {{msg}}v-cloak:设置样式,这些样式会在 Vue 实例编译结束时,从绑定的 HTML 元素上被移...原创 2020-08-05 17:42:08 · 204 阅读 · 0 评论 -
vue双向绑定的原理
利用 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的。它接收三个参数,要操作的对象,要定义或修改的对象属性名,属性描述符。重点就是最后的属性描述符。属性描述符是一个对象,主要有两种形式:数据描述符和存取描述符这两种对象只能选择一种使用,不能混合两种描述符的属性同时使用。get和set就是属于存取描述符对象的属性答:VUE实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个原创 2020-08-04 14:13:57 · 186 阅读 · 0 评论 -
VUE生命周期
Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。一、生命周期vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作, 那么先列出所有的钩子函数,然后我们再一一详解:beforeCreate created beforeMount mounted beforeUpdate updat转载 2020-08-04 12:14:46 · 125 阅读 · 0 评论 -
第一个angular项目
一、安装1、安装node.js从官网下载需要的版本,直接安装即可,安装完成后,在命令行输入node -v查看安装的版本,有显示即安装成功2、安装typescript必须先安装typescript,因为angular是用typescript写的npm install -g typescript typings安装完成后 tsc -v查看版本3、安装angularnpm install cnpm -g --registry=https://registry.npm.taobao.原创 2020-07-25 12:04:39 · 541 阅读 · 0 评论 -
Ext.js 组件:Tool tip工具提示
Ext.js 工具提示描述工具提示:当一些事件发生时,出现的小信息基本上是用于悬停事件。句法这里是创建工具提示的简单语法 T1 = new 'Ext.ToolTip'({properties}); 例下面是一个简单的例子显示工具提示 <!DOCTYPE html><html><head> <lin...转载 2019-01-14 09:43:42 · 381 阅读 · 0 评论 -
Ext.js组件:Chart 图表
图表用于以图形格式表示数据。 以下是Ext JS提供的不同图表:编号 图表 1 Pie Chart 由于名称表示此图表用于以饼图格式表示数据。 2 Line Chart 此图表用于以线图格式表示数据。 3 Bar Chart 此图表用于以条形图格式表示数据。 4 Area Chart 此图表用于以面积...转载 2019-01-10 11:27:41 · 1973 阅读 · 1 评论 -
Ext.js 组件:Message Box消息框
Ext.js 消息框消息框是显示某些事件发生时的一些警报信息。 Ext JS有不同的消息框:编号 消息框 1 Basic alert box 这是最简单的警报框只是为了显示一些事件的一些信息。 2 Confirm box 此消息框要求用户确认以及对不同选项用户选择调用的不同方法为yes或no。 3 Prompt box ...转载 2019-01-10 11:20:48 · 321 阅读 · 0 评论 -
extjs组件:form
Ext.js 窗口window这个UI部件是创建一个窗口,当任何事件发生时应该弹出。描述窗口:这个UI组件是创建一个窗口,当任何事件发生时应该弹出窗口。 窗口基本上是一个面板,当任何事件发生时按钮/链接单击或悬停在其上应该出现。语法这里是创建窗口的简单语法 win = new Ext.Window({ properties }); 例下面是一个简单的例...转载 2019-01-10 11:07:16 · 159 阅读 · 0 评论 -
extjs组件:
FormExt.js 表单窗体小部件是从用户获取数据。描述形式:在大多数Web应用程序表单是最重要的小部件从用户获取信息,如登录表单/反馈表单,以便该值可以保存在数据库中,以供将来参考。窗体小部件用于此目的。在创建表单之前,我们应该知道xtype。xType定义Ext JS UI组件的类型,它在组件的渲染期间确定,例如元素可以是一个文本框,对于该文本框我们有xType作为textF...转载 2019-01-10 11:04:30 · 469 阅读 · 0 评论 -
Ext.js 组件:Progress bar进度条
描述进度条:这用于显示完成的工作的进度,并显示后端工作仍在进行中,所以请等待,直到完成。语法它基本上是一个消息框,显示任务的进度。 下面是创建进度条的简单语法。 Ext.MessageBox.show({ title: 'Please wait', msg: 'Loading items...', progressText: 'Initializing.....转载 2019-01-14 09:45:26 · 556 阅读 · 0 评论 -
Ext.js 布局
布局是元素在容器中排列的方式。 这可以是水平的,垂直的或任何其他。 Ext JS在其库中定义了不同的布局,但我们也可以编写自定义布局。编号 布局和描述 1 Absolute 此布局允许使用容器中的XY坐标定位项目。 2 Accordion 此布局允许将所有项目以堆栈方式(一个在另一个之上)放在容器内。 3 Anchor 此布...转载 2019-01-14 09:45:54 · 324 阅读 · 0 评论 -
Ext.js 自定义事件和监听器
事件是在类发生的时候触发的。 例如,当一个按钮被点击或元素被渲染之前/之后。写事件的方法: 内置事件使用侦听器 稍后附加事件 自定义事件内置事件使用侦听器Ext JS提供了用于在Ext JS文件中编写事件和自定义事件的侦听器属性。在Ext JS中编写侦听器我们将通过在面板中添加listen属性来将监听器添加到上一个程序中,如下所示:<!DOCTYPE ht...转载 2019-01-14 09:46:25 · 1917 阅读 · 0 评论 -
Ext.js 数据
数据包用于加载和保存应用程序中的所有数据。数据包有许多类,但最重要的类是:模态 商店 代理 模型model的基类是Ext.data.Model.It表示应用程序中的一个实体。 它将存储数据绑定到视图。 它有后端数据对象到视图dataIndex的映射。 在store的帮助下获取数据。 创建模型为了创建一个模型,我们需要扩展Ext.data.Model类,我们需要定义...转载 2019-01-14 09:47:22 · 342 阅读 · 0 评论 -
Ext.js 方法
面是几个内置函数,主要在Ext JS中使用:Ext.is类:此类检查您使用的平台,无论是手机还是桌面,Mac或Windows操作系统。这些是与Ext.is类相关的以下方法编号 方法和描述 1 Ext.is.Platforms 此函数返回此版本可用的平台。 例如。 当你运行下面的函数,它返回如下: [Object { property=...转载 2019-01-14 09:47:40 · 1311 阅读 · 0 评论 -
Ext.js组件:Message box 消息框
Ext.js 消息框Message Box消息框基本上用于以警报框的形式显示数据消息框是显示某些事件发生时的一些警报信息。 Ext JS有不同的消息框:编号 消息框 1 Basic alert box 这是最简单的警报框只是为了显示一些事件的一些信息。 2 Confirm box 此消息框要求用户确认以及对不同选项用户选择调用的不同方法为y...转载 2019-01-14 09:42:46 · 324 阅读 · 0 评论 -
extjs概述
extjs学习网站:https://www.w3cschool.cn/extjs/什么是Ext JSExt JS是一个流行的JavaScript框架,它为使用跨浏览器功能构建Web应用程序提供了丰富的UI。 Ext JS基本上用于创建桌面应用程序它支持所有现代浏览器,如IE6 +,FF,Chrome,safari 6+ 等。而sencha,sencha touch的另一个产品用于移动...转载 2019-01-10 09:57:48 · 197 阅读 · 0 评论 -
extjs第一个程序
Ext.js 第一个程序由 star333 创建,Loen 最后一次修改 2016-12-28本章列出了在Ext JS中首先编写Hello World程序的步骤:步骤1在我们选择的编辑器中创建index.htm页面。 将所需的库文件包含在html页面的head部分,如下所述:index.htm <!DOCTYPE html><html> &...转载 2019-01-10 10:08:24 · 190 阅读 · 0 评论 -
Ext.js Class 系统
Ext JS是一个JavaScript框架,它具有面向对象编程的功能。Ext是封装Ext JS中所有类的命名空间。在Ext JS中定义类Ext提供了300多个类,我们可以用于各种功能。Ext.define()用于在Ext JS中定义类。语法:Ext.define(class name, class members/properties, callback function)...转载 2019-01-10 10:10:06 · 389 阅读 · 0 评论 -
Ext.js 集装箱
容器Ext JS中的容器是我们可以添加其他容器或子组件的组件。这些容器可以具有多个布局以将部件布置在容器中。我们可以从容器和其子元素添加或删除组件。Ext.container.Container是Ext JS中所有容器的基类。编号 描述 1 Components inside Container 此示例显示如何在容器内定义组件 2 Cont...转载 2019-01-10 10:16:25 · 209 阅读 · 0 评论 -
Ext.js 集装箱(二)
各种类型的容器Ext.panel.Panel,Ext.form.Panel,Ext.tab.Panel和Ext.container.Viewport是Ext JS中经常使用的容器。 下面是显示如何使用这些容器的示例。编号 容器类型和说明 1 Ext.panel.Panel 此示例显示一个Ext.panel.Panel容器 2 Ext.form.Panel...转载 2019-01-10 10:26:34 · 233 阅读 · 0 评论 -
extjs组件:Grid
ExtJS UI由一个或多个名为Components.Ext的widget组成.JS具有定义的各种UI组件,可以根据您的要求进行定制。Grid网格组件可用于以表格格式显示数据。描述网格:这个组件是显示数据的简单组件,它是以表格格式存储在Ext.data.Store中的记录的集合。语法这里是创建网格的简单语法 Ext.create('Ext.grid.Panel'...转载 2019-01-10 11:01:15 · 187 阅读 · 0 评论 -
Ext.js 组件:HTML编辑器
描述HTML编辑器:这个Ext JS UI小部件是创建一个html编辑器,以便用户可以编辑它在字体,颜色,大小等方面输入的信息。语法下面是创建HTML编辑器的简单语法 Ext.create('Ext.form.HtmlEditor') 例下面是一个简单的例子显示HTML编辑器 <!DOCTYPE html><html><...转载 2019-01-14 09:44:12 · 522 阅读 · 0 评论