自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

muzidigbig的博客

时间的三大杀手:拖延、犹豫不决、目标不明确。

原创 js-函数(闭包、私有、递归、自调)、变量(隐士)和作用域

JavaScript 函数 将脚本编写为函数,就可以避免页面载入时执行该脚本。 打印 定义的函数名 就相当于打印这整个函数 函数包含着一些代码,这些代码只能被事件激活,或者在函数被调用时才会执行。 你可以在页面中的任何位置调用脚本(如果函数嵌入一个外部的 .js 文件,那么甚至可以从其他的...

2018-06-21 16:51:05 877 0

原创 pc端和移动端默认样式重置

首先说一下,为何要用重置样式 除了省心之外,还有两个好处 1.方便设计师/程序员发挥 白纸的感觉确实好。各种margin,padding,border的为0。。。 2.便于发现前端代码的遗漏 用了reset后,如果“blockquote、ol、ul、hn等语义元素在没有赋以其他合理的样式...

2018-06-05 19:20:31 530 0

原创 vue.js 三种方式安装(vue-cli)

       Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。        下面介绍三种 Vue.js 的安...

2018-05-29 07:49:05 80015 39

原创 文本在盒子中水平、垂直居中(图片与文本居中)、多行文本垂直居中

在样式布局中,我们经常碰到需要将元素居中。通过css实现元素的水平居中较为简单:对文本,只需要对其父级元素设置text-align: center;,而对div等块级元素,只需要设置其left和right的margin值为auto。要实现元素的垂直居中,有人会想到css中的vertical-ali...

2018-05-23 10:37:12 11353 2

原创 html默认css样式的标签及去除(全局)

1.标签的默认样式和清除默认样式(统一全局样式)的代码 大多数标签都有自己的默认样式,比如遇到的body默认外边距,另外本例中ul前的圆点及左侧的内边距,另h1-h6字体大小各不相同,em默认为斜体,strong表示粗体。正因为有这些默认样式,一个设计合理的页面,即使没有加载样式,也能让用户很容...

2018-05-19 09:27:11 23142 0

原创 window.open()

window.open()方法可以导航到一个特定的URL,也可以打开一个心的浏览器窗口,一般可以接受三个参数: 1.要加载的URL 2.窗口名称或窗口的目标 3.一个特殊的字符串(控制窗口的属性,属性之间用逗号分开) 【注】不命名会每次打开新窗口;命名的第一次打开新窗口,之后崽这个窗口中加...

2020-07-03 15:13:00 49 0

原创 QQ空间、新浪微博、豆瓣等一键分享API链接代码

一、qq空间 &title=默认的文本内容或RICH化转播时的消息体标题,RICH化时最多15个全角字符的长度 &url=转播页的url &pics=需要转播的图片url,多张以|连接 &summary=分享描述信息 &site=分享来源 如:腾讯网(可...

2020-06-29 12:10:45 342 0

原创 纯css实现rate评分组件

布局: 事先生成好的iconfont: <linkrel="stylesheet"href="http://at.alicdn.com/t/font_1356455_c5d3d3ohlbq.css"> 一个很简洁的布局: &...

2020-06-20 11:53:42 42 0

原创 jq----dom.trigger(eventType,data)执行dom绑定事件的处理程序和行为

trigger(type,[data])-----简言之:触发事件的处理函数和行为,也就是执行定义事件的执行函数 type:一个事件对象或者要触发的事件类型 data:传递给事件处理函数的附加参数 当相应的事件发生时,任何通过.on()或一个快捷方法绑定的事件处理程序将被触发。但是,它们可以...

2020-05-15 15:26:53 58 0

原创 解决谷歌浏览器http链接自动跳转到https的问题

有些网址http协议和https协议是两个服务,有时候需要访问http地址,但chrome会默认转成https请求地址 输入 http://baidu.com 会自动跳转到 https://baidu.com 这时候清理浏览器缓存之类的都是没有用的,需要进行如下操作, 在chrome浏览...

2020-05-15 11:16:58 199 0

原创 vue浏览器编译时 节点上出现data-v-xxx和父组件改变子组件的内部样式

一、data-v-xxx vue页面被浏览器解析后,在标签中出现’data-v-xxxxx’标记,如下: 原因: 在vue文件的css中样式加了scoped <style scoped> .FooterGuide{ color: pink }...

2020-02-22 22:11:19 259 0

原创 Express+mongoose创建接口(api、跨域问题)

res.send(返回前台的数据);或res.json(返回前台的数据); item.js var mongoose = require("mongoose"); // 连接数据库 mongoose.connect("mongodb://127.0.0.1/t...

2020-02-18 11:13:59 116 0

原创 路径url

一、相对路径 目前我们在网页中使用的路径都是相对路径 比如: ./an.jpg ../an.jpg an.jpg 相对路径指外部文件相对于当前文件所在目录的位置(静态文件) 二、绝对路径 在实际开发中,由于一些特殊情况网页的路径经常会发生变化 比如: http://localh...

2020-02-13 11:12:33 50 0

原创 node对敏感数据加密(sha1)

一、sha1加密 /** * 1.安装 npm install sha1 --save * 2.引入 require("sha1") * 3.加密 sha1(str) */ var sha1 = require("sha1"); var p...

2020-02-13 10:03:27 297 0

原创 node自启动工具supervisor

supervisor会不停的watch你应用下面的所有文件,发现有文件被修改,就重新载入程序文件这样就实现了部署,修改了程序文件后马上就能看到变更后的结构。再也不用担心每次重启node了 1.首先安装supervisor npm install supervisor -g 2.使用sup...

2020-02-08 11:15:08 73 0

原创 TypeScript基本语法---10类

相关概念 类(Class):定义了一件事物的抽象特点,包含它的属性和方法 对象(Object):类的实例,通过 new 生成 面向对象(OOP)的三大特性:封装、继承、多态 封装(Encapsulation):将对数据的操作细节隐藏起来,只暴露对外的接口。外界调用端不需要(也不可能)知道细...

2020-01-20 18:30:46 51 0

原创 TypeScript基本语法---09接口

接口 Interfaces 接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。 接口(Interfaces)是一个很重要的概念,可以理解为一种规范或者约束,用来描述 对象(object...

2020-01-20 11:51:41 130 0

原创 TypeScript基本语法---08联合类型(类型别名 type、字符串字面量类型)

联合类型(Union Types)可以通过管道(|)将变量设置多种类型,赋值时可以根据设置的类型来赋值。表示取值可以为多种类型中的一种,使用 | 分隔每个类型。 注意:只能赋值指定的类型,如果赋值其它类型就会报错。 创建联合类型的语法格式如下: Type1|Type2|Type3 /...

2020-01-16 15:08:41 130 0

原创 TypeScript基本语法---07元组

元组可以看作是数组的拓展,它表示已知元素数量和类型的数组。确切地说,是已知数组中每一个位置上的元素的类型。 元组类型用来表示已知元素数量和类型的数组,各元素的类型不必相同,对应位置的类型需要相同。 let x: [string, number]; x = ['muzidigbig&...

2020-01-16 14:55:56 74 0

原创 TypeScript基本语法---06数组

数组解构 我们也可以把数组元素赋值给变量,如下所示: var arr: any[] = [12,'muzidigbig']; var [x,y] = arr; // 将数组的两个元素赋值给变量 x 和 y console.log(`${x}---${y}`); 编译以...

2020-01-14 15:54:09 101 0

原创 TypeScript基本语法---05函数

函数返回值 有时,我们会希望函数将执行的结果返回到调用它的地方。 通过使用 return 语句就可以实现。 在使用 return 语句时,函数会停止执行,并返回指定的值。 语法格式如下所示: function function_name():return_type { // ...

2020-01-10 15:24:27 61 0

原创 TypeScript基本语法---04变量声明(类型推断、类型断言)

TypeScript 遵循强类型,如果将不同的类型赋值给变量会编译错误。 虽然再前面的章节中已经使用到了变量声明,但那只是简单的使用,下面对变量声明的使用会有一个详细的介绍。 变量是一种使用方便的占位符,用于引用计算机内存地址。 我们可以把变量看做存储数据的容器。 TypeScript 变...

2020-01-10 10:59:53 89 0

原创 TypeScript基本语法---03细讲any任意值

任意值 Any 用来表示允许赋值为任意类型。 什么是任意值类型 如果是一个普通类型,在赋值过程中改变类型是不被允许的: let num: number = 1; num = '1'; // error TS2322: Type '"1"...

2020-01-09 14:34:44 391 0

原创 TypeScript基本语法---02原始数据类型

JavaScript 的类型分为两种:原始数据类型和引用/对象类型。原始数据类型包括:布尔值、数值、字符串、null、undefined 和 Symbol(es6 新增)。 TypeScript 遵循强类型,如果将不同的类型赋值给变量会编译错误。 布尔值 布尔值是最基础的数据类型,在 Ty...

2020-01-09 12:15:48 156 0

原创 TypeScript基本语法---02tsc命令、语法规则

一、tsc命令 //tsc 命令编译 tsc hello.ts //可以同时编译多个ts文件 tsc fileName1.ts fileName2.ts fileName3.ts //在监视模式下运行编译器。会监视输出文件,在它们改变时重新编译. tsc fileName.ts --watch...

2020-01-09 11:15:23 259 0

原创 TypeScript---01简介

一、TypeScript介绍 TypeScript 由微软开发的自由和开源的编程语言。 TypeScript 是 JavaScript 的一个超集,支持 ECMAScript 6 标准。 TypeScript使用现有的JavaScript代码,包括流行的JavaScript库,并从JavaS...

2020-01-07 11:56:31 134 0

原创 input选择输入历史后样式改变

一、修改选择背景色 **chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式: 方式一 input:-webkit-autofill,...

2019-12-03 14:53:55 494 0

原创 input file文件上传(enctype)

一、浏览器post表单提交 通常的input组件表单提交时,按照form属性提交的其中enctype=”application/x-www-form-urlencoded”是默认值 <form action="RequestServlet" method=&q...

2019-11-27 18:11:10 61 0

原创 VS Code中使用Git提交的逻辑流程

在VSCode下如何连接本地Git和远程Github/Gitlab项目。 一、git的使用 git安装 超详细的 Git 实战教程 需要注意:git 全局设置 二、VS Code中使用git 1.创建git 本地仓库 进入指定文件夹 执行git init (初始化本地仓库) 2...

2019-11-27 11:55:48 161 0

原创 vue-router 缓存路由组件对象

一、前言 一些组件需要通过接口请求数据来进行显示,请求数据会造成一定的等待时间,如果反复切换组件,那就需要反复进行数据请求,并且这部分数据返回时相同的;那么可以在组件第一次加载时,将组件对象缓存起来 当切换路由显示时,组件对象被缓存起来,不被销毁,以提升再次查看时的用户体验。 如:Tab页制作的...

2019-11-26 15:46:41 116 0

原创 Unexpected token o in JSON at position 1 报错原因

写在前面的话 这个问题在之前做项目时碰到过一次,当时按照网上的做法,去掉JSON.parse()这一层转换后就没有这个报错了,数据也能正常使用,就没多想,也没深究是什么原因。 可是这次又碰到了,所以这次必须要弄明白原因。 JSON更多知识:https://blog.csdn.net/mu...

2019-11-22 12:13:59 89 0

原创 vue组件通信---父向子传递`标签数据`(slot插槽)

一、理解 1.1此方式用于父组件向子组件传递`标签数据` 1.2插槽最后显示不显示是看父组件有没有在孩子里写模板 1.3对内容分发<插槽>的理解可以是占位符,标签替换,插槽 父组件中子标签放入带有插槽的内容,然后这些内容就会被分发到子组件中特殊的slot元素,根据name属性在...

2019-11-21 10:48:53 403 0

原创 vue组件通信---非父子组件(bus)/任意组件间的通信(pubsub)

方式一:bus中央总线 利用总线方式可以平级组件进行通信 无论是父向子传值还是子向父传值,都需要一个中间介质。对于平级组件来说其实也一样,他们也需要一个中间介质来作为一个中央事件总线。 第一步:我们先来创建中央事件总线,在src/assets/下创建一个eventBus.js,内容如下 ...

2019-11-20 17:03:30 127 0

原创 vue组件通信---父子互传(props,$emit())

一、大纲 在通信中,无论是子组件向父组件传值还是父组件向子组件传值,他们都有一个共同点就是有中间介质,子向父的介质是自定义事件,父向子的介质是props中的属性。抓准这两点对于父子通信就好理解了。 第一步:父传子(props) 第二步:子传父($emit()) 二、案例 1----pr...

2019-11-20 12:20:48 90 0

原创 vue组件通信---子传父(自定义事件$emit(eventName,data))

一、概括 在通信中,无论是子组件向父组件传值还是父组件向子组件传值,他们都有一个共同点就是有中间介质,子向父的介质是自定义事件,父向子的介质是props中的属性。抓准这两点对于父子通信就好理解了。 绑定事件监听 // 方式一: 通过 v-on 绑定 @delete_todo="d...

2019-11-20 12:07:37 450 0

原创 vue组件通信---父传子props

一、概括 组件间通信基本原则: 1) 不要在子组件中直接修改父组件的状态数据 2) 数据在哪, 更新数据的行为(函数)就应该定义在哪 在通信中,无论是子组件向父组件传值还是父组件向子组件传值,他们都有一个共同点就是有中间介质,子向父的介质是自定义事件,父向子的介质是props中的属性。抓准这...

2019-11-20 11:22:28 90 0

原创 vue组件中data必须是一个函数的原因

vue组件中data值不能为对象,因为对象是引用类型,组件可能会被多个实例同时引用。如果data值为对象,将导致多个实例共享一个对象,其中一个组件改变data属性值,其它实例也会受到影响。 上面解释了data不能为对象的原因,这里我们简单说下data为函数的原因。data为函数,通过return...

2019-11-19 17:12:42 74 0

原创 vue计算属性中使用箭头函数出错

export default { data() { return { num1: 1, num2: 2, } }, computed: { sum: () => { ...

2019-11-16 11:31:01 353 0

原创 Vue style 深度作用选择器 >>> 与 /deep/(sass/less)

官网介绍:https://vue-loader-v14.vuejs.org/zh-cn/features/scoped-css.html 你很可能会遇到的问题 vue组件编译后,会将 template 中的每个元素加入 [data-v-xxxx] 属性来确保 style scoped 仅本组件...

2019-11-16 11:09:42 508 0

原创 h5的canvas绘制

canvas元素是HTML5中新添加的一个元素,该元素是HTML5中的一个亮点。Canvas元素就像一块画布,通过该元素自带的API结合JavaScript代码可以绘制各种图形和图像以及动画效果。 1.1浏览器不兼容问题 ie9以上才支持canvas, 其他chrome、firefox、苹果浏...

2019-11-02 22:38:41 35 0

提示
确定要删除当前文章?
取消 删除