- 博客(105)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 前端练习 静态网页（四-END）：底部菜单
文章目录一、导航栏二、分割线一、导航栏导航栏的完成通过列表形式完成。这里注意到导航栏的点。一般来说是可以通过设置<ul>元素的list-style-type标签完成的，但是这里我们看到，只有部分列表项有point，这可如何是好呢？我设置一个点形格式，设置左右边距达到。div.bottom { background-color: var(--bottom_back...
2020-04-06 15:53:21
1784
原创 前段练习 静态网页（三）：文字列表轮播与横向排列
文章目录一、等分模块制作1.1 获取模块宽度1.2 二级标题1.3 样式布局二、文字滚动效果一、等分模块制作1.1 获取模块宽度可以清晰的感觉出，模块成三等分。虽然开始区域和body开始区域相同，但尾部区域略宽于body区域。若假设，图片的宽度是被控制的，那这一块儿就不在body中，而可以想到，我们有两种方法设定这一组合模块的整体宽度获取浏览器宽度，然后减去两边的留白宽度设定整...
2020-04-06 14:05:54
744
原创 前端练习 静态网页（一）：导航栏
文章目录一 静态网页1.1 html部分1.1.1 导航栏一 静态网页完成静态网页，也就是不需要点击事件。所以大概需要的内容即：html+css可以在完成静态页面之后，制作鼠标提示功能1.1 html部分大概需要：制作导航栏、布局方式、底部栏1.1.1 导航栏效果制作如下：...
2020-04-01 16:56:25
7607
1
原创 OpenShift学习（1）
文章目录一 基础1.0 Linux容器1.1 红帽OpenShift1.2 Kubernetes1.3 Docker1.4 自动化运维1.4.1 什么是运维1.5 什么是Devops一 基础1.0 Linux容器什么是 Linux 容器？Linux® 容器是与系统其他部分隔离开的一系列进程。运行这些进程所需的所有文件都由另一个镜像提供，这意味着从开发到测试再到生产的整个过程中，Linux...
2020-02-29 18:00:31
471
原创 前端学习——处理边界情况
文章目录一 访问元素&组件1.1 访问根实例1.2 访问父级组件实例1.3 访问子组件或子元素1.4 依赖注入二 程序化的事件监听器一 访问元素&组件1.1 访问根实例在之前的组件学习中，我们知道自定义组件是没办法访问到VUE实例里的东西的，这是为什么呢？这是因为新建vue实例的时候有匹配一个id，而vue实例里的data、computed、components等就是在这个i...
2020-02-21 12:36:15
990
原创 前端学习——动态组件&异步组件
文章目录一 切换不同的组件二 在动态组件上使用`keep-alive`三 异步组件webpack(?)一 切换不同的组件<div id="dynamic-component-demo" class="demo"> <button @click=switchComponent>切换组件</button> <br> <...
2020-02-20 20:54:54
410
原创 前端学习——插槽
文章目录一 插槽的简单用法1.1 用处和用法1.2 编译作用域1.3 使用默认内容二 具名插槽三 作用域插槽3.1 解构插槽Prop（？）四 动态插槽名(?)五 缩写5.1 具名插槽的缩写5.2 默认插槽的缩写六 示例#疑问1. 页面渲染的详细、具体过程一 插槽的简单用法1.1 用处和用法当自定义组件没有slot元素的时候，则该标签开始至结束之间的全部内容都会被丢弃。当使用插槽slot的时...
2020-02-20 13:09:22
1552
原创 前端学习——自定义事件
文章目录一 事件名二 调用事件复习一 事件名建议统一使用下划线命名对象命名方式调用方式组件名局部注册无法使用短横线分隔法驼峰转为短横线分隔调用prop名只能使用驼峰法转为短横线分隔调用事件名因为v-on不识别大小写，所以使用短横线分隔法直接调用二 调用事件复习v-on:简写为@，在组件中通过$emit('事件名')，在标签中即可通过@事件...
2020-02-19 12:46:10
558
原创 前端学习——Prop
文章目录一 Prop的大小写二 Prop指定类型2.1 用法2.2 类型列举一 Prop的大小写HTML 中的 attribute 名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名：var vm = new Vue({ ...
2020-02-18 11:25:42
2091
原创 前端学习——VUE组件注册
文章目录一 组件注册的方法1.1 全局注册1.2 局部注册模块系统#疑问1. webpack 是什么？一 组件注册的方法1.1 全局注册通过Vue.component方法进行组件的全局注册，方法的第一个参数为组件名，建议用-分割或驼峰法命名Vue.component('my-component-name', { /* ... */ })全局注册的组件无论是否被使用，都会初始化。全局注册...
2020-02-18 10:25:29
234
原创 前端学习——VUE组件基础
文章目录一 基本示例1.1 基本使用1.2 基础复用1.2.1 复用方式1.2.2 组件data必须为函数二 组件的组织与注册三 自定义组件属性3.1 prop3.2 v-bind自定义标签四 复杂自定义组件4.1 单个根元素4.2 复杂prop五 监听子组件事件六 插槽柒 动态组件一 基本示例1.1 基本使用 <div id="components-demo"> ...
2020-02-17 18:48:56
343
原创 前端学习——表单输入绑定
文章目录一 基础用法1.1 文本1.2 多行文本1.3 复选框1.3.1 基本使用1.3.2 复选框非默认值1.3.3 多个复选框1.4 单选按钮1.4.1 radio的使用方法：1.4.2 单选绑定1.5 选择框1.5.1 选择框使用1.5.2 选择框绑定二 值绑定三 修饰符一 基础用法代码和效果参考下面的value属性，也可以用vue的:value = "x"绑定到vm.x中1.1 ...
2020-02-13 15:23:27
349
原创 前端学习————事件处理
文章目录一 处理事件1.1 v-on监听事件1.2 事件处理方法1.3 内联处理器中的方法1.4 事件修饰符1.5 按键修饰符1.6 系统修饰符1.6.1 非精准匹配1.6.2 精准匹配1.6.3 鼠标按钮事件一 处理事件1.1 v-on监听事件可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。<div id="example-1">...
2020-02-12 23:05:58
202
原创 前端学习——VUE列表渲染
文章目录一 v-for1.1 数组1.2 对象1.3 维护状态二 数组更新检测2.1 变异方法2.2 替换数组2.3 无法识别三 对象变更四 显示过滤/排序后的结果在v-for中使用数值五 v-for与v-if一起使用#疑问对象和属性一 v-for1.1 数组第一个元素为数组成员，第二个元素为数组下标 <li v-for="a1,a2 in items" :key="index"&g...
2020-02-12 16:36:34
1252
原创 前端学习——VUE条件渲染
文章目录一 v-if指令二 用key管理可复用的元素一 v-if指令v-if、v-else-if、v-else用<template>元素切换一组元素<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><scrip...
2020-02-08 19:49:43
206
原创 前端学习——样式绑定，外部样式表Class与内联样式Style
文章目录一 样式表，绑定HTML Class1.1 v-bind和CSS复习1.2 简单绑定多个样式1.3 逐一判断样式-单个样式1.4 逐一判断样式-多个样式1.5 数组语法（有误）二 内联样式2.1 使用方式三 总结3.1 不使用vue，样式表a 单个属性b 多个属性3.2 不使用vue，内联样式a 单个属性b 多个属性3.3 使用vue，非逐个判断a 单个属性b 多个属性3.4 使用vue ...
2020-02-07 20:41:36
978
原创 前端学习——VUE计算属性和侦听器
文章目录一 计算属性1.1 基础例子1.2 计算属性缓存 vs 方法1.3 计算属性 vs 侦听属性1.4 计算属性的setter二 侦听器#疑问Javascript怎么引用其他的js文件？一 计算属性模板内可以使用表达式进行计算，比如：<div id="example"> {{ message.split('').reverse().join('') }}</div...
2020-02-06 22:05:55
230
原创 前端学习——VUE模板语法
文章目录一 插值1.1 文本插值(Mustache)1.2 原始HTML1.3 属性(Attribute)1.4 使用Javascript表达式二 指令2.1 参数2.2 动态参数三 修饰符三 缩写3.1 v-bind缩写3.2 v-on缩写#疑惑什么是虚拟DOM？Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的...
2020-02-05 17:20:09
438
原创 前端学习——VUE实例
文章目录一 VUE实例的数据二 VUE实例的方法三 生命周期#一些疑惑回调函数javascript语法一 VUE实例的数据var vm = new Vue({ // 选项})当VUE实例被创建时存在于data中的属性是响应式的。比如下面的例子中，data和this.data会同步更新，但是b和test_b不会同步更新。var data = { a : 1 };var b=0;...
2020-02-04 17:29:46
344
原创 前端学习——VUE的基本应用
文章目录1. 第一个vue应用——文本插值1.1 new Vue()中的参数1.2 CSS id选择器2. v-bind 绑定元素属性2.1 span标签2.2 vue绑定属性3. v-if v-for 条件与循环3.1 条件语句3.2 循环语句疑惑Vue.js是什么程序语言的编译过程1. 第一个vue应用——文本插值{{ message }}最常见的Vue.js文本插值的操作<div...
2020-02-03 20:08:36
277
原创 前端学习——VUE初见
文章目录示例：helloworld示例解析示例：helloworldindex.html文件<meta charset="utf-8"><html> <head> <link rel="stylesheet" href="index.css"> <script src="https://cdn.j...
2020-01-31 15:40:11
179
原创 前端学习——CSS预处理器，SASS初见
文章目录CSS预处理器示例SASS文档CSS预处理器之前写过postman的测试脚本，对预处理器有一个大概的了解。css不是一种语言，也就是说，CSS基本上是设计师的工具，不是程序员的工具。在程序员眼里，CSS是一件很麻烦的东西。它没有变量，也没有条件语句，只是一行行单纯的描述，写起来相当费事。很自然地，有人就开始为CSS加入编程元素，这被叫做"CSS预处理器"（css preproce...
2020-01-30 22:53:54
297
原创 前端学习 —— Node.js 和 npm初见
文章目录定义Node.jsnpmnpm和Node.js定义Node.js简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。npm简单...
2020-01-30 19:11:01
106
原创 前端练习——四则计算器（二）
文章目录处理小数点、处理符号解决思路前文：四则计算器（一）对前文的四则计算器做如下改进：处理小数点，不出现13.2.2这种情况增加清零、删除功能增加历史记录功能处理小数点、处理符号处理思路：当点击小数点的时候，函数判断当前的字符串到上一个运算符之前有没有小数点。如果有，就不允许输入小数点了再次观察自己的实现方式，发现这样的代码（没有做任何校验）会出现下图所示的情况：实际上，应...
2020-01-29 14:37:51
475
原创 前端练习——简单的四则运算计算器
文章目录1. 页面布局表格学习按钮属性通过前置的HTML、CSS、JS的简单学习，大概了解了这三者简单的使用方式。现在来写一个简单的四则运算计算器。如果顺利的话，预期下一次完成：带清零、清除、连续计算和计算历史的计算器；科学计算器。1. 页面布局表格学习预期的输入栏样式：参考html标签列表，参考table标签的相关用法：<table 表格属性，如宽度、空白间距> &l...
2020-01-28 15:59:09
1839
1
原创 前端学习——JavaScript与HTML
文章目录HTML中使用script标签JS的简单使用JS的函数和事件head标签中body标签中外部的 JavaScriptHTML中使用script标签JS的简单使用<!DOCTYPE html><html><body>..<script>document.write("<h1>这是一个标题</h1>");...
2020-01-27 23:27:12
199
原创 前端学习——html样式定义、CSS文件与HTML文件
文章目录示例示例解释`head`标签html文件的相对地址HTML页面，样式的定义方式有四种：浏览器缺省设置外部样式表内部样式表（位于 标签内部）内联样式（在 HTML 元素内部）且优先级依次增大，一般推荐使用外部样式表进行定义，因外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中示例.html文件<html><meta http-eq...
2020-01-27 21:49:26
429
原创 前端学习——CSS基础（一）
文章目录CSS基础示例语法解释参考资料：W3school-CSS 教程CSS基础示例示例代码:提示：以下例子中的 CSS 代码均位于 HTML 的 head 部分，这样做的目的是为了利于演示例子本身。在实际的开发中，使用 CSS 最好的方式是引用外部样式表。<html><head><style type="text/css">body {b...
2020-01-27 16:14:55
228
原创 前端学习——DOM树，渲染页面
文章目录网络连接过程渲染页面DOM构造布局绘制页面DOM树是一种数据结构，隶属于“树”。网络连接过程参考：《网络是怎样连接的》向浏览器输入 网址(https://www.baidu.com)浏览器解析URL，解析出Web服务器名+文件路径根据DNS服务器查询WEB服务器的IP地址根据HTTP协议，客户端（对WEB应用来说常是浏览器）生成HTTP请求消息，和服务器之间进行交互。...
2020-01-27 14:07:43
533
原创 前端学习——HTML（二），标签查询、常见的标签举例
文章目录divh1~h6, p, span, strong, em...ul, li, ol, dl, dt, ddform表单相关参考资料：HTML常用标签H5标签查询：查询地址divdiv标签用于组合其他HTML元素，本身无实在意义。常用于页面的布局，比如一个展开式的广告页面框架大致如下：<body> <div id="wrap-container">...
2020-01-27 00:46:24
528
原创 前端学习——HTML（一）
文章目录HTML是什么HTML标签和元素HTML的属性简单示例参考文章：https://www.yuque.com/fe9/basic/hw5araHTML是什么HTML 是标记语言，通过一些特定符号（标签），使文章格式固定。如下图所示：浏览器将HTML变成人眼看到的图像，这个过程就是页面渲染。HTML标签和元素名词解释HTML标签类似于<p> 、...
2020-01-26 13:42:10
569
原创 leetcode-1, 两数之和
文章目录一 题目二 题解1. 冒泡排序三 知识点数组的使用一 题目给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案。但是，你不能重复利用这个数组中同样的元素。示例:给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1]...
2020-01-14 18:31:46
221
1
原创 Postman使用学习记录
文章目录文档地址：基本使用使用变量的方法：变量动态改变自动批量运行把结果导出文档地址：中文文档官方文档基本使用使用变量的方法：postman使用变量举例postman使用的语法是JavaScrip，参考地址//声明变量var temp = 1;//设置环境变量pm.environment.set("_url":"baidu.com");//获取环境变量temp = pm....
2019-12-15 15:18:43
183
原创 微信公众号相关
文章目录前言一 平台开发概述1.1 OpenID能做什么1.2 UnionID的功能1.3 微信开放平台账号前言微信公众号是我现在工作主要相关的系统，但是却一直没有好好地理解过。多少和我自己不喜欢微信平台有关系吧。参考资料：微信公众平台一 平台开发概述微信公众号如何识别用户？OpenID每个用户针对每个公众号会产生一个安全的OpenID，用户共通需前往微信开放平台，将这些公众号和...
2019-10-25 16:02:11
289
原创 AI文件资源导出方法
文章目录操作说明操作整体流程操作说明鼠标选中点击资源右击选择：收集以导出，作为单个资源发现添加到资源导出列表导出配置选择导出地址查看导出文件操作整体流程...
2019-09-06 14:02:39
5224
原创 gitlab手册
文章目录一 以下载的方式查看文件1.1 下载单个文件1.2 下载整个项目的文件二 简单的使用git命令2.1 下载安装git2.2 配置SSH keygitlab地址：http://172.18.207.98 使用公司内网访问查看IBM营销中台项目： 浏览器页面顶部菜单栏 Projects->Your projects一 以下载的方式查看文件若只是想要查看文件，没有修改需求，且对g...
2019-08-30 19:58:34
317
原创 C language programming by OSTEP.intro Vitualizing Memor
文章目录代码内容代码分析代码内容#include <unistd.h>#include <stdio.h>#include <stdlib.h>#include "common.h"int main(int argc, char *argv[]) { if (argc != 2) { fprintf(stderr, "usage: me...
2019-08-12 14:39:44
184
原创 C language programming. from Operating Systems - Three Easy Pieces. Intro - Virtualization the CPU
文章目录前言一 代码段内容：二 代码段理解2.1 `cpu.c`文件2.2 common.h文件前言最近在看《Operating Systems - Three Easy Pieces》发现自己C编程能力是真的弱啊，甚至读不懂。一 代码段内容：cpu.c文件#include <stdio.h>#include <stdlib.h>#include "comm...
2019-08-10 17:00:48
289
空空如也
<android初学> <第一行代码> 学习使用<data>标签时出错
2019-02-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人