el-cascader多渲染了一层

element-ui el-cascader级联选择器设置指定层级不能选中

有时候用element-ui el-cascader级联选择器添加分类时会遇到最多添加几级的限定.看了文档,只要给需要禁止选择的选项添加disabled属性就可以.但是使用一层一层循环遍历数据感觉很麻烦,自己写了个遍历的方法,纪录下,方便以后使用贴代码 cascader.vue<template> <el-dialog title="添加分类" :visible.sync="dialogVisible" width="500px&quo

JSTL、EL的一些实践记录

JSTL.EL是页面渲染比较常用的基础的技术.然而,因完成的项目大多是通过JSON或XML返回页面,然后Javascript渲染. 所以,JSTL.EL的使用语法,到现在也很不熟练,不可信手拈来. 借最近做页面的权限展现,用到他们,记录一些简单的实践. 所有数据在Servlet中设置(为了模拟实际情况),而非页面设置. package com.nicchagil.study.jstl; import java.io.IOException; import java.util.ArrayList;

Vue.js 2.0源码解析之前端渲染篇

一.前言 Vue.js框架是目前比较火的MVVM框架之一,简单易上手的学习曲线,友好的官方文档,配套的构建工具,让Vue.js在2016大放异彩,大有赶超React之势.前不久Vue.js 2.0正式版已出,在体积优化(相比1.0减少了50%).性能提升(相比1.0提升60%).API优化等各方面都更上一层楼. 本文是系列文章,主要想通过对于Vue.js 2.0源码的分析,从代码层面解析Vue.js的实现原理,帮助读者能够更深入地理解整个框架的思想.此篇文章主要介绍前端渲染部分. 不足之处还请批

02 . Vue入门基础之条件渲染,列表渲染,事件处理器,表单控件绑定

vue基础声明式渲染 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统 Example1 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>E

【C++】使用 libass，完成 Direct3D 11 下的字幕渲染

前言前段时间曾经写过一个视频播放器:https://www.cnblogs.com/judgeou/p/14746051.html . 然而这个播放器却无法显示出外挂或者内封的字幕,这里要稍微解释一下,字幕存在的三种形式: 内嵌:字幕是画面的一部分内封:把字幕文件,例如ass文件放入了视频文件. 外挂:字幕单独是一个文件. 在内嵌的情况下不需要特殊处理,而内封和外挂的时候,就需要进行额外的工作才能看到字幕. 在 DX 11.1 之前,往 D3D 表面渲染文字的主要方式,是通过把字体文件变成图

Backbone.js源码分析(珍藏版)

源码分析珍藏,方便下次阅读! // Backbone.js 0.9.2 // (c) 2010-2012 Jeremy Ashkenas, DocumentCloud Inc. // Backbone may be freely distributed under the MIT license. // For all details and documentation: // http://backbonejs.org (function () { // 创建一个全局对象, 在浏览器中表示为w

Backbone.js 0.9.2 中文解释

// Backbone.js 0.9.2 // (c) 2010-2012 Jeremy Ashkenas, DocumentCloud Inc. // Backbone may be freely distributed under the MIT license. // For all details and documentation: // http://backbonejs.org (function() { // 创建一个全局对象, 在浏览器中表示为window对象, 在Node.j

[js]vue小结

vue基础 - vue是一个渐进式框架 vue (视图渲染) components(路由机制) vue-router(路由管理) vuex (状态管理) vuecli (构建工具) - 库和框架库如jQuery,是调用它的函数实现功能, 框架如vue, 是在指定的地方写代码,框架帮我们调用,是库的升级版 - 声明式(如forEach,不必关注里面实现) vs 命令式(for等具体语句) vue响应式数据变化 Object.defineProperty用法,重新赋值会触发set方法 obj =

简单对比vue2.x与vue3.x响应式及新功能

简单对比vue2.x与vue3.x响应式对响应方式来讲:Vue3.x 将使用Proxy ,取代Vue2.x 版本的 Object.defineProperty. 为何要将Object.defineProperty换掉呢? 1.我刚上手Vue2.x的时候就经常遇到一个问题,数据更新了啊,为何页面不更新呢? 2.什么时候用$set更新,什么时候用$forceUpdate强制更新,你是否也一度陷入困境? 后来的学习过程中开始接触源码,才知道一切的根源都是 Object.defineProperty.

Backbone.js 0.9.2 源码分析收藏

Backbone 为复杂Javascript应用程序提供模型(models).集合(collections).视图(views)的结构.其中模型用于绑定键值数据和自定义事件:集合附有可枚举函数的丰富API: 视图可以声明事件处理函数,并通过RESRful JSON接口连接到应用程序. 源码分析转之网上它人的备注,特收藏一下,以免方便阅读. // Backbone.js 0.9.2 // (c) 2010-2012 Jeremy Ashkenas, DocumentCloud Inc. // Ba

Shader中贴图知识汇总：漫反射贴图、凹凸贴图、高光贴图、 AO贴图、环境贴图、光照纹理及细节贴图

原文过于冗余,精读后做了部分简化与测试实践,原文地址:http://www.j2megame.com/html/xwzx/ty/2571.html http://www.cnblogs.com/zsw-1993/archive/2013/04/11/4880187.html 一个三维场景的画面的好坏,百分之四十取决于模型,百分之六十取决于贴图,可见贴图在画面中所占的重要性.在这里我将列举一系列贴图,并且初步阐述其概念,理解原理的基础上制作贴图,也就顺手多了. 01漫反射贴图diffuse

扩展第三方DropDownMenu

找工作之际,静下心总结工作中的想法. 我的简书原来的效果 Paste_Image.png #解析结构导读想要扩展首先我需要执行下面几个步骤 1.fork DropDownMenu到自己的github账号 2.使用as的vcs checkout出来 3.提交到github 4.发起pull request(还没发) 源码实现原理作者对该控件的分析导读 1240 0.00KB 这是我对该DropDownMenu的组成结构进行的图解 DropDownMenu:下拉菜单控件继承自Linear

【前端单元测试入门02】react的单元测试之Enzyme

React项目的单元测试 React的组件结构和JSX语法,对上一章的内容来讲进行测试显得很勉强. React官方已经提供了一个测试工具库:react-dom/test-utils 只是用起来不够方便,于是有了一些第三方的封装库,比如Airbnb公司的Enzyme 测试项目的配置本次测试项目是根据上一章的测试项目衍生而来,包含上一章讲到的Mocha和chai,这里只介绍新加的一些模块. 项目结构图如下: 因为是React项目,所以自然需要安装React的一些东西: npm install --

Vue.js 学习笔记第5章内置指令

本篇目录: 5.1 基本指令 5.2 条件渲染指令 5.3 列表渲染指令 v-for 5.4 方法与事件 5.5 实战:利用计算属性.指令等知识开发购物车回顾一下第2.2节,我们己经介绍过指令(Directive)的概念了,Vue.js的指令是带有特殊前缀v-的HTML特性,它绑定一个表达式,并将一些特性应用到DOM上. 其实我们已经用到过很多Vue内置的指令,比如v-html.v-pre,还有上一章的v-bind. 本章将继续介绍Vue.js中更多常用的内置指令. 5.1 基本指令 5.1.

搭建 Jest+ Enzyme 测试环境

1.为什么要使用单元测试工具? 因为代码之间的相互调用关系,又希望测试过程单元相互独立,又能正常运行,这就需要我们对被测函数的依赖函数和环境进行mock,在测试数据输入.测试执行和测试结果检查方面存在很多相似性,测试工具正是为我们在这些方面提供了方便. 所谓单元测试也就是对每个单元进行测试,通俗的将一般针对的是函数,类或单个组件,不涉及系统和集成.单元测试是软件测试的基础测试. 2.React 的标配测试工具 Jest. Jest主要有以下特点: 1.适应性:Jest是模块化.可扩展和可配置的.

vue从入门到进阶：组件Component详解（六）

一.什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一.组件可以扩展 HTML 元素,封装可重用的代码.在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能.在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素. 所有的 Vue 组件同时也都是 Vue 的实例,所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子. 二.注册组件全局注册 html代码: <div id="example&quo

Vue(七) 组件详解

组件 (Component) 是 Vue.js 最核心的功能,也是整个框架设计最精彩的部分,当然也是最难掌握的. 组件与复用组件用法组件与创建 Vue 实例类似,需要注册后才可以使用.注册有全局注册和局部注册两种方式.全局注册后任何 Vue 实例都可以使用. 全局注册全局注册示例代码如下: Vue.component('my-component', { //选项 }) my-component 就是注册的组件自定义名称,推荐使用小写加减号分隔的形式命名. 要在父实例中使用这个组件,必须要在

Vue 全局注册逐渐和局部注册组件

//定义一个名为 button-counter 的新组件 Script: Vue.component('button-counter',{//button-counter 这个是组件的名字 data:function(){ return{ count:0 } }, template:'<button v-on:click="count++">单击 {{ count }}</button>' }) 组件是可复用的Vue 实例,并且有一个名字: 我们可以在一个通过

（转）Unity3D 游戏贴图（法线贴图，漫反射贴图，高光贴图）

原帖网址http://www.u3dpro.com/read.php?tid=207 感谢jdk900网友的辛苦编写我们都知道,一个三维场景的画面的好坏,百分之四十取决于模型,百分之六十取决于贴图,可见贴图在画面中所占的重要性.在这里我将列举一些贴图,并且初步阐述其概念,理解原理的基础上制作贴图,也就顺手多了. 我在这里主要列举几种UNITY3D中常用的贴图,与大家分享,希望对大家有帮助.01 首先不得不说的是漫反射贴图: 漫反射贴图diffuse map 漫反射贴图在游戏中表现出物体表面

Three-js 创建第一个3D场景

1.一个场景至少需要的三种类型组件相机/决定哪些东西将在屏幕上渲染光源/他们会对材质如何显示,以及生成阴影时材质如何使用产生影响物体/他们是在相机透视图里主要的渲染队形:方块.球体等 2.浏览器兼容 Moziller Firefox:4.0版本以后开始支持: Google Chrome:第9版以后开始支持 Safari:5.1版本开始支持: Opera:12.00版本以后开始支持.要让Opera支持WebGL,你还需要打开opera:config文件,设置We

Vue教程：组件Component详解（六）

一.什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一.组件可以扩展 HTML 元素,封装可重用的代码.在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能.在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素. 所有的 Vue 组件同时也都是 Vue 的实例,所以可接受相同的选项对象 (除了一些根级特有的选项) 并提供相同的生命周期钩子. 二.注册组件全局注册 html代码: <div id="example&quo

el-cascader多渲染了一层

热门专题