- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 windows云服务器部署web网站
写在前面这是一篇关于超小白想要部署网站的文章，很多细节问题或许会觉得我是个傻子，但是我只是记录一下我遇到的问题，也希望像我一样超小白的朋友能够部署成功！！在部署之前我查了很多资料，但是每篇都不太一样，特别是配置环境变量之类的，所以我觉得如果你查了很多资料还是很懵，那么先看一下我的这篇（我好不要脸），首先有个大致思路再慢慢研究其中的细节，希望你能够成功部署！！首先你应该从阿里云或者腾讯云租一个服务器（如果你需要域名的话要申请成功两天之后才能备案，备案后才能使用，如果不用域名的话直接在浏览器输入ip就能访
2020-09-27 13:21:51
1988
原创 动画效果
动画的制作步骤：1.先定义动画2.再使用（调用）动画1.使用keyframes定义动画（类似定义类选择器）@keyframes 动画名称 { 0%{ 自己想写的效果 width:100px; } 100%{ width:200px; }}0%也可写为from100%可写为to百分比写完整整数2.元素使用动画哪个元素想使用，就给哪个元素调用调用动画：a...
2020-03-29 08:19:48
105
原创 2D转换（transform）
2D转换之移动 translate2D移动是2D转换里的一种功能，可以改变元素在页面中的位置，类似定位。语法transform: translate(x,y);transform: translateX(n);transform: translateY(n);重点translate最大的优点：不会影响其他元素的位置translate中的百分比单位是相对于自身元素的translat...
2020-03-29 07:48:18
370
原创 伪元素
伪元素选择器包括::before 在元素内部的前面插入内容::after 在元素内部的后面插入内容注意：1.before和after必须有content属性2. before在内容的前面，after在内容的后面3. before和after创建一个元素，但是属于行内元素4. 因为在dom里面看不见刚才创建的元素，所以称为伪元素5. 伪元素和标签选择器一样，权重为1用伪类元...
2020-03-27 23:37:07
141
原创 网站优化三大标签（搜索引擎优化）
网站优化三大标签是：title（标题）、description（说明）、keyword（关键词）。网页title标题title具有不可替代性，是页内第一个重要标签，是搜索引擎了解网页的入口，和对网页主题归属的最佳判断。标题长度：百度28个中文关键字出现的词语权重越高建议：网站名（产品名）-网站介绍...
2020-03-27 09:01:24
497
原创 css模拟三角形
样式如下：div { width: 0; height: 0; border-style: solid; border-width:10px; border-color: red transpanrent transparent transparent; /*下面两个是为了兼容性才写的*/ font-size: 0; line-height: 0;}...
2020-03-26 21:07:45
134
原创 显示号省略文字的溢出
1.先强制一行内显示文本white-space:normal;当文字显示不开时自动换行；white-space:nowrap;要文字强制一行内显示所有文本；2.超出的部分隐藏overflow:hidden;溢出隐藏；3.文字用省略号代替超出的部分text-overflow 文字溢出设置或检索是否使用一个省略标记（…）标示对象内文本的溢出；text-overflow: clip; 不...
2020-03-26 10:30:21
151
原创 对齐垂直
vertical-align 垂直对齐只针对行内元素或者行内块元素，特别是行内块元素，通常用来控制图片/表单与文字的对齐。基线对齐：vertical-align:baseline;（默认）底线对齐：vertical-align:bottom;垂直居中：vertical-align:middle;顶部对齐：vertical-align:top;vertical-align还有一个解决b...
2020-03-26 10:19:50
109
原创 outline轮廓线、防止拖拽
outline是描绘元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用；outline:outline-color |outline-style |outline-width;一般不使用；去掉：outline:0; 或者是outline:none;防止用户拖拽文本域：resize:none;...
2020-03-26 09:58:14
169
原创 鼠标样式
cursor 设置或检索在对象上移动的鼠标指针采用何种系统预定的光标形状。cursor:default; （默认）小白箭头；cursor:pointer; 小手（一般用于链接处）；cursor:move; 移动；cursor:text; 文本；cursor:not-allowed; 禁止。...
2020-03-26 09:50:20
74
原创 当鼠标经过时，显示盒子
当鼠标经过a时，里面的盒子block显示a:hover .block{ display:block;}a:hover .block{display:block;}
2020-03-26 09:42:22
1895
原创 隐藏和显示
displaydisplay:none; 隐藏对象；隐藏之后不占据位置。display:block; 除了转换为块元素之外，同时还有显示元素的意思。visibilityvisibility:hidden; 隐藏之后占据位置；visibility:visible; 显示隐藏。overflow（溢出）只对溢出的隐藏。overflow:visible; 不剪切内容也不添加滚动条，...
2020-03-26 09:39:38
99
原创 定位position
定位=定位模式+边偏移；定位模式分为：静态定位（static）、相对定位（relative）、绝对定位（absolute）和固定定位（fixed）。变偏移有：top、bottom、left、right。静态定位（static）：元素的默认定位方式，无定位的意思。没有边偏移，静态定位几乎不用。相对定位（relative）：元素相对于它原来在标准流中的位置来说；原来在标准流中的区域继续占有，后...
2020-03-25 10:29:31
77
原创 清除浮动
1.在父元素内添加一个空的div，div的样式设为clear:both;2.在父元素上设置样式为overflow:hidden;3.父亲调用clearfix.clearfix:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}/*这是ie6,ie7专门清除浮动的样式*/.cle...
2020-03-23 22:06:07
69
原创 css
块级元素：可设置宽高，独占一行；行内元素：无法设置宽高；块级行内元素：可设置宽高，不独占一行。块级元素转为行内元素：display:inline;行内转块：display:block;转块级行内：display:inline-block;...
2020-03-23 13:46:34
103
原创 a标签
去除下划线a{ text-decoration:none;}未访问过的链接的状态a:link{......}已经访问过的链接a:visited{......}鼠标经过链接时候的状态a:hover{....}当点击链接的时候（按住鼠标，不松开的时候）a:active{......}...
2020-03-23 13:21:12
76
原创 PS切图
先用ps打开.psd图片，psd文件会保留图层；切图方式分为两种：1.ps切片工具，2.切图插件。切片工具方法a.利用切片工具手动划出在工具栏里找到截图工具里的切片工具，拖动鼠标选中要切的图片，切完后点击菜单栏里的文件>导出>存储为Web所用格式，选择图片格式，如：jpg，png等；点击存储，选择要存储的地址，保存之前，切片应选为选中的切片。方法b.图层菜单——新建基于图层的...
2020-03-22 11:20:33
280
原创 基于js的轮播图
分为自动轮播、左右箭头轮播和点轮播三种方式。利用z-index显示图片具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc...
2020-03-20 21:33:23
107
原创 vue入门2
v-text设置标签的文本值（textContent）<div id="app"> <h2 v-text="message"><h2> <h2>{{message}}可自己添加内容</h2><div><script> var app=new Vue({ el:"#app", data:{ ...
2020-03-16 13:30:24
77
原创 VUE 基础入门
VUE简介VUE是JavaScript的框架，简化了Dom操作，是响应式数据驱动。VUE文档网站：https://cn.vuejs.org第一个VUE程序1.导入开发版本的Vue.js2.创建Vue实例，设置el属性和data属性3.使用简洁的模板语法把数据渲染到页面上html文件:<div id="app"> <h2>......</h2>&...
2020-03-16 13:14:55
60
原创 ES6中var、let、const、箭头函数、set和map
var和let的区别1.let不存在变量提升由于在解析HTML代码时浏览器有预解析，所以var的声明会被提前，但不赋值。而在ES6中let不存在变量提升，只能按顺序解析。2.同一作用域下不能重复定义同一名称使用var定义同一名称的两个变量时，最后识别的值是最后一个定义的值；使用let定义同一名称的变量时，会出现相应错误。//错误let m=100;let m=1;//正确，可更改值...
2020-03-13 10:01:11
204
原创 关闭页面计时器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</tit...
2020-02-22 10:15:55
590
原创 文字浮动在图片之上并且居中显示
HTML代码块<body> <div class="hand1"> <img src="img/hand.jpg" alt=""> <div class="text1"> <p>HELLO WORLD!</p> </div> </div></body...
2020-02-06 14:13:38
5277
原创 微信小程序使用云函数实现内容和图片安全审核API接口
1.在openapi里的config.json内配置"openapi": [ "security.imgSecCheck", "security.msgSecCheck" ]2.在cloudfunctions下创建云函数msgcheck和imgcheck3.msgcheck的index.js内容// 云函数入口文件const cloud = requ...
2020-01-21 12:18:01
3480
3
原创 用canvas实现弹幕
有三个文件分别是index.html，、main.js ，msg.js1.index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia...
2019-12-23 16:13:04
549
原创 圆形进度条
<!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-Comp...
2019-12-22 08:53:49
171
原创 修改MySQL时出现此错误 ignoring query to other database
在MySQL中出现了此错误ignoring query to other database原因是在进入时少输入了u只要重新进入就解决了mysql -uroot -p
2019-12-18 16:17:46
100
原创 按值传递、汇总（reduce）（面试或笔试）
按值传递按值传递：两个变量间赋值时，只是将变量中的值复制一个副本给对方；数组间赋值的是地址 // 按值传递：两变量间赋值时，只是将原变量中的值复制一个副本给对方 var a=3; var b=a; b*=2; console.log(a);//3 console.log(b);//6// 数组间赋值时，给的是地址，所以两个数组名指的是同一个数组 var arr1=["...
2019-11-07 17:24:56
93
原创 声明提前和函数的创建（面试或笔试）
声明提前在程序开始执行之前，js引擎会先将var声明的变量和function声明的函数提前到当前作用域的顶部，集中创建。赋值留在原地。只提前变量名或者函数名，不提前赋值，等到执行此语句时才赋值。用声明定义创建函数时，函数名相同会被覆盖创建函数1.用声明方式创建函数function 函数名（形参列表）{函数体return 返回值}2.使用赋值方式创建函数var 函数名=func...
2019-11-05 21:04:18
83
原创 斐波那契数列(面试或笔试)
有两种方法第一种：使用arguments.callee自动调用函数但是效率特别低。在ES5中已经禁用了// 斐波那契数列 function fib(n){ // 前两个月都是1 if(n<3) return 1; else{ // 之后每个月=相连的前两个月 // arguments.callee可自动调用函数，但是效率极低 ...
2019-11-05 20:34:15
114
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人