rulix的博客_python,Ruby,Go语言,其他Web开发,Docker,Ruby读书笔记,Python读书笔记,容器和K8S笔记

7) 认识Rails中的ActiveJob后台任务

=begin关于Rails中的ActiveJob和ActionMailer==> 创建一个rails后台异步任务# bin/rails generate job ClassName- ClassNameJob < ApplicationJob < ActiveJob::Base==> 重写任务类的实例方法perform(执行)# ClassNameJob#perform(*

ide

redis

类方法

原创 2022-02-02 02:53:01 1536 阅读

9）模态框和表单

模态框是弹出来的表单，属于表单的一种形式；也是抽屉页的另一种使用场景这里把模态框和表单放到一起，整理下笔记。接着看1、模态框<Modalvmodel="modal1"title="Modaldialog"</Modal使用slot方式写对话框主题内容,使用header,footer定义页眉页脚vmoel=绑定一个value值,显示或者隐藏控制title =绑定一个标题width =绑定一个宽度ok

form

modal

原创 2021-08-29 17:14:59 259 阅读

8）表格和选择框

再企业后台的编写中，表格占据很大比重，因此UI提供的Table表格格外灵活我们看下1、表格<Table:columns="columns_v":data="data_v"</Table1)vbind:columns="columns_v"表结构定义，表头显示数据 columns_v是由对象组成的列表，每个对象{title:xxx,key:xxx} title表头数据,key表格中真实数据字段1,s

select

tables

原创 2021-08-29 17:09:05 155 阅读

7）日期和时间

日期和时间组件主要用来在页面上选择时间段，可以有效且直观的控制时间范围1、日期<DatePickertype="date"placeholder="Selectdate"style="width:200px"</DatePickertype指定选框的类型，可以是{datadatarangedatetimedatetimerange}data:日期类型，某年某月某日datarange:日期范围，从某

date

time

原创 2021-08-29 17:01:52 308 阅读

6）下拉菜单和抽屉页

抽屉从父窗体边缘滑入，覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务，操作完成后，可以平滑地回到到原任务。

drawer

原创 2021-08-29 16:54:32 309 阅读

5）导航和菜单

针对 Vue.js 及 iView，精心编写了大量业务中的高级示例，对 iView 官方文档作补充。比如 Table 的服务端分页及服务端排序、过滤；Upload 的手动上传及七牛云的集成。所有示例都有详细说明、源码及演示，并可以收藏。高级示例会不断增加

side

menu

message

notice

原创 2021-08-29 16:42:43 189 阅读

4）单选框和复选框

将此UI对应这个Bootstrap一起学习，往往事半功倍；同样的，在UI中也存在删格、列表、单选框和复选框，这里作为笔记整理，简单记录删格<Row<Colflex="2"2/5</Col<Colflex="3"3/5</Col</RowRow的基本参数gutter栅格间距，单位px，左右平分Number0type布局模式，可选值为flex或不选，在现代浏览器下有效。4.5.0版本起强制使用flex

checkbox

radio

row

col

原创 2021-08-29 16:27:48 743 阅读

3）输入框和按钮

ViewUI，即原先的iView，是一套基于Vue.js的开源UI组件库，主要服务于PC界面的中后台产品；这里我假设你已经完成了VUE基础语法学习那么是时候，让我们尝一下ui组件带来的前端好处；iview官网提供了示例代码，也方便做调试学习首先看输入框和按钮组件：《输入框》一般存在form标签内，用来查找、搜索、登陆、创建等post工作《按钮》一般响应某个DOM事件，链接事件的处理方法，多是触发前

input

button

ui

原创 2021-08-29 16:16:29 709 阅读

2）Bootstrap表单和组件

Html、Css、JavaScript是前端程序员必懂的基础知识；但是只使用这些基础知识，80%的工程师不能做出任何项目，如果能，那你一定是大神作为后端有必要记录一下依赖这三种语言的流行UI框架————bootstrap！后面，我也会适当更新一些，当前更流行的JavaScriptUI框架————iView！简介 Bootstrap是最受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备

基本组件、规则和语法

原创 2021-08-22 15:29:57 409 阅读

7）vue组件系统

组件(iViewUI)1、组件的定义组件时Vue.js最核心的功能，伴随着前端应用程序模块化开发以来，组件变得更加重要组件就是带有名字并且可以复用的vue实例，不夸张的说UI插件就是组件的有利证据组件分为：全局组件和局部组件全局组件：Vue.component(id,function_object)局部组件:newvue({component:{id,function_object}})注意事:H

核心组件

原创 2021-08-08 16:02:08 123 阅读

6）表单绑定与过滤器定义

1)关于样式vbind:class=vbind指令可以绑定class以实现动态切换样式的效果，它可以与其他class共存格式1:vbind:class="{className:true/false}"true/false是vm对象的属性格式2:vbind:class="classObject"classObject是vm对象属性中的对象格式3:vbind:class="name1,name2"na

表单是怎么双向绑定的

原创 2021-08-08 15:52:16 121 阅读

5）V-指令系列和vue实例对象

1、指令和扩展指令：以属性方式写到任何可用的html元素中，它将绑定视图变量到vue对象的属性上html属性这里以为分界线举例,vue对象实例简称为vm小结：任何指令都必须作用与某个html元素上vbind》用于绑定html元素的属性或者组件的传递参数,参数是html的元素属性imgvbind:src="imgSrc";(vm对象的属性:imgSrc,绑定到img.src上)cmpentvbind

vue指令和对象初始化

原创 2021-08-08 15:44:19 168 阅读

4）ES6的新特性

针对vue.js下的JavaScript（ES6）新特性: 1、变量提升的let和const 无论在哪里声明变量，var都可使变量提升至顶级作用域，这带来了一些问题ES6引入了let来声明一个不会提升的变量，const则声明一个常量 2、模版字面量 JavaScript中多行字符串要使用反斜线来定义换行，ES6引入了反引号来定义多行字符串关于语言中的变量占位符1）Rails中的双引号字符串占

ES的改进

原创 2021-08-08 15:32:44 156 阅读

1) Bootstrap基本控件

Html、Css、JavaScript是前端程序员必懂的基础知识；但是只使用这些基础知识，80%的工程师不能做出任何项目，如果能，那你一定是大神作为后端有必要记录一下依赖这三种语言的流行UI框架————bootstrap！后面，我也会适当更新一些，当前更流行的JavaScriptUI框架————iView！简介Bootstrap是最受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备优

前端框架

UI库

常用查询

原创 2021-08-07 01:43:03 261 阅读

Kubernetnes部署之插件篇

插件收尾

原创 2021-08-01 03:36:10 219 阅读 1点赞 1收藏

Kubernetnes部署之节点篇

kubernetnes容器

原创 2021-08-01 03:29:00 165 阅读 1收藏

Kubernetnes部署之控制篇

控制节点部署

原创 2021-08-01 03:23:39 178 阅读 1收藏

Kubernetnes部署之地基篇

kubernetnes部署基础

原创 2021-08-01 03:06:59 229 阅读 1收藏

3）js浏览器对象

a) UserInterface 简称UI，就是我们看到的浏览器页面 b) NetworkStack 网络栈，包括多线程网络通信、窗口管理、标签页等 c) WebKit（Blink） Render渲染引擎，可以解析CSS、操作DOM、以及解析html d) v8（libxml） js执行引擎，主要负责解释执行JavaScript

浏览器的解析原理和过程

转载 2021-07-31 02:11:28 116 阅读

2）js数据基础对象

JavaScript标准库，是深入JavaScript基本的入口标准库提供了11中对象，由此引入面向对象思想： 1、Number对象 Number对象是数值对应的包装对象，可以作为构造函数使用，也可以作为工具函数使用。作为构造函数时，它用于生成值为数值的对象。 var n = new Number(1); 1）静态属性 Number对象拥有以下一些静态属性（即直接定义在Nu

数据类型

基础对象

转载 2021-07-31 02:09:29 89 阅读

1）js面向对象编程

面向对象编程（Object Oriented Programming，缩写为 OOP）是目前主流的编程范式它将真实世界各种复杂的关系，抽象为一个个对象，然后由对象之间的分工与合作，完成对真实世界的模拟。类ruby，JavaScript的顶层是object对象；认识JavaScript面向对象的本质和原理

javascript原型链

对象基础

转载 2021-07-31 02:05:52 133 阅读

接触Vue——大神框架

多年的学习经历中，我以为前端是最难学的一门知识；仁者见仁，智者见智；没办法，天生对图形程序的理解，只能停留在笔和纸上。大学期间写过微软的MFC框架，如何画窗体，如何提供按钮，如何拖拽，想起来都是噩梦。没有章法，没有规律，就好比你根本不能理解四维里的时间，为什么还可以回退...

认识前端

体验和心得

原创 2021-07-31 00:55:42 192 阅读

6）认识Rails中的asset/yarn资源

现在前端采用模块化思想，是引入vue和react的基础；不实用vue-cli也是可以写vue的

JavaScript

yarn

module

原创 2021-07-29 15:04:29 449 阅读

5) 关于前端思考

大前端涉及的技术和复杂度还是相当广泛的，这里提及一些基础和个人理解

探索前端基础

原创 2021-07-28 15:23:03 157 阅读 1点赞

4）认识Rails中的router机制

Rails里的路由机制，可以正向导向控制器动作，也可以反向解析为path

route路由

请求走向

处理流

原创 2021-07-24 17:42:29 299 阅读

3）认识Rails中的ActionView

Rails的web页面如何写，如何定义

ActionView

视图页面组织管理

原创 2021-06-13 11:59:24 144 阅读

2）认识Rails中的ActionController

Rails中控制器可以做什么？

ActionControl

原创 2021-06-13 11:57:59 952 阅读

1）认识Rails中的ActiveRecord

使用rails控制数据库操作

Model

原创 2021-06-13 11:55:45 1472 阅读

(23)自动化批量测试

内部自动化测试脚本

调用命令行

原创 2021-06-11 19:33:09 87 阅读

初识Rails之Model

Rails使用ORM框架ActiveRecord；

RailsOnModel

原创 2021-06-05 10:06:34 865 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

rulix一贱你就笑