这是一位读者面试时遇到的问题,我给他解答过后也想将这个问题分享背后究竟有着哪些可以学习的点首先给你们30秒钟的时间进行思考,来回答会从哪些方面进行总结?如果你还不知道 Ant Design 与 Element 究竟是什么,可以去访问 Youthce.com/resources 我的个人网站了解下面是我的想法,首先这类问题,其实更适用于 Ant Design 与 公司自身设计规范 的差异,它所考察的
1.this问题对应写法1)this. handleChange = this. handleChange. bind( this) //如果不写这个,必须要用箭头函数 handleChange( e) { this. setState({ temperature: e. target. value}); }2)handleChange=( e) => { this. setState({
转载 2024-08-06 10:27:31
178阅读
angular.element将DOM元素或者HTML字符串一包装成一个jQuery元素。格式:angular.element(element);element:包装成jquery对象的html字符串或者dom元素jqLite提供的方法:addClass()after()append()attr()bind() – 不支持命名空间,选择器事件数据children() – 不支
vue3 低代码自定义配置邮箱邮件模板(一)低代码配置约定低代码配置,数据解析分为两层。{ theme: "#ff6600", data: { }, form: { } }theme: 模板主题,对应颜色值 data: {} 对应数据 form: {} 表单配置 约定配置数据为两级的意思是说,form内部存在表单嵌套的情况,那么对应的数据也是两级,然后实现表单渲染关联数据就可以实现一一对应。for
1、react脚手架脚手架简介 用来帮助程序员快速创建一个基于xxx库的模板项目 1、包含了所有需要的配置(语法检查、jsx编译、devServer…); 2、下载好了所有相关的依赖; 3、可以直接运行一个简单效果;create-react-app 1、react提供了一个用于创建react项目的脚手架库: create-react-app; 2、项目的整体技术架构为:react + webpac
前言vue作为前端主流的3大框架之一,目前在国内有着非常广泛的应用,由于其轻量自底向上的渐进式设计思想,使其不仅仅被应用于PC系统,对于移动端,桌面软件(electronjs)等也有广泛的应用,与此诞生的优秀的开源框架比如elementUI,iView, ant-design-vue等也极大的降低了开发者的开发成本,并极大的提高了开发效率。笔者最初接触vue时也是使用的iview框架,亲生体会之
mvvm :Model-View-ViewModel的缩写, model数据层,数据模型,仅仅关注数据本身 View视图层是用户操作界面 也可称为,当ViewModel对Model进行更新的时候,会通过数据绑定更新到viewviewmodel 业务逻辑层 view需要什么数据 ViewModel要提供这个数据,view有哪些操作,ViewModel就要响应哪些操作,所以也可以说 它是Model f
转载 2月前
0阅读
Angular4 - 组件1. Component 组成如上图所示: 红色框内的内容是AppComponent, 绿色是HeaderConponent, 黄色是SideBarComponent, 橘色是MainComponent。这样说可能不太准确,因为我们看到的只是html,并不是完整的Component, 这里看到的只是对应组件的Html Teamplate。那么组件中有什么呢?Templat
模仿elment 的Messageelment 有一个Message 可以全局提示的控件很是羡慕,但是作为一位后端人员又不想搞太多前端css,喜欢用vuetify,但是没有全局Message,只好自己动手实现一个了。.先看一下效果,成功提示框: 失败提示框: 接下来让我们一步步实现 首先在src/commponents/下创建Message目录,并在Message目录下创建 Message.vue
转载 11月前
74阅读
前言近些年公司一直采用vue2.x+Element UI进行开发,对于Element UI,由于起步较早,相关的生态一直比较成熟,各种问题在某度上也能找到比较完美的解决方案,最最重要的一点是bug也比较少。 凡是总有个但是:),但是对于Element UI中的Table组件,我个人而言其实不太喜欢的,一是大数据情况下,Table性能堪忧,二是Table组件如果需要展示多行表尾,那是相当的麻烦。尤其
转载 2024-04-29 20:08:56
1698阅读
antd源码-anchor解析整个anchor可以分为几部分:context的运用滚动事件监听组件didupdate的更新context运用anchorstatic childContextTypes = { antAnchor: PropTypes.object, }; getChildContext() { const antAnchor: AntAnchor =
Facebook 官方推出Create-React-App脚手架,基本可以零配置搭建基于webpack的React开发环境,内置了热更新等功能。详细文档可前往链接:Create-React-App文档本文将介绍使用Create-React-App脚手架搭建antd-mobile的开发环境。快速开始: npm install -g create-react-app /
转载 9月前
13阅读
props安装依赖 cnpm install 做成纯净的vue项目 在router的index.js中删除about的路由 删除所有小组件about页面组件 App.vue 只留 <template> <div id="app"> <router-view/> </div>
转载 2024-10-22 21:04:43
113阅读
null是一个表示“无”的对象,转为数值为0. undefined是一个表示“无”的原始值,转数值为NaN。var p=new F; 用new调用一个函数发生了这些事: (1)新建一个对象instance=new Object(); (2)设置原型链instance.__proto__=F.prototype; (3)让F中的this指向instance,执行F的函数体。 (4)判断F的返回值类型
转载 9月前
25阅读
antd react pro系列 ProTable 基本使用一, 安装二, 常用字段 antd 全称 Ant Design, 是目前来说运用最广泛的 react 的 ui 框架, 下文就用略写 antd 代替了 pro系列不做过多解释, 毕竟ui框架大家也都得心应手了, 好好看文档几乎没毛病个人分析 优势: antd react确实是非常强大的ui框架, 其中的内容包含了前端几乎所有的ui,
在做vue项目开发的时候遇到了一个问题,如何选择自己的技术栈?随着vue的开发者越来越多,各种框架也渐渐多起来,面对众多的框架,如何选择一款适合自己业务的框架,还是一件比较纠结的事情,今天总结了一下2020年GitHub上面比较受欢迎,star较高的几个UI框架。1:饿了么ElementUI推荐指数:star:45.2k适用:PC端介绍:element-ui中规中矩,上手挺快,大多数vue开发应该
转载 2024-05-25 13:56:42
573阅读
在开发后台管理系统中,经常会碰到合计行的需求,element有直接的属性可以使用,antdvue的需要手动去生成   如图为实现合计后的效果        1。首先给table配置column的时候,要明确哪些字段需要使用合计,如上图,只有总板数需要使用合计,那给总板数的配置加上标识符 即可,我这里为了方便辨识,直接增加了 su
当2个项目中出现了只有一个方法的相同代码时,要不要单独建一个项目来消除重复代码 最近碰到一个这样的问题,有两个Solution,它们之间在数据层上有一定的联系,简单说就是B项目为A项目提供录入数据的功能,功能上它们两个各有分工,代码暂时也没有耦合,但都出现了一个验证某数据的要求,这个算法是相同的。我的第一反应是肯定要独立出一个Project,单独有一个类,里面有这个验证方法。
转载 9月前
17阅读
        AngularJs是不直接操作DOM的,但是在平时的开发当中,我们有的时候还是需要操作一些DOM的,如果使用原生的JS的话操作过于麻烦,所以大家一般都是使用jQuery,jQuery虽然好用,但是AngularJs是不建议和JQuery同时使用的,所以AngularJs给我们也提供了一些操作DOM的方法———Jqlite  &nbs
转载 2024-04-07 10:39:12
50阅读
main.jsimport { createApp } from 'vue'import 'element-plus/dist/index.css'import './style/element_visiable.scss'import ElementPlus from 'element-plus'import zhCn from 'element-plus/es/locale/lang/zh-c
原创 2021-12-28 17:54:12
1935阅读
  • 1
  • 2
  • 3
  • 4
  • 5