#安全组件

React里受控与非受控组件

  背景:React内部分别使用了props,state来区分组件的属性和状态。props用来定义组件外部传进来的属性,属于那种经过外部定义之后,组件内部就无法改变。而state维持组件内部的状态更新和变化,组件渲染出来后响应用户的一些操作,更新组件的一些状态。如果组件内部状态不需要更新,即没有调用...
代码星球 ·2020-04-08

React创建组件两种写法:React.createClass和extends Component的区别

前言:  createClass本质上是一个工厂函数,extends的方式更加接近最新的ES6规范的class写法。两种方式在语法上的差别主要体现在方法的定义和静态属性的声明上。createClass方式的方法定义使用逗号,隔开,因为creatClass本质上是一个函数,传递给它的是一个Object;而class的方式...

react+ant design Breadcrumb面包屑组件

importReactfrom'react';import{Link}from'react-router-dom';import{Breadcrumb}from'antd';//具体导航的名称constbreadcrumbNameMap={'/user':'用户管理','/user/user_info':'用户信息',...

vue移动端弹框组件,vue-layer-mobile

最近做一个移动端项目,弹框写的比较麻烦,查找资料,找到了这个组件,但是说明文档比较少,自己研究了下,把我碰到的错,和详细用法分享给大家!有疑问可以打开组件看一看,这个组件是仿layer-mobile的,很多用法都一样,可以看看哦!  一、npm 安装// 当前最新版本 1.2.0 ...

vue组件name的作用小结

我们在写vue项目的时候会遇到给组件命名 这里的name非必选项,看起来好像没啥用处,但是实际上这里用处还挺多的?123exportdefault{   name:'xxx'}1.当项目使用keep-alive时,可搭配组件name进行缓存过滤 举个例子: 我...

CSS实现常用组件特效(不依赖JS)

我们已经习惯用JavaScript实现常见的UI功能组件,如手风琴、工具提示、文本截断等。但是随着HTML和CSS新特性的推出,不用再支持旧浏览器,我们可以越来越少用JavaScript来创建UI组件,更多地集中在代码的逻辑部分(验证、数据处理等)。有些实现方案确实感觉有点剑走偏锋,也不太灵活,但它们对于小型项目里的单...

Vue.js 组件编码规范

本规范提供了一种统一的编码规范来编写 Vue.js 代码。这使得代码具有如下的特性:其它开发者或是团队成员更容易阅读和理解。IDEs更容易理解代码,从而提供高亮、格式化等辅助功能更容易使用现有的工具更容易实现缓存以及代码包的分拆本指南为 DeVoorhoede 参考 R...
代码星球 ·2020-04-08

微信小程序~map组件z-index无效

因项目需要,以map为背景,上面悬浮有其他组件。微信开发者工具测试时一切正常,但是真机测试时地图组件却把所有的组件覆盖,检查z-index设置,一切正常,地图组件层级也在这些组件的下面,为什么会被覆盖呢? 查小程序官方文档,官方文档表示,map组件层级最高无法用z-index控制。这就很难受了。 &...

小程序框架之视图层 View~基础组件

框架为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发。详细介绍请参考组件文档。什么是组件:组件是视图层的基本组成单元。组件自带一些功能与微信风格一致的样式。一个组件通常包括 开始标签 和 结束标签,属性 用来修饰这个组件,内容 在两个标签之内。&...

微信小程序~基础组件

 (1)视图容器名称功能说明movable-view可移动的视图容器,在页面中可以拖拽滑动cover-image覆盖在原生组件之上的图片视图cover-view覆盖在原生组件之上的文本视图movable-areamovable-view的可移动区域scroll-view可滚动视图区域swiper滑块视图容器s...
代码星球 ·2020-04-08

.vue公共组件裁减导航

场景:   有一个公共头部和底部,vue搭建的框架,在app.vue里写的公共方法,首页是个登录页面,不需要公共部分,在这基础上进行公共部分的显示隐藏。  即注册页、登录页、404页面都不要导航 代码:(1)路由跳转到404时隐藏导航此时在跳转页面时便可以实现...

vue组件之this指向问题

【问题描述】返回顶部组件里,用到数据操作。通过方法里改动this数据,但发现直接使用失效mounted(){window.onscroll=function(){if(document.documentElement.scrollTop>100){this.isActive=true;}else{this.isA...

vue工程化引入组件模板

vue脚手架搭建好项目后,组件间的引用通过componentsimportbannerComponentfrom'./banner'exportdefault{data(){return{}},components:{bannerComponent}}使用时<bannerComponent></ban...

单文件组件.vue---父子组件通信

  每一个.vue文件就是一个组件,组件和组件相互组合,就成了一个应用,这就涉及到的组件和组件之间的通信,最常用的就是父子之间的通信。在vue中,在一个组件中通过import引入另一个组件,这个组件就是父组件,被引入的组件就是子组件。 【一】父组件→子组件(1)父组件传递数据 在...

认识单文件组件.vue 文件

  vuejs自定义了一种.vue文件,可以把html,css,js写到一个文件中,从而实现了对一个组件的封装,一个.vue文件就是一个单独的组件。由于.vue文件是自定义的,浏览器不认识,所以需要对该文件进行解析。在webpack构建中,需要安装vue-loader对.vue文件进行解析。在&nb...
首页上一页...6768697071...下一页尾页