- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 git使用记录（自我记录篇）
1.首先安装git。2 完成安装以后 可以查看版本。git --version3.创建一个全局用户名、全局邮箱作为配置信息git config --global user.name "your_name"git config --global user.email"your@youremail.com"生成密钥 用于连接远程仓库ssh-keygen -t rsa -C "your@youremail.com"4.1 生成密钥后可在本地 使用终端 查看密钥/.ssh目录下会生成两个
2020-08-12 16:08:17
141
原创 h5新增常用属性
新增的语义化标签<header></header> //头部<nav></nav> //导航栏<aside></aside> // 侧边栏<article></artivle> // 文字、图片、内容等<footer></footer> //底部 ...
2020-05-24 17:25:32
419
原创 class类封装ajax
class Http{ constructor(){ this.baseUrl = 'https://www.bestqingshan.top/demo/'; } common({url, type = 'GET', data = {}}={}){ url = this.baseUrl + url; ...
2020-05-24 17:24:24
442
原创 BFC规则，以及解决的问题
什么是bfc？bfc（block formatting centext） 直译为“块级格式化范围”。它是w3c 规范中的一个概念，他决定了元素如何对其内容进行定位，以及与其他元素的关系和相对定位。当涉及到可视化布局的时候，bfc这时提供了一个环境，html元素在这个元素中按照一定的规则进行布局。一个环境中的元素不会影响到其他环境中的布局。bfc规则：1.内部的box会在垂直方向，一个...
2020-05-24 17:23:55
718
原创 等高布局、盒子阴影、文字阴影
等高布局原理：不能固定高度，取决于其中最高的一列。1、内边距相消法 （盒模型） 1）假等高 父元素身上的overflow：hidden 属性切掉了父盒子高度之外的值。父盒子的高度取决子元素高度最高的高度。![](d:\Desktop\demo\笔记\html+css笔记\08day\image\真等高相对定位移动后的效果图.png <style...
2020-05-24 17:23:08
148
原创 vue传值
一、父子传值eg：<body> <div class="app"> <appstar :name="title"></appstar> </div></body><script> Vue.component('appstar',{ ...
2019-11-01 10:10:06
104
原创 Vue基本语法
一、vue包含：vue.js、vue-cli、vueX、vue-router、axios设计模式包含三种， MVC、MVP和MVVM 设计模式vue是属于mvvm设计模式，M：model （数据层）V：view （视图层）VM：view modelC：control （控制层）二、vue使用new Vue（{el:’ '，data:{},method:{},compute...
2019-11-01 09:13:20
2436
原创 npm常用指令
1、npm初始化指令：npm init或npm init -y2、npm切换镜像指令：获取当前镜像:npm config get registry设置镜像:npm config set registry 镜像地址（cnpm和淘宝镜像），比如：npm config set registry https://registry.cnpmjs.org/npm config set regist...
2019-10-16 20:53:55
3355
原创 递归生成目录节点
<script> $.get('./data.json', function(data) { recursion(data['menulist'], document.body); }); function recursion(menulist, parent) { var ul = document.createElement('ul'); if (...
2019-10-16 20:49:25
177
1
原创 node中的文件流
var fs = require('fs');// 创建文件写入流var writeStream =fs.createWriteStream('./test.txt');writeStream.write('abcd');//写入test.txt文件中writeStream.write('efg');// 会叠加写在test.txt文件中 不会覆盖原有的writeStream.end()...
2019-10-14 21:58:57
132
原创 node操作目录，路径拼接
一：//先引入核心模块var fs = require('fs');一：创建目录：//创建了一个名为demo的文件 fs.mkdir('./demo', err => { console.log(err);});二：删除空目录（空目录是当前目录下没有任何文件或文件夹）// 删除了一个名为demo的空文件夹 fs.rmdir('./demo', err => {...
2019-10-14 21:21:59
615
原创 node.js中的文件操作
// fs文件模块var fs = require('fs');// 完整读文件fs.readFile('./fs.txt', (err, data) => { console.log(err); //如果没有错误则为null，否则不为null console.log(data);});let data = fs.readFileSync('./fs.txt');cons...
2019-10-13 15:43:41
133
原创 set和map
set和array是对应关系，set集合里面不允许重复值var arr = [1, 2, 3, 1, 3, 2, 4]; var set = new Set(arr); console.log(set);//[1,2,3,4] //或者 var arr = [...new Set([1, 2, 3, 2, 1])]; console.log(arr);//[1,2,3...
2019-10-13 14:58:03
96
原创 es6 中的 generator 生成器
一generator：生成器generator函数的特征是function关键字和函数名之间有*,函数内部有yield表达式如下：function* helloWorldGenerator() { var a = 'hello'; yield a; // yield 'hello'; var b = 'world'; yield b; yield 'end...
2019-10-13 14:50:57
170
原创 iterator迭代器，遍历器
iterator作用：统一数据结构（数组，对象，map，set，数组包对象，对象包数组）的遍历方式 。在数据结构上部署iterator接口:所谓的部署接口表现形式为，给对象或数组等集合增加iterator属性，属性的内容是一个根据iterator接口规范自行实现的方法//示例：var it = makeIterator([a,b]);console.log(it.next());//{ v...
2019-10-13 14:27:21
133
原创 class
class 是S6 提供的新的概念，作为对象的模板。通过class关键字，可以定义类。class的用法：例如：class Animal{static type = '动物'; //**静态属性不要写到constructor里面**// 类是用来描述属性（变量）和行为（方法）的// var type;语法错误// this.type;语法错误// constructor是ES...
2019-10-11 22:26:44
107
原创 es6 中的promise
一、promise的用法。promise 与callback一样是用来解决异步数据传递问题，只不过promise不存在回调地狱问题。1.promise 的使用var p = new Promise(function(resolve,reject){ //resolve 表示成功的状态 // reject 表示失败的状态}p.then(function(ret){ ...
2019-10-10 21:37:14
125
原创 箭头函数
意义：箭头函数一般替代匿名函数。箭头函数以箭头来区分和理解，箭头左边是形参列表 ，箭头右边是函数体注意：箭头函数传参时，一个参数时可以省略圆括号，多个参数时则不能省略圆括号。// 例如var f = a => {}var f = (a,b) =>{}箭头函数有哪些特性?1、箭头函数是匿名函数，不绑定自己的this,arguments,super,new,target...
2019-10-10 16:09:08
408
原创 模板字符串、标签模板、扩展运算符
一、模板字符串（可以接受回车换行或空格(回车换行和空格最终可以体现到dom中)；变量的嵌入很方便）；1.例如：let titel = "哈哈";let str = `<div>${title}</div>`;let str1 = `<div> <p>${title}<p></div>`;2.多行字符串可以用\n...
2019-10-09 23:34:53
299
原创 ES6 let 与const命令
let：在ES6中新增了 let 命令，其用法与 var 相似，但其所声明只在代码块内有效。代码块：就是 {}包含的内容。let 与 var 的区别：1.let声明的是块级作用域，而var 声明的是函数作用域如题：想调用的数字几就是几。var a =[];for(var i = 0;i<10;i++){ a[i] = function(){ console.log(i); ...
2019-10-08 22:16:34
159
原创 初识js
JavaScript 是基于事件与对象驱动的解释性脚本语言。js的组成1 ECMAScript ：js的语法标准（规则）；2. DOM： Document Object Model 文档对象模型 。3. BOM：Browser Object Model 浏览器对象模型。js 的引入方式1.行间引入例：<button onclick = "alert ('确定提交‘）”>...
2019-08-26 21:08:05
112
原创 css3 动画、变形 、平移
过渡transition: 要过渡的属性 持续的时间 过渡的运动曲线 延时时间transition-property: 过渡的属性transition-duration: 持续的时间transition-timing-function:linear; 过渡的运动曲线transition-delay: 延迟时间；注：过渡只能过渡有具体值得属性。多属性 ：1. al...
2019-08-26 20:02:59
881
原创 定位、层级
day06属性名：position定位的类型：1：static静态定位(默认值)相当于标准流2：relative 相对定位3：absolute 绝对定位4：fixed 固定定位定位的位置信息值：left right top bottomleft：距离参考元素左侧边界的距离right：距离参考元素右侧边界的距离top：距离参考元素上册边界的距离bottom：距离参考元素底部边...
2019-08-07 18:39:23
168
原创 pc端兼容 、两栏布局、三栏布局
一、 pc端兼容性问题解决1：常见兼容性问题（不区分浏览器）图片下间隙问题现象：图片和父盒子有3px的间隙，并且间隙会随着字体大小发生变化，字体越大，间隙越大。原因：图片具有文本属性，文本会以基线对齐，所以导致文字在下，图片在上，还有间隙。解决方法：1.设置字体大小为0px；2：将图片转换为块元素（彻底取消掉基线对齐方式）3：文本垂直方向对齐方式调整 vertical-align:...
2019-08-07 18:38:52
441
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人