自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 资源 (1)
  • 收藏
  • 关注

原创 JS实现方法--持久更新

js怎样判断图片链接是否有效

2021-12-09 16:42:06 523

原创 升级node版本后,运行原vue项目报错问题解决方法

升级node版本后,运行原vue项目报错问题解决方法最近需要做个Vue3的项目,发现需要升级node才能运行,于是升级至v14.16.0后面运行原项目时,出现报错:Module build failed (from ./node_modules/sass-loader/lib/loader.js):Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime (

2021-03-02 10:46:50 2111

原创 默认的input上传文件太丑怎么办?美化一下!

默认的input上传文件太丑怎么办?美化一下!

2020-12-02 18:05:54 1276 1

原创 项目踩坑记录--持久更新

由于在项目中会碰到很多的问题 解决了以后 还是会忘记 为避免重复造轮子 现在开篇博客记录问题

2020-09-27 15:32:59 217

原创 谈谈js中的MVC

MVC是一种架构模式,它将应用抽象为3个部分:模型(数据)、视图、控制器(分发器)

2020-09-01 20:22:04 714

原创 Vue.js 概述与 MVVM 模式

文章目录一、Vue.js1. Vue.js 是什么2. Vue.js 的特性3. MVVM 框架4. Vue 的开发模式5. Vue.js 的优点二、问答1. 简述 MVVM2. 简述 Vue.js 的优点一、Vue.js1. Vue.js 是什么Vue.js 是一个轻巧、高性能、可组件化的 MVVM 库,拥有非常容易上手的 API;Vue.js是一个构建数据驱动的 Web 界面的库。2. Vue.js 的特性轻量级的框架双向数据绑定指令插件化(组件化)3. MVVM 框架MVV

2020-09-01 19:58:46 479

原创 vue-router入门

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式,在 IE9 中自动降级自定义的滚动条行为

2020-08-25 20:02:35 87

原创 vue-axios

JQuery时代,我们使用ajax向后台提交数据请求,Vue时代,Axios提供了前端对后台数据请求的各种方式。

2020-08-25 19:28:47 102

原创 Vue-与jQuery的对比

从jquery到vue或者说是到mvvm的转变则是一个思想想的转变,是将原有的直接操作dom的思想转变到操作数据上去。

2020-08-18 22:37:35 713

原创 vue-生命周期

Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。

2020-08-18 22:07:21 262

原创 Nodejs连接mysql并实现增、删、改、查

这篇文章主要介绍了Nodejs连接mysql并实现增、删、改、查操作的方法,结合实例形式详细分析了nodejs针对mysql数据库的的连接、mysql数据库的创建及nodejs针对mysql增删改查等相关操作具体实现技巧,需要的朋友可以参考下

2020-08-11 22:29:15 9310

原创 Vue.js 入门

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

2020-08-11 21:27:00 140

原创 nodejs-express-下

Web 应用程序Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能。API使用您所选择的各种 HTTP 实用工具和中间件,快速方便地创建强大的 API。性能Express 提供精简的基本 Web 应用程序功能,而不会隐藏您了解和青睐的 Node.js 功能。框架许多 流行的开发框架 都基于 Express 构建。

2020-08-04 22:23:09 96

原创 nodejs-express-上

Web 应用程序Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能。API使用您所选择的各种 HTTP 实用工具和中间件,快速方便地创建强大的 API。性能Express 提供精简的基本 Web 应用程序功能,而不会隐藏您了解和青睐的 Node.js 功能。框架许多 流行的开发框架 都基于 Express 构建。

2020-08-04 22:09:42 125

原创 js-闭包

闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。

2020-07-28 19:25:27 65

原创 js-Canvas画布

canvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。<canvas> 元素是WhatWG Web applications 1.0规范的一部分,也包含于HTML 5中。

2020-07-28 18:43:48 1093

原创 Js中的继承

继承是面向对象技术当中的一个概念。这种技术使得复用以前的代码非常容易,能够大大缩短开发周期,降低开发费用。继承就是子类继承父类的特征和行为,使得子类对象(实例)具有父类的属性和方法,或子类从父类继承方法,使得子类具有父类相同的行为。

2020-07-20 20:19:53 94

原创 ES6知识点-下

ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript 2015(ES2015)。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言

2020-07-15 21:41:32 191 1

原创 ES6知识点-上

ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript 2015(ES2015)。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言

2020-07-14 22:34:30 300

原创 JS-知识汇总

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言而出名的,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格

2020-07-12 13:49:58 190

原创 jQuery-知识点汇总

jQuery设计的宗旨是'Write Less,Do More',即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的操作,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器。极大地简化了 JavaScript 编程。

2020-07-08 18:50:37 213

原创 H5C3-中

文章目录transition 过渡动画案例盒子阴影案例盒子模型文字阴影案例background案例线性渐变径向渐变二维转换旋转平移缩放扭曲三维旋转效果三维移动3D盒子案例上一篇链接: H5C3-上.transition 过渡动画transition 的参数 参数1:表示过渡的属性 all 代表所有的属性 参数2:表示过渡的时间 参数3:表示动画的延迟时间 参数4:表示动画的运动方式 linear 匀速 staps()分布的 表示这个

2020-05-17 18:00:35 274

原创 H5C3-上

文章目录前言什么是H5C3H5新增的布局标签h5里面新增的input的标签本地存储案例 百度搜索历史记录实现结果主要代码临时存储前言什么是H5C3H5指的就是HTML5 HTML5是第五个正式发布的版本 5是版本号 HTML5相比于之前有较大的变动classlist.remove input email time phone类型HTML5 是 HTML 标记语言的一个最新版本,它制定了 web 应用开发的一系列标准,成为第一个将 web 作为应用开发平台的 HTML 语言。它设计目的是为了在移动设备

2020-05-17 17:04:09 170

原创 js 三大的家族

文章目录offset家族offsetParentoffsetWidth offsetHeightoffsetLeft offsetTopoffsetTop style.top 的区别scoll家族offset家族offsetParent返回改对象的父级 (带有定位) 不一定是亲的爸爸1.如果元素自身是固定的,那么获取到的父级定位级为null2.如果元素自身不是固定定位(absolute...

2020-04-12 12:13:46 203

原创 js匀速动画&缓动动画

文章目录匀速动画:效果展示代码部分html+cssjs 已封装 可直接调用缓动动画:动画效果代码部分html+cssjsf (已封装 可直接调用)匀速动画:在浏览器中,某一个盒子元素以稳定不变的速度向某个方向移动直到停止效果展示代码部分html+css<style> #box{ width: 100px; height: 100p...

2020-04-12 10:41:08 387

原创 js 编程命名法中短横线命名转换驼峰命名

在编程中,有个好的规范是很有必要的,从最基本的变量命名开始,命名写的好,后面找bug维护也容易很多,曾经我有的大学同学里面很多人的变量命名都是以aa、aaa、111之类的名字,先不说规不规范,就说出了bug怎么找。所以说好的编程规范可以让你事半功倍。

2020-03-30 09:34:04 2132

原创 js setInterval()与setTimeout()计时器

JavaScript是单线程语言,但是它可以通过设置超时值和间歇时间值来指定代码在特定的时刻执行。超时值是指在指定时间之后执行代码,间歇时间值是指每隔指定的时间就执行一次代码。在很多地方都可以用到定时器,比如各种倒计时,这里用京东秒杀倒计时来举例子。

2020-03-22 12:47:24 403

原创 js 原生JS实现TAB栏切换效果

文章目录需求分析代码部分html部分:css部分:基本的样式设置script:核心操作总结点我查看大图前言: 在日常生活中很多时候我们都会碰到tab栏的切换效果,类似于下面的 图一 这种效果事项的办法有很多很多,今天我们来看看其中的一种。需求分析点击上面的tab栏 下面的内容跟着改变点击tab栏以后点击的哪个会变颜色,当点击其他的原来点击过的会恢复原本的颜色代码部分html部分...

2020-03-22 11:15:46 586 1

原创 js DOM操作的兼容性封装

DOM操作的兼容性封装什么是兼容性​ 所谓兼容性,就是看浏览器是否支持当前对象的属性或是方法,先通过获得页面文本内容的方式来了解兼容性,并封装函数或对象以解决此类问题。获得页面文本内容的方式:innnerText 或textContent 或innerHTML。innerText在不同浏览器存在有兼容性问题,为此我们需要封装到一个函数里,使得不同的浏览器及不同版本都能获得页面文本。(谷歌...

2020-03-17 17:47:29 137

原创 js DOM实现增删改查

文章目录什么是DOM文档对象模型节点:Node——构成HTML文档最基本的单元。DOM查询获取元素节点 通过document对象调用获取元素节点的子节点获取父节点和兄弟节点DOM 操作内联样式通过JS修改元素的样式:DOM 实现增删改什么是DOM​ DOM,全称Document Object Model文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM就可以随心所欲的...

2020-03-15 11:28:14 398

原创 js-正则表达式

正则表达式是对字符串(包括普通字符(例如,a 到 z 之间的字母)和特殊字符(称为“元字符”))操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式是一种文本模式,该模式描述在搜索文本时要匹配的一个或多个字符串

2020-03-01 15:15:04 104

原创 数组 Array

文章目录前言数组的定义数组三要素数组的声明方式数组长度数组的取值数组的赋值数组的遍历前言数组的定义  数组,外文名Array。所谓数组,是有序的元素序列。 若将有限个类型相同的变量的集合命名,那么这个名称为数组名。组成数组的各个变量称为数组的分量,也称为数组的元素,有时也称为下标变量。用于区分数组的各个元素的数字编号称为下标。数组是在程序设计中,为了处理方便, 把具有相同类型的若干元素按无...

2020-02-09 10:57:43 164

原创 JS分支结构&循环&打擂思想&箩筐思想&开关思想

JS分支结构&循环分支结构ifif else``(用的最多)``if else - if elseswitch - case分支结构if语法结构 :if (表达式) { 条件成立时执行的代码}//实例if(1+1==2){ console.log("是对的"); }表达式可以是:关系表达式布尔类型的值其他类型的值if结构里面的{} 在条件成立时需...

2020-01-08 14:32:25 579 2

原创 JS运算符&&数据转换&&短路运算

JS运算符&&数据转换&&短路运算复合运算符自增自减1. 前自增 先自身加1, 再进行运算2. 后自增 先进行运算, 在自身加1三元表达式把其他数据类型转换成number类型转换成布尔类型隐式转换逻辑运算符的短路运算复合运算符+= 就在自身的基础上加多少-= 就在自身的基础上减多少*= 就在自身的基础上乘多少/= 就在自身的基础上除以多少...

2020-01-07 20:42:49 195

原创 JS基本知识-2

JS基本知识-2 运算符和表达式运算符Math高级函数数据类型转换运算符和表达式运算符算术运算符+ - * / %+ : 字符串连接符 如果 + 两边有一边是字符串, 那么他就是字符串连接符= : 赋值运算符 把运算符右边的值, 赋值给左边的变量% : 求模 取余 求除法的余数注意点 :数学里面除数不能为零 js里面也一样 如果0做了除数, 那么得到的结果是...

2020-01-02 11:48:38 180 2

原创 JS基本知识-1

JS基本知识JS简介JS的引入方式功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入JS简介  JavaScript(...

2020-01-01 18:37:10 106

原创 CSS基础知识--盒子以及背景

盒子以及背景什么是盒子盒子的属性边框属性轮廓元素的分类盒子模型背景背景属性渐变总结什么是盒子所有HTML元素可以看作盒子,在CSS中,==“box model”==这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。盒子的属性边框属性作用:给元素加上一个边...

2019-12-19 19:17:25 594

原创 CSS基本知识

目录CSS初识新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入CSS初识CSS又名层叠样式表(英文全称:Ca...

2019-12-11 22:36:26 160

原创 HTML基本知识-补充

HTML基本知识-补充HTML补充列表表单合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入HTML补充上次说到了HTML的表格...

2019-12-09 20:56:13 476

原创 HTML基本知识

HTML基本知识HTML初始基本组成结构文本标记标题元素段落和分割线字体和超链接HTML初始HTML 是 HyperText Markup language 的简称,中文名是 “超文本标记语言” ,官方解释:网页设计语言,由HTML语言编写的文件是以.html和.htm结尾的(后缀),运行在浏览器上。基本组成结构//网页根<html> //网页头部 <hea...

2019-12-05 23:22:49 141

使用canvas画布制作的飞机大战

使用canvas画布制作的飞机大战,比较简单的小游戏,适合用来了解画布,文件夹内包含项目的所有源码。 canvas 最早由Apple引入WebKit,用于Mac OS X 的 Dashboard,后来又在Safari和Google Chrome被实现。 基于 Gecko 1.8的浏览器,比如 Firefox 1.5, 同样支持这个元素。 <canvas> 元素是WhatWG Web applications 1.0规范的一部分,也包含于HTML 5中。

2020-07-28

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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