vue学习(十六) 自定义私有过滤器 ES6字符串新方法填充字符串

<div id="app"> <p>{{data | formatStr('yyyy-MM-dd')}}</p></div> //script <script> //自定义一个私有的过滤器(局部) var vm = new Vue({ el:'app', data:{ msg:'' }, method:{}, filters:{//定义私有过滤器过滤器有两个条件过滤器名称和处理函数 formatStr:function(d…

Vue学习笔记【12】——过滤器

概念:Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化.过滤器可以用在两个地方:mustache 插值和 v-bind 表达式.过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符指示: 私有过滤器 HTML元素: <td>{{item.ctime | dataFormat('yyyy-mm-dd')}}</td> 私有 filters 定义方式: filters: { // 私有局部过滤器,只能在当前 VM 对象所控制的 View 区域进行使用 …

webpack学习（六）—webpack+react+es6（第3篇）

接上篇 : webpack学习(六)—webpack+react+es6(第2篇) 上篇其实是有问题的,问题在取服务器数据这块.this.props 表示那些一旦定义,就不再改变的特性,而 this.state 是会随着用户互动而产生变化的特性[1].服务器数据是变化的,应该作为state而不是props. 参考了其他的博客后,改写一遍.例子: src/js/app.js import React from 'react'; import ReactDOM from 'react-dom'; i…

JavaScript ES6 数组新方法学习随笔

JavaScript ES6 数组新方法学习随笔新建数组 var arr = [1, 2, 2, 3, 4] includes 方法 includes 查找数组有无该参数有返回true var includes = arr.includes(2) map方法 map 遍历处理返回新数组原数组不会改变 var map = arr.map(function (item) { return ++item }) reduce方法 reduce 遍历处理数组返回结果 prev与next中间的符号以…

看es6 字符串新方法有感

'x'.repeat(3) // "xxx" 'hello'.repeat(2) // "hellohello" 'na'.repeat(0) // "" 'x'.padStart(5, 'ab') // 'ababx''x'.padStart(4, 'ab') // 'abax' 上面是es6的新方法 es5 prototype可以写出无聊写了点 String.prototype.repead=function(n){ var arr=n…

vue学习(十五) 过滤器简单实用

vue过滤器: 概念:vue.js允许你自定义过滤器可被用作一些常见文本的格式化.过滤器可以用在两个地方:插值表达式 v-bind表达式由管道符指示 //过滤器调用时候的格式 {{ name | 处理的函数名 }} //可以通过Vue.filter来自定义过滤器 data就是管道符" | " 前面的内容,也就是name Vue.filter('过滤器名称',function(data){ return data+'hahahaha' }) //该过滤器就是为插值表达式的name…

vue学习-day02（自定义指令，生命周期）

目录: 1.案例:品牌管理 2.Vue-devtools的两种安装方式 3.过滤器,自定义全局或私有过滤器 4.鼠标按键事件的修饰符 5.自定义全局指令:让文本框获取焦点 6.自定义指令,修改元素的样式 7.自定义指令函数的简写 8.生命周期函数-组件创建期间的4个钩子函数 9.生命周期函数-组件运行和销毁阶段的钩子函数 10.vue-resource发起get.post.jsonp请求 11.结合Node手写JSONP服务器剖析JSO…

Vue系列之 => 全局，私有过滤器

私有过滤器也称局部过滤器 <script> // 全局过滤器 Vue.filter("datatime",function(timestr){ var tm = new Date(timestr); var yy = tm.getFullYear(); // ES6新方法padStart,填充两位,以0填充. var mm = (tm.getMonth() + 1).toString().padStart(2,"0"); var dd = tm.getD…

vue学习(十七) 使用自定义指令使文本框获得鼠标焦点

需求:当我们进入某个页面,页面中的第一个input会自动获得焦点光标闪烁,代表可输入 <div id="app"> //v-focus 是自定义的 <input type="text" class="form-control" v-focus/> </div> //script <script> //自定定义指令 v-focus //使用 Vue.directive()定义全局指令 //其中参数…

vue学习(十四) 条件搜索框动态查询表中数据数组的新方法

//html <div id="app"> <label> 名称搜索关键字: <input type="text" clasa="form-control" v-model="keywords"> </label> <table class="table table-bordeered table-hover table-striped"> <…

vue第十六单元(element-ui vue-lazyload 等常用插件)

第十六单元(element-ui vue-lazyload 等常用插件) #课程目标 1.掌握插件的引入方式 2.精通UI框架 3.掌握前端常见的几种效果实现 #知识点一.elementUI的使用 1.官网:https://element.eleme.cn/#/zh-CN/ elementUI是pc端框架,配合vue使用. 2.安装 npm i element-ui -S 3.快速上手 (1)完整引入在 main.js 中写入以下内容: import Vue from 'vu…

强化学习(十六) 深度确定性策略梯度(DDPG)

在强化学习(十五) A3C中,我们讨论了使用多线程的方法来解决Actor-Critic难收敛的问题,今天我们不使用多线程,而是使用和DDQN类似的方法:即经验回放和双网络的方法来改进Actor-Critic难收敛的问题,这个算法就是是深度确定性策略梯度(Deep Deterministic Policy Gradient,以下简称DDPG). 本篇主要参考了DDPG的论文和ICML 2016的deep RL tutorial. 1. 从随机策略到确定性策略从DDPG这个名字看,它是由D(Dee…

Vue学习【第二篇】：ES6简单介绍

ECMAScript 6简介 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了.它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言. ECMA:国际标准组织 let,var和const命令 const:是用来定义一个常量 const a ='hello' //const就是定义一个常量 //常量是不能修改的 let:是用来定义一个块级作用域的变量 let和val都是用来声…

webpack学习（六）—webpack+react+es6（第2篇）

接上篇 webpack学习(五)—webpack+react+es6(第1篇) 本文做个简单的图片加文字的页面.其中,配置文件跟上篇一致.项目结构: index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .img{…

vue学习笔记(六)表单输入绑定

前言在上一章vue学习笔记(四)事件处理器这一篇博客的内容中,我们已经了解vue是如何绑定事件的,而本篇博客主要讲解的是vue中表单输入的绑定,通常我们自己提交信息的时候都是通过表单将信息到服务器的,例如登陆.注册等等.但是直接提交的话可能存在恶意的行为,尽管服务器那边对我们提交的信息进行处理,但是无形之中还是会增加服务器的压力,为了减少服务器的压力,vue也提供了一系列简便的方法供我们使用,允许我们在提交信息的时候进行处理,确保数据的准确性,这样就可以大大的减少服务器的压力,那么一起来看看v…

Java学习十六

学习内容: 1.做毕设 2.Java异常类 3.Java包装类 1.System.exit(1):终止程序运行,终止final执行方法 2.throws抛出异常类型,throw抛出异常对象用法:throw new Exception("提示信息") 3.异常链:捕获一个异常后在抛出另一个异常保留异常信息机制: package com.imooc.test; public class TryDemoFive { public static void main(String[] arg…

es6的新特性--模板字符串

这几天简单看了一下深入浅出es6这本书,感觉特实用,学习了一个新特性---模板字符串在项目开发中,拼接字符串是不可缺少的,动态创建dom元素以及js操作数据都要拼接字符串,在es6出来之前,我们都通常用引号(''或"")和加号(+)来拼接字符串,麻烦不说而且还容易出错,就拿个其中的代码例子说: menuUl+="<li><i class='"+menudata[i].icon+"'></i><p onclick=\…

ES6的新方法实现数组去重

ES6里新添加了两个很好用的东西,set和Array.from. set是一种新的数据结构,它可以接收一个数组或者是类数组对象,自动去重其中的重复项目. 在这我们可以看见,重复的项目已经被去掉了,包括NaN.正常情况下,NaN === NaN 返回的是false,但是在set里,一样能够帮你去重,厉害了. 但是这里大家可以看到,set返回的是一个对象,但是我们想要的是数组啊. 这回,就该轮到Array.from出场了,它的作用,就是可以把类数组对象.可迭代对象转化为数组. 这回我们再看,已经变成…

vue学习(十八)使用自定义指令为字体渲染颜色

<div id="app"> //v-color 是自定义的 <input type="text" class="form-control" v-color="'blue'"/> </div> <script> //自定义一个设置字体颜色的指令Vue.directive('color', { //样式,只要通过指令绑定给了元素,不管这个元素有没有被插入到页面中去,这个元素就…

Vue学习之全局和私有组件小结（七）

一.组件: 组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用相应的组件即可. 二.组件和模块: 1.模块化:是从代码逻辑的角度进行划分的:方便代码分层开发,保证每个功能模块的职能单一: 2.组块化:是从UI界面的角度进行划分的:前端的组块化,方便UI组件的重用. 三.定义全局组件的方式: 三种方式: <!DOCTYPE html> <html lang="en"> <head…

Vue（十六）vue-router路由

一. vue-router路由 1. 简介使用Vue.js开发SPA(Single Page Application)单页面应用根据不同url地址,显示不同的内容,但显示在同一个页面中,称为单页面应用 [参考](https://router.vuejs.org/zh-cn) bower info vue-router cnpm install vue-router -S 2. 基本用法 a.布局 b.配置路由 <style> .active{ font-size:20px; color…

Scala学习十六——XML处理

一.本章要点 XML字面量<like>this</like>的类型为NodeSeq 可以在XML字面量中内嵌Scala代码 Node的child属性产出后代节点 Node的attributes属性产出包含节点属性的MetaData对象 \和\\操作符执行类Xpath匹配可以在case语句中使用XML字面量匹配节点模式使用带有RewriteRule示例的RuleTransformer来变换某个节点的后代 XML对象利用Java的XML相关方法实现XML文件的加载和保存 Const…

Vue学习之--------组件自定义事件（绑定、解绑）（2022/8/21）

文章目录 1.基础知识 2.代码实例 2.1 App.vue 2.2 school.vue 2.3 student.vue 3.测试效果(略) 4.实际应用(在组件化编码实战三的基础上改进) 4.1 改进的部分说明 4.2 如何查看触发的自定义事件的详细信息 1.基础知识一种组件间通信的方式,适用于:子组件 ===> 父组件使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中). 绑定自定义事件: 第一种方式,在父组件中:<Demo @zyz…

Vue学习笔记六：v-model 数据双向绑定

目录 v-model简介和适用范围新建HTML 所见即所得 v-model模拟简易计算器 v-model简介和适用范围 Vue的一大特点之一就是数据的双向绑定,v-model就是实现这个功能的指令,v-model只能运用到表单元素中,例如 input,radio,text,address,email,select,checkbox,textarea.... 表单元素才能去双向交互,至于div和p啥的,洗洗睡吧新建HTML <!DOCTYPE html> <html lang=&quo…

JavaWeb学习 (十六)————JSP中的九个内置对象

一.JSP运行原理每个JSP 页面在第一次被访问时,WEB容器都会把请求交给JSP引擎(即一个Java程序)去处理.JSP引擎先将JSP翻译成一个_jspServlet(实质上也是一个servlet) ,然后按照servlet的调用方式进行调用. 由于JSP第一次访问时会翻译成servlet,所以第一次访问通常会比较慢,但第二次访问,JSP引擎如果发现JSP没有变化,就不再翻译,而是直接调用,所以程序的执行效率不会受到影响. JSP引擎在调用JSP对应的_jspServlet时,会传递或创建9…

Shiro学习笔记六(自定义Reaml-使用数据库设置 user roles permissions)

1.工程目录 pom文件还和以前设置的一样就是添加了一个数据库驱动, <dependencies> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>3.8.1</version> <scope>test</scope> </dependency> <!-- 添加s…

Django的学习（六）————templates过滤器、Django shell、admin

一.filter: 1.介绍: 写在模板中,属于Django的模板语言. 可以修改模板中的变量,从而显示不同的内容 2.使用: {{ value | filter }},且过滤器可以嵌套使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Edit_page</title> </head> &…

Maven学习(十六)-----Maven存储库

什么是Maven资源库? 在 Maven 术语里存储库是一个目录,即目录中保存所有项目的 jar 库,插件或任何其他项目特定文件,并可以容易由 Maven 使用. Maven库中有三种类型 local - 本地库 central - 中央库 remote - 远程库本地库 Maven 本地存储库是一个在本地计算机上的一个文件夹位置.当你第一次运行 maven 命令的时候它就被创建了. Maven 的本地资源库让您的项目可依赖这些项目(插件库 jar 文件,jar文件等).当运行 Maven 构…

vue学习（六）异步组件加载

异步组件加载首先准备-----简单的框架搭出来 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>异步组件加载</title> <meta name="viewport" content="width=device-width ,initial-scale=1&q…

Salesforce LWC学习(十六) Validity 在form中的使用浅谈

本篇参考: https://developer.salesforce.com/docs/component-library/bundle/lightning-input/documentation https://www.lightningdesignsystem.com/components/input/#Error 当我们在前端有表单操作或者有大量的输入性条件作为搜索条件情况下, 通常会有一些校验,比如非空校验,类型校验等等.针对salesforce lwc也好或者是aura也好,通常有以下…

【vue学习(十六) 自定义私有过滤器 ES6字符串新方法 填充字符串】的更多相关文章

【vue学习(十六) 自定义私有过滤器 ES6字符串新方法填充字符串】的更多相关文章