- 博客(45)
- 收藏
- 关注
RSS订阅原创 Vue组件的定义与注册
Vue组件的定义与注册Vue组件的定义和注册全局组件的定义和注册定义组件的三种方式（一）定义组件的三种方式（二）定义组件的三种方式（三）[推荐]使用`components`定义私有组件为组件添加data和methods为什么组件的data必须是一个function组件的切换使用`v-if`和`v-else`结合falg进行切换使用Vue提供的``标签实现组件切换多个组件切换时，通过`mode`属性添加过渡动画Vue组件的定义和注册组件：组件的出现就是为了拆分Vue实例的代码量，能够让我们以不同的组件来划
2021-11-23 23:05:50
653
2
原创 Vue过渡&动画
Vue过渡&动画Vue过渡&动画修改过渡类名的前缀 来把多个DOM元素的动画进行分开定义使用第三方animate.css类库实现动画钩子函数实现半场动画动画的钩子函数举例：使用钩子函数模拟小球半场动画（加入购物车）举例：使用transition-group元素实现列表动画`transition-group`中`appear`和`tag`属性的作用Vue过渡&动画动画进入：v-enter：动画进入之前的初始状态v-enter-to：动画进入之后的结束状态v-enter-a
2021-11-18 20:17:01
1730
1
原创 Vue过滤器
过滤器过滤器自定义全局过滤器全局过滤器的基本使用给过滤器添加一个或多个参数过滤器加一个参数过滤器加两个参数同时使用多个过滤器示例1：时间格式化举例2：列表功能自定义私有过滤器过滤器自定义全局过滤器自定义全局过滤器全局过滤器的基本使用使用全局方法Vue.filter()自定义一个全局过滤器。每一个Vue对象实例（每一个VM实例）都可以拿到这个过滤器。它接收两个参数：过滤器的名称、过滤器函数在插值表达式中使用<p>{{msg | msgFormat}}</p>管道符前
2021-11-11 21:07:22
1194
原创 Vue系统指令（二）
Vue系统指令（二）`v-model`：双向数据绑定`v-for`和`key`属性对象数组的遍历对象的遍历遍历数字v-for中key的使用注意事项`v-if`：设置元素的显示和隐藏（添加/删除DOM元素）`v-show`：设置元素的显示和隐藏（在元素上添加/移除`style="display:none"属性`）v-if和v-show的区别v-model：双向数据绑定双向数据绑定，只能用于表单元素，或者用于自定义组件区别- v-bind：只能实现数据的单向绑定，从M自动绑定到V，无法实现数据的双
2021-11-07 23:16:20
1057
原创 Vue系统指令（一）
Vue系统指令（一）插值表达式 {{}}v-cloakv-textv-htmlv-bind：属性绑定机制v-on：事件绑定机制`v-on:click`：点击事件`v-on`的简写形式v-on的事件修饰符v-on的常见事件修饰符简单了解Node中的MVC与前端中的MVVM之间的区别插值表达式 {{}}数据绑定最常见的形式就是使用“Mustache”语法（双大括号）的文本插值。{{}}中每个绑定都只能包含单个表达式.<span>Message: {{ msg }}</span>
2021-11-04 10:01:42
126
原创 B1015_德才论
B1015_德才论 (25分)宋代史学家司马光在《资治通鉴》中有一段著名的“德才论”：“是故才德全尽谓之圣人，才德兼亡谓之愚人，德胜才谓之君子，才胜德谓之小人。凡取人之术，苟不得圣人，君子而与之，与其得小人，不若得愚人。”现给出一批考生的德才分数，请根据司马光的理论给出录取排名。 输入格式：输入第一行给出 3 个正整数，分别为：N（≤10^5），即考生总数；L（≥60），为录取最低分数线，即德分和才分均不低于 L 的考生才有资格被考虑录取；H（<100），为优先录取线——德分和才分均不低
2020-10-23 22:51:28
198
原创 B1026_程序运行时间
B1026_程序运行时间 (15分)要获得一个 C 语言程序的运行时间，常用的方法是调用头文件 time.h，其中提供了 clock() 函数，可以捕捉从程序开始运行到 clock() 被调用时所耗费的时间。这个时间单位是 clock tick，即“时钟打点”。同时还有一个常数 CLK_TCK，给出了机器时钟每秒所走的时钟打点数。于是为了获得一个函数 f 的运行时间，我们只要在调用 f 之前先调用 clock()，获得一个时钟打点数 C1；在 f 执行完成后再调用 clock()，获得另一个时钟打点
2020-10-23 21:16:00
140
原创 B1022_D进制的A+B
B1022 D进制的A+B (20分)输入两个非负 10 进制整数 A 和 B (≤2^30 - 1)，输出 A+B 的 D (1<D≤10)进制数。输入格式：输入在一行中依次给出 3 个整数 A、B 和 D。输出格式：输出 A+B 的 D 进制数。输入样例：123 456 8输出样例：1103#include<cstdio>int main() { int ans[105]; int a,b,d; scanf("%d%d%d", &a, &a
2020-10-22 22:00:06
95
原创 B1016_部分A+B
B1016 部分A+B (15分)正整数 A 的“D(A)（为 1 位整数）部分”定义为由 A 中所有 D(A)组成的新整数 P(A)。例如：给定 A=3862767，D(A)=6，则 A 的“6 部分”P(A)是 66，因为 A 中有 2 个 6。现给定 A、D(A)、B、D(B)，请编写程序计算 P(A)+P(B)。输入格式：输入在一行中依次给出 A、D(A)、B、D(B)，中间以空格分隔，其中 0<A,B<10^10。输出格式：在一行中输出 P(A)+P(B)的值。输入
2020-10-22 21:56:32
194
原创 B1011_A+B 和 C
1011 A+B 和 C (15分)给定区间 [-2^31, 2^31] 内的 3 个整数 A、B 和 C，请判断 A+B 是否大于 C。输入格式：输入第 1 行给出正整数 T (≤10)，是测试用例的个数。随后给出 T 组测试用例，每组占一行，顺序给出 A、B 和 C。整数间以空格分隔。输出格式：对每组测试用例，在一行中输出 Case #X: true 如果 A+B>C，否则输出 Case #X: false，其中 X 是测试用例的编号（从 1 开始）。输入样例：41 2 3
2020-10-22 21:45:26
116
原创 B1002_写出这个数
1002_写出这个数 (20分)读入一个正整数 n，计算其各位数字之和，用汉语拼音写出和的每一位数字。输入格式：每个测试输入包含 1 个测试用例，即给出自然数 n 的值。这里保证 n 小于 10^100输出格式：在一行内输出 n 的各位数字之和的每一位，拼音数字间有 1 空格，但一行中最后一个拼音数字后没有空格。输入样例：1234567890987654321123456789输出样例：yi san wu第一种方法：栈#include<string>#includ
2020-10-22 21:38:20
174
原创 B1001_害死人不偿命的(3n+1)猜想
//1001害死人不偿命的(3n+1)猜想 (15分)卡拉兹(Callatz)猜想：对任何一个正整数 n，如果它是偶数，那么把它砍掉一半；如果它是奇数，那么把 (3n+1) 砍掉一半。这样一直反复砍下去，最后一定在某一步得到 n=1。卡拉兹在 1950 年的世界数学家大会上公布了这个猜想，传说当时耶鲁大学师生齐动员，拼命想证明这个貌似很傻很天真的命题，结果闹得学生们无心学业，一心只证 (3n+1)，以至于有人说这是一个阴谋，卡拉兹是在蓄意延缓美国数学界教学与科研的进展……我们今天的题目不是证明卡拉兹
2020-10-22 20:56:16
95
原创 栈和递归（例题：火车出入站、斐波那契数列 及 汉诺塔问题）（C++）
栈和递归栈（stack）例题 火车出入站递归例题 斐波那契数列 及 汉诺塔问题栈（stack）栈，是一种满足一定约束的线性数据结构。其约束是：只允许在栈的一端插入或删除元素，这一端被称为 栈顶；相对的，我们把另一端称为 栈底可以想象一下往子弹夹中装入子弹的情形，正常情况下，只能往子弹夹入口端压入子弹，这一步就好比向栈中压入元素，我们称之为 push；射击的时候，弹夹会从顶端弹出子弹，这一步就好比从栈顶弹出元素，我们称之为 pop。可以发现，从栈的顶端弹出的子弹是目前弹夹中最后一个被压
2020-08-07 18:08:22
1189
原创 常用STL(Standard Template Library 标准模板库)入门（C++）
常用STL(Standard Template Library 标准模板库)入门（C++）不定长数组：vector集合：setset和结构体映射：map二维map动态数组 vector引用库#include <vector>构造动态数组C++中直接构造一个vector的语句为： vector<T> vec 。这样我们定义了一个名为vec的储存 T 类型数据的动态数组；其中 T 是数组要储存的数据类型，可以使int、floot、double、或
2020-08-05 22:41:40
245
原创 事件（JS）
事件事件对象事件冒泡（Bubble）事件的绑定事件的传播拖拽滚轮事件键盘事件事件对象onmousemove该事件将会在鼠标在元素中移动时被触发事件对象当事件的相应函数被触发时，浏览器每次都会将一个事件对象作为实参传递进响应函数在事件对象中封装了当前事件相关的一切信息，比如：鼠标的坐标 键盘那个按键被按下 鼠标滚轮滚动的方向在IE8中，相应函数被处罚时，浏览器不会传递事件对象在IE8及以下的浏览器中，是将事件对象作为 window对象的属性保存的
2020-07-11 14:50:15
469
原创 JS操作css样式
JS操作css样式操作内联样式通过JS修改元素的样式语法：元素.style.样式名 = 样式值；注意：如果CSS的样式名中含有-，这种名称在JS中是不合法的。比如background-color需要将这种样式名修改为驼峰命名法；去掉-，将-后的首字母大写通过style属性设置的样式都是内联样式，而内联样式具有较高的优先级，所以通过JS修改的样式往往会立即显示；读取元素的样式获取元素当前显示的样式currentStyle语法： 元素.currentStyle
2020-07-07 09:31:50
403
原创 DOM增删改查
DOM 查询节点的属性获取元素节点获取元素节点的子节点获取父节点和兄弟节点DOM查询的其他方法DOM增删改Window常用对象方法节点的属性nodeNamenodeTypenodeValue文档节点#document9null元素节点标签名1null属性节点属性名2属性值文本节点#text3文本内容获取元素节点通过document对象调用getElementById()通过 id 属性获取一个元
2020-07-06 19:47:12
293
原创 正则表达式与字符串(JS)
正则表达式与字符串(JS)字符串的方法字符串和正则相关的方法正则表达式正则表达式的语法字符串的方法在底层字符串是以字符数组的形式保存的length属性 可以用来获取字符串的长度charAt() 可以返回字符串中指定位置的字符(根据索引获取指定位置的字符)charCodeAt() 获取指定位置字符的字符编码(Unicode编码)String.formCharCode() 可以根据字符编码去获取字符concat() 可以用来连接两个或多个字符串(作用与 + 一样)in
2020-06-28 13:47:45
545
原创 函数、Date、Math、包装类（JS）
JSforEach()slice(start, end)splice()call()和apply()argumentsDate对象Math包装类forEach() : JS中遍历数组forEach()方法需要一个函数作为参数像这种由我们创建但是不由我们调用的函数称为回调函数数组中有几个元素函数就回执行几次，每次执行时，浏览器会将遍历到的元素 以实参的形式传递进来，我们可以来定义形参，来读取这些内容浏览器会在回调函数中传递三个参数第一个
2020-06-28 13:44:50
143
原创 this、函数、prototype、toString（JS）
this、函数、prototype、toString（JS）this使用工厂方法创建函数原型prototypetoStringthis解析器在调用函数每次都会向函数内部传递进一个隐含的参数;这个隐含的参数就是this，this指向一个对象，这个对象我们成为函数执行的上下文对象，根据函数的调用方式不同，this会指向不同的对象以函数的形式调用时，this永远都是window以方法的形式调用时，this就是调用方法的那个对象 function fun() {
2020-06-27 22:57:34
149
原创 flex（弹性盒、伸缩盒）（css）
flex（弹性盒、伸缩盒）flex是css中的一种布局手段，它主要用来代替浮动来完成页面的布局flex可以使元素具有弹性，让元素可以跟随页面大小的改变而改变弹性容器要使用弹性盒，必须先将一个元素设置为弹性容器通过display来设置弹性容器display: flex 设置为块级弹性容器display: inline-flex 设置为行内的弹性容器弹性容器设置属性flex-direction指定容器中弹性元素的排列方式可选值：row 默认值，弹性元素在容器中水平排列
2020-06-27 15:13:27
224
原创 less
lessless是一门css的预处理语言less 是一个css的增强版，通过less可以编写更少的代码实现更强大的样式在less中添加了许多的新特性：像对变量的支持、对mixin的支持…less的语法大体上和css语法一致，但less中增添了许多对css的扩展，所以浏览器无法直接执行less代码，要执行必须先将less转换为css，然后再由浏览器执行// less中的单行注释，注释内容不会被解析到css中/* */ css中的注释，内容会被解析到css文件中less中的变量在.
2020-06-26 11:05:42
185
原创 过渡、动画、变形、旋转和缩放（css）
animation过度（transition）通过过渡可以指定一个属性发生变化时的切换效果通过过渡可以创建一些好的效果，提升用户体验transition-property: 指定要执行过渡的属性多个属性间用，隔开；如果所有属性都需要过渡，则使用all关键字大部分属性都支持过渡效果，注意过渡时必须是从一个有效数值向另外一个有效数值进行过渡transition-duration: 指定过渡效果的持续时间时间单位： s 和 mstransition-timing-functio
2020-06-25 22:14:27
1414
原创 表格与表单（html标签）
表格与表单（html标签）表格在网页中通过用table 标签来创建一个表格在table 中使用 tr 表示表格中的一行，有几个tr就有几行在tr中使用 td表示一个单元格，有几个td就有几个单元格clospan 横向合并单元格rowspan 纵向合并单元格长表格可以将一个表格分成三个部分：头部 thead主题 tbody底部 tfootth 表示头部的单元格表格的样式border-spacing: 指定边框之间的距离border-collapse: coll
2020-06-14 22:19:27
221
1
原创 背景（css）
背景background-colorbackground-imagebackground-repeatbackground-positionbackground-clipbackground-originbackground-sizebackground-attachmentbackground雪碧图线性渐变径向渐变background-color 设置背景颜色background-image 设置背景图片background-image: url("./img/1.p
2020-06-12 16:22:35
166
原创 三角形输出及升级版三角形（c）
/*三角形输出输入一个整数 n (0<n<=26),表示字母三角形的层数输入2输出ABBB输入3输出ABBBCCCCC*/#include<cstdio>int main(){ int n; scanf("%d", &n); for(int i=1;i<=n;i++) { for(int j=1;j<=n-i;j++) { printf(" "); } for(int m=1;m<=
2020-06-11 12:29:32
461
原创 字体、图标字体、行高、文本样式（css）
字体、图标字体、行高、文本样式（css）字体相关的样式color 用来设置字体颜色font-size (字体大小)相关单位em相当于当前元素的一个font-sizerem相当于根元素的一个font-sizefont-family字体族（字体的格式）serif衬线字体sans-serif非衬线字体monospace等宽字体指字体的类别浏览器会自动使用该类别下的字体font-family 可以同时指定多个字体，多个
2020-06-09 18:34:32
490
原创 相对定位、绝对定位、固定定位、粘滞定位（css）
定位（position)定位是一种更加高级的布局手段通过定位可以将元素摆放到页面的任意位置使用position属性来设置定位position: xxx;可选值static（默认值）元素是静止的没有开启定位relative开启元素的相对定位absolute开启元素的绝对定位fixed开启元素的固定定位sticky开启元素的粘滞定位相对定位 position: relative;相对定位的特点：元素开启相对定位后，如果不设置偏移
2020-06-08 14:46:54
758
原创 BFC/clear/::after伪元素 解决高度坍塌, ::before解决外边距重叠 （clearfix同时解决高度塌陷和外边距重叠）（css）
BFC/clear/::after伪元素 解决高度坍塌, ::before解决外边距重叠 （clearfix同时解决高度塌陷和外边距重叠）（css）高度塌陷的问题：在浮动布局中，父元素的高度默认是被子元素撑开；当子元素浮动后，其会完全脱离文档流，将会无法撑起父元素的高度，导致父元素的高度丢失BFC（Block Formatting Context） 块级格式化环境BFC是一个CSS中的一个隐含属性，可以为一个元素开启，开启BFC后该元素会变成一个独立的布局区域元素开启BFC后的特点：
2020-06-06 14:34:15
733
原创 计算数组元素的和、交换变量（指针）
/*计算数组元素的和（指针）*/#include<stdio.h>int sum(int* a, int n){ int ans = 0; for(int i = 0; i < n; i++) ans += a[i]; return ans;}int main(){ int a[] = {1,2,3,4,5,6,7,8,9,10}; printf("%d\n", sum(a+1,3)); // 指针 a+1 指向 a[1] 3表示元素的个数
2020-06-05 22:53:53
453
原创 刽子手游戏（Hang man Judge, UVa 489）（C语言）
/* 刽子手游戏（Hang man Judge, UVa 489）一款猜单词游戏：计算机想一个单词让你猜，你每次可以猜一个字母。如果单词没有那个字母，记错一次，只能错6次。注意：猜一个已经猜过的字母也算错本题中，你的任务是担任"裁判"程序，输入单词和玩家的猜测，判断玩家赢了(You win.)、输了(You lose.) 、还是放弃了(You chickened out.)。每组数据包含3行，第一行是游戏编号（-1为输入结束标记），第二行是计算机想的单词，第三行是玩家的猜测。后两行保证只含小写
2020-06-05 22:20:21
593
原创 浮动（css）
浮动浮动通过浮动可使一个元素向其父元素的左侧或右侧移动float设置元素的浮动none默认值，元素不浮动left向左浮动right向右浮动注意：元素设置浮动后，水平布局的等式不需要强制成立元素设置浮动以后，会完全从文档流中脱离，不再占用文档流的位置 所以元素下边的还在文档流中的元素会自动向上移动，形成覆盖（不会覆盖文字，可以做文字环绕图片的效果）浮动的特点：浮动元素会完全脱离文档流，不再占据文档流中的位置设置浮动以后元素会向父元素的
2020-06-05 21:42:09
3826
6
原创 ps奥顿柔焦效果+提取线稿
ps奥顿柔焦效果+提取线稿ps磨皮：选择图层，在通道内选择对比最强烈的，复制，再在滤镜菜单下选择高反差保留（高反差的颜色将会得到保留），计算，再计算，返回RGB，返回图层，在有脸部杂志选区时调用曲线，提升曲线。高低频磨皮插件磨皮叠加（增强对比度） 正片叠底（将图片压暗）滤色（将图片整体提亮）ps扣头发：先用钢笔扣除头发，再进入通道选出对比最强烈的，复制图层，调整色阶，在通道内调出选取，反选头发，返回RGB，返回图层，复制头发；奥顿柔焦效果：1、Nik Collection调色插件 Col
2020-06-04 15:01:37
734
原创 文档流（normal flow）
文档流（normal flow）网页是一个多层的结构，一层摞着一层通过css可以分别为每一层来设置样式用户只能看到最顶上一层这些层中，最底下的一层称为文档流，文档流是网页的基础我们所创建的元素默认都是在文档流中进行排列元素主要有两个状态在文档流中不在文档流中（脱离文档流）元素在文档流中的特点1、块元素- 块元素会再页面中独占一行（自上向下垂直排列）- 默认宽度是父元素的全部（会把父元素撑满）- 默认高度是被内容撑开（子元素）2、行内元素 span- 行内元素不会独占.
2020-06-04 14:58:05
427
原创 盒子模型（box model）（组成部分、布局、样式、轮廓、阴影和圆角）
盒子模型（box model）盒子组成部分组成部分内容区content内边距padding边框border外边距margin内容区（content）元素中所有子元素和文本内容都在内容区中排列内容区的大小有 width 和 height 两个属性来设置width 默认值为 auto边框（border）边框属于盒子边缘，里面属于盒子内部，外面是盒子外部。边框的大小会影响整个盒子的大小设置边框至少要三个样式边框的宽度 bor
2020-06-04 14:57:10
1207
原创 CSS选择器及选择器权重
id选择器语法：#id属性值{}#box{} #red{}类元素选择器语法：.class属性值{}通配选择器作用：选中页面中的所有元素语法：*{}交集选择器作用：选中同时符合多个条件的元素语法：选择器1选择器2…选择器n{}- 交集选择器中如果有元素选择器，必须使用元素选择器开头div.weight{ … }选择器分组（并集选择器）作用：同时选择多个选择器对应的元素语法：选择器1，选择器2，…，选择器n{}h1, span{ … }#b1, .p1.
2020-06-03 19:32:34
241
原创 入门前端html5+css3
HTML5+CSSbody标签：页面中所有的可见元素都应该存在元素中;head标签：为一张网页储存一些必要的信息;title 标签：标题标签 h1……h6;small：副标题标签p 标签：用于划分段落;div (division) ：容纳其他的元素，用于分类，整理网页中的内容。类似于目录；a (anchor) ：锚链接 制定在网页中的链接 a 标签里面 herf 是一个网页的一个属性 可有多个属性, targe="" 用于指定在何处位置打开网页，是新建还是当前网页打开。一般默
2020-05-29 17:06:57
205
原创 PS素材
PS素材素材网站：https://unsplash.com/https://www.pexels.com/https://www.textureking.com/category/all-textures/http://www.51yuansu.com/?z=jrlonuemphttp://pngimg.com/字体网站：http://www.hellofont.cn/http://www.qiuziti.com/创意灵感参考：https://dribbble.com/https:
2020-05-29 16:29:49
1910
原创 C语言取整
C语言有以下几种取整方法：1、直接赋值给整数变量。如： int i = 2.5; 或 i = (int) 2.5; 这种方法采用的是舍去小数部分。2、C/C++中的整数除法运算符"/"本身就有取整功能(int / int)，而下面介绍的取整函数返回值是double。整数除法对正数的取整是舍去小数部分，但是整数除法对负数的取整结果和使用的C编译器有关。3、使用floor函数。floor(x)返回的是x的整数部分。如： &
2020-05-29 16:28:13
9831
原创 回文数
/*无需输入输出区间[200,3000]中所有的回文数，一行一个回文数，不需要输出其它无关的字符。样例输出202212222232242*/#include<stdio.h>int main(){ int a,b,c,m,n,p,q; for(int i = 200 ; i <= 3000 ; i++ ) { if( i < 1000 ) { c = i%10; b = (i/10)%10; a = i/100; if(
2020-05-29 16:26:57
1188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人