前端技术
javascript,jquery,angularJS,dojo,Vue
小鱼爱曲奇
测试开发,专注测开全栈学习。技能包括python、vue、k8s、gitlab、shell等。
展开
-
javascript 记录
js 数组判断元素是否存在,对象判断元素是否存在及删除元素原创 2023-09-14 10:26:31 · 135 阅读 · 0 评论 -
javascript !及 !! 的使用
javascript的单及双感叹号的使用原创 2023-03-09 13:38:14 · 102 阅读 · 0 评论 -
Javascript 和vue使用for in 遍历array,取值和类型差异
javascript 的for in循环遍历array,索引取值类型是string,而不是number. vue中v-for遍历array取值是元素,而非索引。原创 2023-03-07 17:59:37 · 609 阅读 · 0 评论 -
js var let区别
js var let声明变量区别原创 2023-02-09 14:56:35 · 87 阅读 · 0 评论 -
Vue下button与element-ui el-button禁用属性
html button元素html button元素禁止是使用属性disable<button disable="disable">点击</button>Vue下使用变量来控制disable值是<button :disable="dis">点击</button>Vue中:<script> export default{ data(){ return {原创 2022-01-18 10:08:56 · 4815 阅读 · 1 评论 -
el-switch 初始值问题:初始取值不是设定的值
el-switchis_simple初始值是true,但是进去页面,el-switch是false状态。为什么取不到初始值?解决方法active-value="true" 变成:active-value="true"inactive-value="false"变成:inactive-value="false"<el-switch class="version_switch" v-model="is_simple" .原创 2021-09-16 14:31:44 · 1670 阅读 · 2 评论 -
Vue checkbox 处理有层级关系的元素
准备实现这样一个功能,如图选中一级步骤,所有的子级步骤都选中,取消选中一级步骤,所有的 子级步骤都取消选中其中一级步骤是li元素,二级步骤是li中的ul下的li,代码结果大致如下: <ul v-for="(step,index) in operate_steps" :key="index" class="list-group text-ul"> <li class="ol-list list-group-item" :class="checkd_op.原创 2021-08-26 15:33:05 · 460 阅读 · 0 评论 -
Vue el-table报错 Duplicated keys detected This may casuse an update error
错误类似于使用的组件是el-table,结合接图中提示,应该是tl-table再渲染行节点的时候key重复了。el-table 有个 el-key的属性。本人赋值的是:row-key="step_id"结合数据,step_id确实有重复。改为:row-key="id"一个不会重复的key值,问题就解决了。...原创 2021-08-17 16:05:51 · 3280 阅读 · 1 评论 -
JS 若数组存在某个变量就删除,不存在就加入
if(checked.indexOf(item.name)>-1){ console.log("deleting...") checked.splice(checked.indexOf(item.name),1)}else{ console.log("adding") checked.push(item.name)}原创 2021-08-13 18:59:04 · 1757 阅读 · 0 评论 -
Vue router-view的使用
1,默认视图,就是转换的默认视图router path 中加上redirect2 router-view嵌套<div id="app"> <router-view></router-view></div>const User = { template: ` <div class="user"> <h2>User {{ $route.params.id }}</h2> .原创 2021-08-02 10:03:00 · 327 阅读 · 0 评论 -
element-ui 的el-tree组件:
1,e-tree组件 <el-tree :data="pdata" show-checkbox node-key="id" default-expand-all :expand-on-click-node="false"> <span class="custom-tre原创 2021-07-28 20:12:02 · 916 阅读 · 0 评论 -
vue使用总结 class ,v-if反向判定,且:&&,或:||
1 ,vue中class根据变量值是否为none,决定是否展现div<div :class="form.id_tag_SetReplicationTo2?'border-class':''">注意:不是:class="{{form.id_tag_SetReplicationTo2}}?'border-class':''" 而是直接使用2,vue中v-if 反向判定<i class="el-icon-download iclass" v-if="!form.id_tag_原创 2021-07-28 19:11:01 · 8658 阅读 · 0 评论 -
Flask template中使用Vue
Flask template中使用Vue,用法总结,包括如何在template中引用vue中变量,如何将vue变量结合其他字符串组合成一个属性值原创 2021-07-15 18:47:18 · 1451 阅读 · 0 评论 -
关于Vue对象取属性值undefined
记一次 Vue 关于对象取属性值报错昨天写Vue前端代码,卡在了一个点上,取对象值,是存在的,但是存对象的属性值,一直undefined的。为此苦恼很久。结果是因为,属性写错了,写错的点是,后端mock的数据对象,在Vue mounted中请求后端数据传递到前端的。在后台传入的mock数据,误写为:“name:”:value多了:分号导致前端取对象属性name,data.name 取不到值,当时还信心满满认为肯定是Vue组件周期导致的取不到属性值,网上搜索半天,压根没考虑到是属性名字写错的这个最简原创 2021-05-25 11:10:15 · 10224 阅读 · 1 评论 -
Vue2的router-view中子组件与父组件传值
子组件与父组件传值是通过在子组件中,定义$emit,向父组件发射一个事件,及带上传的值。父组件监听这个事件,然后调用这个事件的函数,传值是传到这个函数参数中的。 this.$emit('changeActiveStep',3);事件名:changeActiveStep传值:3具体如下:场景是,app.vue中定义一个展示当前进度的变量,这个值随着app.vue 中router-view跳转到component1,值表示为第一步,跳转到component2,值表示为第二步实现为:1,在原创 2021-05-21 11:27:16 · 4149 阅读 · 0 评论 -
Vue2结合Element UI构建项目-select结合raido使用
想实现的效果是,有个radio组,给出一些列值,选择一个值的话,select组件带上相应值请求,请求结果供选择组件模板中代码: <el-select v-model="request_id" placeholder="请选择requestId"> <el-option v-for="(item,index) in request_ids" :key="index" :label="item" :value="item">原创 2021-05-21 10:50:28 · 574 阅读 · 0 评论 -
Vue-cli3项目加入Vue-router路由
学习的是Vue2的路由:1,位于src/目录下,新建router.js文件2,router.js文件中,引入vue-router模块,然后引入Vue使用VueRouter模块import VueRouter from 'vue-router'import Vue from 'vue'Vue.use(VueRouter)为啥要use下呢?。。。3,定义router路由,并且配置路由和组件之间的关系const routes = [ { path: '/display', name:"原创 2021-05-21 10:23:45 · 643 阅读 · 0 评论 -
JavaScript ES6学习总结
@JavaScript ES6学习总结数组concat 合并不改变远数组可以使用arr1.push(…arr2)对象的扩展运算符(…),取出对象的可遍历属性,放置到当前对象中变量let 当前作用域的变量const 当前作用域的常量var 声明的变量初始值是undefined,作用域为方法作用域。var 变量关键字的真正问题在于其在方法内部的定义变量开始的任何地方都可以访问到这个变量。i、discountedPrice、finalPrice 这三个变量是定义在一个 for 循环体中的 (原创 2021-05-06 13:44:26 · 134 阅读 · 0 评论 -
sublime中emmet插件使用
emmet(原名zen coding):是文本编辑器的一款辅助输入HTML和CSS代码的插件。现在可支持一下的文本编辑器: Sublime Text 2 TextMate 1.x Eclipse/Aptana Coda 1.6 and 2.x Espresso Chocolat (可以通过 “Install Mixin” 对话框安装) Komodo Edit/IDE ( Tools →原创 2017-03-25 19:08:40 · 1821 阅读 · 0 评论 -
Jquery通过submitHandler 实现验证后跳转到别的页面
小鱼想实现通过验证后,原创 2014-08-05 14:57:16 · 15022 阅读 · 4 评论 -
submit 与jquery的validate关系
我是jquery的初学者,最近在做jqueryde原创 2014-08-05 14:28:49 · 882 阅读 · 0 评论 -
AugularJS 初入门
Username: {{userName}} Password: 运行不出来,去掉{{userName}}/{{password}} Username: {{userName}} Password: 原因:原创 2016-03-16 21:54:56 · 377 阅读 · 0 评论 -
Dojo学习--event(2): 事件指派和对象方法
继续学习Dojo的事件机制:事件指派(Event Delegation)NodeList 的on函数可以给一串DOM节点赋值handler事件处理函数。dojo/on也通过事件指派来实现这个功能事件指派的意思: 不对每一个DOM元素都指定事件处理函数,而是给DOM树中尽量最高级别的元素上指定一个事件处理函数。按照事件冒泡原理,低级别的DOM元素的事件会传递到高级别DOM元素上。这个高级别的DOM元原创 2017-03-25 12:44:32 · 921 阅读 · 0 评论 -
Dojo 学习--event(1) dojo/on与Nodelist on方法
这节了解怎么通过dojo在DOM元素上来绑定事件。原生DOM EventDom元素的原始事件处理函数包括addEventListener ,attachEvent, DOM0(有待学习) attachEvent是IE的方式,FF及其他事使用addEventListener 。 使用Dojo的DOM event,可以屏蔽各种native API之间的不同,组织内存泄露,以单一直接的方原创 2017-03-24 00:23:51 · 517 阅读 · 0 评论 -
Dojo 学习--配置
本文介绍了dojoConfig的用法,及其他dojo配置方法。介绍了dojo大部分详细配置项,如baseUrl,packages等用法。原创 2017-03-22 20:04:03 · 612 阅读 · 0 评论 -
Dojo 学习--ADM
Dojo 学习之AMD原创 2017-03-12 22:58:34 · 376 阅读 · 0 评论 -
jquery必须知道必须熟悉的基础知识
庄jQuery 1.特点: 小巧 功能强 跨浏览器 插件 2.使用 实际是js文件 a) 复制js到WebRoot b) 页面 3.核心对象及常用方法和属性 a)名称 jQuery和$ 用$找出来的对象叫jQuery对象原创 2014-08-21 21:07:52 · 884 阅读 · 0 评论 -
js函数getElementsByName 的使用
getElementsByName(name) 方法可返回带有指定名称的对象的集合注意是集合原创 2014-08-13 16:51:05 · 1262 阅读 · 0 评论 -
jQuery 笔记
来自:http://www.cnblogs.com/Seekr/archive/2012/09/07/2675249.html1.在web开发中,我们在向页面添加动态功能时,一般都会按照一个固定的模式,查找页面元素或者元素组并在它们只上进行相关操作。2.jQuery语句的强大真正来源于它的selector,选择器。它能够让我们快速准确的在页面中找到我们想要操作的元素。可以是单个,也可以原创 2014-08-06 09:18:43 · 454 阅读 · 0 评论 -
前端面试必问的问题:java 与javascript的区别
(1)javascript是一种嵌入式的脚本语言,是解释性的yuy原创 2014-08-24 19:58:33 · 922 阅读 · 0 评论 -
几个例子弄懂JS 的setTimeout的运行方式
在做阿里的机试题,碰到setTimeout这题,就稍微做了下小实验。原创 2014-08-24 19:24:09 · 1248 阅读 · 0 评论 -
jquery queue dequeue函数的使用
remove()empty():原创 2014-08-21 21:15:16 · 1221 阅读 · 0 评论 -
jquery和js方法 获取text和radio select值 及是否选中
我的上篇日志中 介绍了Jqueryd原创 2014-08-20 22:15:27 · 1320 阅读 · 0 评论 -
JQuery的对象和dom对象
对于初学者来说,使用了jquery后调用对象,有时候需要使用$() ,有时候不需要,就容易迷惑。其实对象分为两类:DOM对象和Jquery对象。原创 2014-08-20 21:24:00 · 429 阅读 · 0 评论 -
jquery validate的动态加入另一个js文件的验证规则
因为项目需要,实现用validate 去验证两个不同的页面,这两个页面原创 2014-08-15 15:38:41 · 2003 阅读 · 0 评论 -
使用Jquery改变验证输入框,并使用display属性进行显示和隐藏
页面中会隐藏一个div块,通过原创 2014-08-13 15:31:04 · 2382 阅读 · 0 评论 -
js和jquery 中获得文本框焦点和失去焦点的方法
javaScript中onblur(): 鼠标离开对象(如文本框)时发生的事件,失去焦点onfocus():鼠标落在对象(如文本框)上时发生的事件,获得焦点例如:<input type="text" name="text1" value="1111onblur_green" onblur="(document.bgColor='green')">原创 2014-08-12 09:45:21 · 6872 阅读 · 0 评论 -
Jquery.validate 中文API
来自:http://banu.blog.163.com/blog/static/23146482009111941249376/转载 2014-08-11 22:19:28 · 476 阅读 · 0 评论 -
2014阿里前端线上笔试题
2014年前端线上题,自己做了一遍,现在附上答案。但是shengm原创 2014-08-24 10:56:22 · 1630 阅读 · 0 评论 -
使用AJAX 的Get方法与Post方法
小鱼最近在学习AJAX,搞不清楚原创 2014-08-07 22:22:21 · 491 阅读 · 0 评论