非常规程序媛-优快云博客

原创 scss中一些比较常见的语法

嵌套功能 // 在scss语法中是允许一个父级选择器来包裹子级选择器的，这样就可以避免重复写父级选择器，而且在包含关系上有迹可循 <template> <div class="father"> <div class="children"> <div class="child"> 我是children中的child </div> </div&gt

2020-06-04 16:35:46 1180

第一步安装首先我们使用scss语法的时候需要进行npm安装 npm install sass --save-dev npm install node-sass --save-dev npm install sass-loader --save-dev 第二步配置在build目录找到webpack.base.conf.js文件在该文件module.export中的module.rules加入解释scss文件的loader { test: /\.scss$/, loader: 'sass

2020-06-04 15:01:53 632

原创 vue中元素使用v-for循环使用ref取不到实例的解决方法

当我们的元素使用v-for进行循环，那么我们每个实例的名字都会变的一样，这样我们在下面进行js操作的时候就不可以简单的使用下面的这种方法 this.$refs.实例名称所以当我们进行循环的时候，需要给每个实例的名字都赋上不一样的值 <input type="file" :ref="`upload${indexs}`" multiple="multiple" style="display:

2020-05-28 19:44:06 7343 6

原创 git基础

Git是什么 Git是目前世界上最先进的分布式版本控制系统。举个例子：平时我们使用word来写一些文件，写过一次之后发现可能需要改动，于是又新建了一个文件来进行改动，当你改动很多次的时候，已经有无数个版本的文件了，当你想找到你某一次改动的文件的时候的时候非常的困难，但是git会帮你记录你每次进行了哪些修改，在什么时间进行修改。大约就是下面这个样子安装git 首先去官网自己安装一下git很简单然后我们就可以创建本地的git仓库了 //第一步你先找到一个本地的文件夹作为版本库 //然后输入命令,这个命

2020-05-23 23:34:59 164

转载移动端文字省略至几行

overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; // 2行 word-break: break-all; // 换行 display: -webkit-box; -webkit-box-orient: vertical; width: 90%;

2020-05-12 16:18:02 188

原创 JS关于DOM

Node类型 DOM1级定义了一个Node接口，javascript中的所有节点类型都继承自Node类型，因此所有节点类型都共享着相同的基本属性和方法，其中每个节点都有一个nodeType属性，用于表明节点的类型。节点类型由在Node类型中定义的下列12数值常量表示，任何节点类型必居其一 Node.ELEMENT_NODE:1 Node.ATTRIBUTE_NODE:2 Node.TEXT_NOD...

2020-05-03 16:15:47 183

原创 node初级

我们来创建第一个node应用来了解一下node.js由哪几部分组成引入 required 模块：我们可以使用 require 指令来载入 Node.js 模块 var http = require("http"); 创建服务器：服务器可以监听客户端的请求，类似于 Apache 、Nginx 等 HTTP 服务器。 var http = require('http'); http.c...

2020-05-02 20:06:50 143

原创 JSON

什么是json json是一种数据格式，并不属于JavaScript专用为什么我们用json？由于JSON格式仅是文本，因此可以轻松地与服务器之间进行发送，并可以通过任何编程语言将其用作数据格式。 json的语法规则 json使用花括号进行包裹{ } 里面的key值必须使用双引号包裹里面可以包含多种复杂的数据类型，其中有字符串，数组，对象，数字，null 多个数据使用逗号分隔解析jso...

2020-05-01 18:12:22 140

原创 web Storage理解

两种机制 sessionStorage：为每一个给定的源（given origin）维持一个独立的存储区域，该存储区域在页面会话期间可用（即只要浏览器处于打开状态，包括页面重新加载和恢复。也就说当浏览器关闭的时候存储的信息就会消失，下次再打开的时候需要重新验证 localStorage：功能和sessionStorage一样，但是不同的是关掉浏览器的时候信息不会被清除。但是这两个在浏览器刷新的...

2020-05-01 15:02:02 359

原创 JS中Date对象详解

Date对象的使用首先我们先创建一个date对象 let mydate = new Date() 然后让我们看看会输出什么获得的是当前系统的时间，当我们想知道具体的年月日时分秒的时候，Date对象为我们提供了一些方法 myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-???) myDate.getM...

2020-04-23 12:57:18 273

原创伪类与伪元素之间的差距

一直以来伪元素和伪类之间的差距都很模糊本文完全是一些自己的理解和看法伪类伪类是用来添加一些选择器的特殊效果伪类只用一个冒号表示“：” 举例：a:link {color:#FF0000;} 伪元素伪元素也是用来添加一些选择器的特殊效果伪元素使用两个冒号进行表示“：：” 举例：a::after{} 总结我们可以根据名字来分析，首先伪类叫做"类“，也就是说这不是开创了一个新元素，而...

2020-04-17 11:21:52 138

转载如何使用js获取表单中复选框选中的内容

首先我们要清楚，所有的复选框都有一个共同的属性 name，如果想要为同一件事情的复选框那么它们的name值就必须要相同，我们就是根据这个属性来获取 <input type="checkbox" name="cb" value="1" />aa <input type="checkbox" name="cb" value="2" />bb <input type="ch...

2020-04-17 10:29:31 1197

原创使用input type=file上传图片时，不经过后台就进行图片预览

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&lt...

2020-04-16 10:56:28 316

原创 HTML5标签vedio与audio详解

video标签首先video标签是HTML5新增的标签作用是定义视频浏览器支持情况元素谷歌火狐欧朋苹果 IE video 4.0 3.5 10.5 4.0 9.0 以上版本为能支持的最早版本 video支持的视频格式 MP4 WebM Ogg 上图为各个浏览器对各种格式的支持使用范例 <video width="320" height="240...

2020-04-16 09:40:59 1640

原创三栏布局相关问题

三栏布局相关问题右边固定宽度，左边两栏等比分布浮动+外边距 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&...

2020-04-16 00:45:44 137

原创布局常见问题

HTML常见的布局问题两个盒子左边固定宽度右边自适应填满屏幕一、使用浮动和外边距二、使用overflow+浮动三、使用绝对定位+外边距四、使用display：flex属性水平垂直居中的方法在有固定宽度的情况下一、使用position定位和外边距二、使用margin+position三、使用position+calc不固定宽度的情况下一、使用display：flex二、使用表格的方法进行水平垂直居中...

2020-04-15 23:13:43 484

qq_39344725的博客