God shen-CSDN博客

原创 Vue 知识点（一）

*Vue的核心理念是数据驱动，当数据发生变化时，用户界面也会发生相应的变化MVVM Model(数据) View(视图部分) ViewModel(连接视图和数据的中间件)当数据发生变化时，ViewModel能够监听到这种变化，并及时通知View视图做出修改，当页面有事件被触发的时候，ViewModel也能够监听到事件，并通知Model进行响应，ViewModel相当于一个观察者，监控着双方的动作，并及时通知对方进行相应的操作*响应式 *模板引擎 *渲染监听数据变化编写和解析模板将具体的

2021-11-08 10:46:38 392

原创关于字体图标，有一个更好的办法，给前面写的做个补充

前面的方法https://blog.csdn.net/weixin_53655745/article/details/119457381首先应该做的是引入css文件css文件是在我们的icomoon文件中还是和前面一样，将fonts文件放在我们的文件中，这一次顺带将style.css文件也放进去，我是将css文件放在fonts里一起放过去，引入的时候路径一定不能搞错了我这样做会出现一个小问题，style.css文件中的引入路径出现了问题，只需要简单修改一下即可修改后（.

2021-08-30 18:23:47 155

原创 HTML5和CSS3

HTML新增语义化标签<header> 头部标签 IE9中需要转换为块级元素<nav> 导航标签移动端更加喜欢使用此类标签<article> 内容标签<section> 定义文档某个区域<aside> 侧边栏标签<footer> 尾部标签音频 <audio> 使用mp3 基本浏览器支持<audio src=””> </audio...

2021-08-07 23:14:04 159

原创 CSS初始化

/* 把我们所有标签的内外边距清零 */* { margin: 0; padding: 0}/* em 和 i 斜体的文字不倾斜 */em,i { font-style: normal}/* 去掉li 的小圆点 */li { list-style: none}img { /* border 0 照顾低版本浏览器如果图片外面包含了链接会有边框的问题 */ border: 0; /* 取消图片底侧有空白缝隙的问题 */ v...

2021-08-06 21:38:15 130

原创 CSS用户界面小细节

鼠标样式 cursor: default 默认样式小白; pointer 小手用于用户指链接; move 移动；text 文本; not-allowed 禁止; 取消表单轮廓 outline: none; 防止拖拉文本域 resize:none 文本域textarea 写在同一行，输入时就可以从头开始，不会有空行...

2021-08-06 20:17:17 87

原创 CSS三角的做法

首先让我们来看看一个代码的效果图代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"

2021-08-06 18:03:02 95

原创 CSS精灵图和字体图标

精良图精良技术目的:为了有效的减少服务器接收和发送请求的次数，提高页面的加载速度。使用非常简单，只是把所有图片放在一张大图上，然后通过背景图片添加，在移动位置，放在需要的位置处。随便下载了一个王者荣耀官方下载游戏的图，可以看一下，就是精良图把上面那个头的图，写一下代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta n.

2021-08-06 17:19:57 281

原创 CSS复习，第四天

1. position: static relative absolute fixed后面跟 top bottom left right 与所指方向的距离2. relative 相对定位与它自身原来的位子进行移动和父元素等无关和浮动不同，会保留位置, 可以压着下面的盒子3. absolute 绝对定位与祖先元素的位置移动被当作定位的祖先元素必须是relative或者absolute或者fixed或者直接body 。重要的一点，不再保留位置 4....

2021-08-06 15:50:56 89

原创 CSS复习，第三天

今天主要学习了PS，学习了将psd图片进行切片，量取宽高，学会了使用cutterman插件进行更方便的切片操作，最后做了简单的案例。有需要可以私我，拿ps破解版，还有psd文件的案例哦CSS书写规范:非常重要...

2021-08-06 11:13:05 73

原创 CSS复习，第二天

权重叠加，优先生效问题， div li : 0,0,0,2 ; a:hover: 0,0,1,1 ; .nav li: 0,0,1,1 ; .nav li a:0,0,1,2; border: border-width border-style border-color记住3个样式 solid 实线 dashed 虚线 dotted 点线合并单元边框 border-collapse: collapse; 边框会影响盒子的实际大小 padding 内边距内容与边框 margin 外...

2021-08-04 21:43:11 123

原创 CSS复习，第一天

1. CSS代码风格: 展开格式书写, 小写字母, 选择器和大括号中间保留空格，属性值前面冒号后面保留一个空格.2. font属性复合写法: font-style(可不写) font-weight(可不写) font-size/line-height font-family;3. font-style:normal;恢复正常格式 italic 斜体4.font-weight: 400 正常格式，700加粗推荐使用数字，不记英文单词5. text-align: 设置盒子内文本内容水平对齐 c

2021-08-03 18:53:02 109

原创分享一下在vscode中写前端代码的插件和setting.json的配置

这是我下载的插件，大家可以参考一下接下来是在setting.json中的配置：首先按cirl+shift+p,输入open setting点击进入，将下面代码复制代替原代码{ "editor.fontSize": 16, "eslint.autoFixOnSave": true, "fileheader.LastModifiedBy": "xudanfeng", "fileheader.Author": "xudanfeng"..

2021-07-29 12:09:22 1479

原创 vue-router

https://unpkg.com/vue-router@4大家可以自己下载

2021-07-28 14:48:36 80

原创 Vue3框架学习之路11 Vue3自定义指令

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue3.js" type="text/javascript" charset="utf-8"></script> </head> <body> <!-- 和自定义组件不同，这次是自定义指.

2021-07-28 13:20:02 122

原创 Vue3框架学习之路10 Vue3表单

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue3.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> .

2021-07-27 16:58:55 224

原创 Vue3框架学习之路9 Vue3事件处理

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue3.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> .

2021-07-27 14:55:50 119

原创 Vue3框架学习之路8 Vue3样式绑定

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue3.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> .active1{ backgr.

2021-07-27 12:23:30 423

原创 Vue3框架学习之路7 Vue3监听属性

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue3.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> .

2021-07-27 10:57:45 360

原创 Vue3框架学习之路6 Vue3计算属性

舟山停电了，一天没学，ε=(´ο｀*)))唉<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue3.js" type="text/javascript" charset="utf-8"></script> </head> <body>

2021-07-27 09:18:00 135

原创 Vue3框架学习之路5 Vue3组件

好好学习呀<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue3.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"&

2021-07-26 15:19:43 117

原创 Vue3框架学习之路4 Vue3循环语句

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue3.js" type="text/javascript" charset="utf-8"></script> </head> <body> <!-- 在前面学习了一般用法，下面有一些.

2021-07-26 11:31:29 394

原创 Vue3框架学习之路3 Vue3条件语句

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue3.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="app"> .

2021-07-25 17:09:35 201 1

原创 Vue3框架学习之路2 Vue模板语法

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue3.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> .class1{ backgro.

2021-07-25 16:24:40 142 1

原创 Vue3.JS

顺便提供一下Vue3的代码直接复制粘贴到txt文件中，再修改文件名后缀为JS就可以使用了https://unpkg.com/vue@next

2021-07-25 12:51:13 323

原创 vue3框架学习之路1 Vue起步

目前比较流行vue，所以要学习一下vue3的应用，大家一起吧!!!<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue3.js" type="text/javascript" charset="utf-8"></script> </head> <

2021-07-25 12:45:38 186

原创 Javascript 学习之路10 第十章 Ajax

大家可以安装一下AppServ哦!AppServ下载安装地址：https://www.appserv.org/en/在下安装的是2.5.10版本......如果安装成功可以看到这个界面哦<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <di.

2021-07-24 18:12:04 175 1

原创 Javascript 学习之路9 第九章 DOM优化和拓展

还在学习中<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> ul,li{ margin: 0; padding: 0; } .red{ color: white; background-color: red; } p{ borde

2021-07-23 20:01:52 166 1

原创 Javascript 学习之路8 第八章 BOM和DOM

还在学习中<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body>  <input type="button" name="" id="" value="打开小窗口" onclick="makenewwindow()" /

2021-07-22 17:58:25 89 1

原创 Javascript 学习之路7 第七章自定义对象及表格操作

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body>  <script> function Person(name, age){ this.name = name; this.age = age;.

2021-07-21 19:16:54 171 1

原创 Javascript 学习之路6 第六章综合案例

每天记得学习。。。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body>  <form action="" method="" name="cform" onsubmit="return checkform()"> &

2021-07-20 20:01:08 164

原创 Javascript 学习之路5 第五章字符串及应用于表单

sda

2021-07-20 14:04:07 106

原创 Javascript 学习之路4 第四章常用内置对象-常用属性和方法

多学学还是有好处的!<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <button type="button" onclick="stop()">stop</button> <p id = "colock"></p>

2021-07-19 16:12:59 94

原创 Javascript 学习之路3 第三章控制语句

只把一些有趣的语句写了一下，视频教程很多没讲的语句暂时先不写了，等以后实战用到了补充。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div id="demo"></div> <div id="math"></div&g

2021-07-19 11:53:51 70 1

原创 Javascript自学之路2 第二章变量与函数

还没到睡觉时间，继续学习第二章，加油<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <img id = "myimage" src="img/lightoff.png" alt="" onclick="myfun()"> <img id = "i

2021-07-18 22:10:33 65 1

原创 Javascript自学之路1--第一章数据类型

自己看看网课学习一下，啥也不会也不行啊<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> </head> <body> &

2021-07-18 20:44:36 137

原创 1098. Insertion or Heap Sort (25)--python

我又来写长代码了，求超时：N = int(input())old = list(map(int, input().split()))new = list(map(int, input().split()))for i in range(1, N): t = i if new == old: print('Insertion Sort') while t >= 1: if old[t] < old[t - 1]:

2021-07-18 20:30:07 117

原创 1095 Cars on Campus (30 分)--python

我是笨逼，代码长又大，超时是常事：n, k = [int(x) for x in input().split()]project = []for i in range(n): project.append(list(input().split())) t = project[i][1].split(':') project[i][1] = int(t[0]) * 3600 + int(t[1]) * 60 + int(t[2])project = sorted(proje

2021-07-18 20:27:02 161 1

原创 1091 Acute Stroke (30 分)--python

牛客上倒是过了，PTA上给我来俩超时，我是笨逼m, n, l, t = [int(x) for x in input().split()]project = []for i in range(l): d = [] for j in range(m): d.append(list(map(int, input().split()))) project.append(d)count = 0# print(project)dx = [-1, 1, 0,

2021-07-18 20:22:06 136

原创 1090 Highest Price in Supply Chain (25 分) --python

我是笨逼，代码长又大：n, p, r = [float(x) for x in input().split()]m = list(map(int, input().split()))for i in range(len(m)): if m[i] == -1: root = i # print(m) breakvis = [0] * int(n)vis[root] = 1newcount, count, index = 0, 0, 0d

2021-07-18 20:18:53 138

原创 1087 All Roads Lead to Rome (30 分)--python

我是笨逼，我写的代码运行时间长，占空间又大：n, k, c = [x for x in input().split()]n = int(n)k = int(k)num = {c: 0}for i in range(n-1): a, b = [x for x in input().split()] num[a] = int(b)dis = [[] for i in range(k)]for i in range(k): x, y, z = [x for x in in

2021-07-18 20:14:08 104

空空如也

空空如也