- 博客(27)
- 收藏
- 关注
RSS订阅原创 Vue组件化编程
文章目录前言一、使用组件的步骤二、单文件组件三、VueComponent前言Vue组件化编程能更好的复用编码，简化项目编码，提高运行效率。一、使用组件的步骤1.定义（创建）组件使用Vue.extend（option）创建2.注册组件（1）局部注册：靠new Vue的时候传入components选项（2）全局注册：靠Vue.component(‘组件名’,组件)3.使用组件(写组件标签)二、单文件组件1.为每个功能部分创建一个Vue文件vue文件里面包括了：（1）（2）三、VueC
2022-04-01 11:21:54
949
1
原创 Vue的基础学习1
文章目录前言一、数据的绑定二、使用步骤1.引入库2.读入数据总结前言本次学习的内容主要是Vue的数据绑定、事件处理、计算属性和监视属性，绑定样式和渲染、监视数据、表单和过滤器、内置指令和自定义指令等Vue知识点。一、数据的绑定数据的绑定分为两种：第一种是v-bind：二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as sns
2022-03-30 19:17:38
194
原创 Git和Github
文章目录前言一、Git1.1 Git概念1.2 特点1.3 Git中的三个区域和三个状态1.3.1 Git中的三个区1.3.2 三个状态1.4 Git重要的几个基本操作二、Github1.什么是开源2. 远程仓库的两种访问方式3. 基于HTTPS将本地仓库上传到Github4. 基于SSH将本地仓库上传到GIthub4.1 SSH key4.2 生成 SSH key4.3 配置 SSH key4.4 检测 Github的SSH key 是否配置成功4.5 基于SSH将本地仓库上传到GIthub三、 Git分
2022-03-19 09:23:25
786
原创 npm安装和使用
文章目录前言一、npm安装准备二、npm淘宝镜像2.1 搭建环境2.2 其他操作三、npm的使用3.1 基本命令3.2 Package.json 属性说明3.3 npm常用命令3.4 包的使用四、yarn4.1 安装4.2 Yarn的基本使用4.3 yran的优点前言NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
2022-03-18 09:37:04
1758
原创 HTTP学习记录
文章目录前言一、HTTP协议简介1.1 通信1.2 通信的三要素：1.3 通信协议1.4 HTTP协议1.5 HTTP协议的交互模型二、HTTP请求消息的组成部分2.1 HTTP请求消息的组成2.2 请求行2.3 请求头部2.3.1常见的请求头字段2.4 空行2.5 请求体三、HTTP响应消息3.1 HTTP响应消息的组成部分3.2 状态行3.3 响应头部3.4 空行3.5 响应体四、HTTP请求方法五、HTTP响应状态码5.1 组成及分类5.2 2** 成功相关的响应状态码5.3 3**重定向相关的响应
2022-03-17 15:17:55
3592
1
原创 Ajax部分笔记
一、Ajax1.1 含义Ajax 的全称时 Asynchronous JavaScript And XML （异步 JavaScript和XML）1.2 作用能让我们轻松实现网页与服务器之间的数据交互1.3 应用场景用户名检测 ：注册用户时，通过ajax的形式，动态加载检测用户名是否被占用搜索提示： 当输入搜索关键字时，动态加载搜索提示列表数据分页显示： 当点击页码值的时候，通过ajax的形式，根据页码值动态刷新表格的数据数据的增删改查： 数据的添加、删除、修改、查询操作，都需要通过a
2022-03-17 11:45:17
495
原创 面向对象编程笔记
一、this指向二、call、apply、bind的使用1. call方法call() 方法调用一个对象。简单理解为调用函数的方式 ，但是它可以改变函数的 this指向2. apply方法apply（）方法调用一个函数 简单理解为调用函数的方式 但是它可以改变函数的 this 指向thisArg：在fun函数运行时指定的this值argsArray：传递的值，必须包含在数组里面返回值就是函数的返回值，因为它就是调用函数3. bind方法bind() 方法不会调用函数。但是能改变函数
2022-03-10 16:20:51
199
原创 Echarts可视化小案例
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、Echarts可视化使用步骤二、代码效果展示1.代码2.效果图示3.常见属性前言应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。我们引入 '立可得' 数据可视化项目。 该项目除了使用了基础的DIV+CSS布局，还引入了一些C3技术，还引入了各类图表的绘制，以及高级的地图数据可视化案例。主要功能有：饼状图、柱状图
2022-03-05 09:59:39
589
1
原创 小米官网重做jQuery
文章目录前言一、修改value里面的值二、登录和注册点击切换三、自动切换登录注册总结前言这次是使用jQuery来重新做小米官网里面的效果一、修改value里面的值$(“id号”).val(“修改的值”)代码示例：$("#threes").val("手机号")也可以检测当前value值是多少$("#threes").val()二、登录和注册点击切换通过点击来进行切换代码如下： $(".sign").on("click", function() { $("..
2022-01-22 11:22:34
609
原创 jQuery编程基础
文章目录前言一、jQuery是什么？二、使用步骤1.引入库2. 用入口函数3. 基础选择器4. 层级选择器三、 优点前言jQuery 是一个快速、简洁的JavaScript库，其设计的宗旨是“write Less， Do More”，即倡导写更少的代码 做更多的事情一、jQuery是什么？jquery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jquery设计的宗旨是“write Less，Do Mo
2022-01-22 09:50:37
439
原创 JavaScript做贪吃蛇
文章目录前言一、效果动画展示二、html主页面二、三个js包1.Game.js2.Snake.js （蛇的设置）3.Food.js (食物的设置)前言这个关卡是用JavaScript做的一个贪吃蛇游戏一、效果动画展示二、html主页面代码展示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp
2022-01-05 14:47:51
2841
1
原创 侧边栏的使用
文章目录前言一、布局和样式设计二、js效果实现1.js设置2.效果展示前言侧边栏是一个网页中比较常见的部件。一般当网页下拉到一个距离时，会弹出一个返回顶部的按钮，在返回顶部时会隐藏这个按钮。一、布局和样式设计在页面的右下方固定一个盒子，盒子内容为布局：<div class="quick"> <a href="" class="onck"> <div class="icon"> <i
2021-12-31 10:21:34
1161
原创 swiper插件使用
文章目录前言一、swiper的官网二、swiper的使用方法1.引入插件相关文件2.按照规定语法使用三、代码演示1.效果图demo2.代码演示3.效果图展示前言swiper是一款轻量级的轮播图插件,不仅支持pc端更是为移动端而生,用它可以快速地做出一个轮播图,或者扩展使其做出复杂的轮播效果。一、swiper的官网swiper的官网是 ：https://www.swiper.com.cn/二、swiper的使用方法1.引入插件相关文件首先进入官网首页，点击获取swiper进行选择下载需要的版本
2021-12-21 20:06:07
4034
3
原创 网页换鼠标样式
文章目录前言一、做法介绍二、代码演示总结前言利用css和js来做一个鼠标的样式变幻一、做法介绍利用js中的 var x = e.pageX; var y = e.pageY;来确定鼠标的所在的位置，然后让图片以x和y来进行定位，在将鼠标进行隐藏，这样就能把鼠标的样式进行一个小更改二、代码演示代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> .
2021-12-14 19:38:48
1900
原创 JavaScript对象复习
文章目录一、random随机函数1.返回值2.得到两个数之间的随机整数 并且 包含这2个整数3.随机数的案例二、日期对象三、删除和添加数组元素的方法1.push（）2. pop（）3.unshift（）4.shift（）5.案例演示总结一、random随机函数1.返回值一个浮点型伪随机数字，在0（包括0）和1（不包括）之间。2.得到两个数之间的随机整数 并且 包含这2个整数function getRandom(min, max) { return Math.floor(.
2021-12-09 18:13:20
2975
1
原创 python二级基础
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、二级python考什么？1.分值分布2.大概考点二、我自己的学习方式1.网上找的一些基础的视频2.题库刷题总结前言每年都有一段时间会考计算机二级征，其中计算机二级python是一科比较好考的语言，他的内容量不会像wps和office一样很多一、二级python考什么？1.分值分布1.选择题有40分（公共基础：10分，python：30分）2.基础操作题15分（比较简单的python程序填空）3.简单应用25
2021-12-03 11:38:38
1229
原创 for循环写正方形和倒三角形
文章目录一、for循环是什么？二、for循环正方形1.过程分析2.代码演示三、for循环倒三角型1.过程分析2.代码实现一、for循环是什么？or循环是编程语言中一种循环语句，而循环语句由循环体及循环的判定条件两部分组成，其表达式为：for（单次表达式;条件表达式;末尾循环体）{中间循环体；}。二、for循环正方形1.过程分析1.输出一个5行5列的正方形2.行作为外层循环，列作为内存循环。3.每当外层循环一次时，内层循环5次。2.代码演示代码如下：var str = "";
2021-11-25 10:56:46
2474
原创 生活资讯网那些事
项目场景：提示：这里简述项目相关背景：例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)问题描述：提示：这里描述项目中遇到的问题：例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据APP 中接收数据代码：@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obta
2021-11-17 20:19:29
296
2
原创 bootstrap布局基础
文章目录一、bootstrap布局1.什么是bootstrap布局2.布局容器3.使用方法二、栅格系统1.栅格系统2.栅格选项参数2.1 份数相加结果出现的情况2.1.12.1.22.1.33.响应式工具总结一、bootstrap布局1.什么是bootstrap布局Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架，提供了优雅的HTML和CSS规范，由动态CSS语言Less写成。2.布局容器boots
2021-11-10 20:30:21
2568
2
原创 flex布局
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningswarnings.filterwarnings(
2021-11-03 15:15:09
133
9
原创 css动画
文章目录前言一、如何制作动画1.定义动画2.定义动画二、使用步骤1.引入库2.读入数据总结前言可以通过简单的css事件来触发元素的外观改变或位置改变一、如何制作动画1.定义动画@keyframes 名字 {0% {}100% {}}代码演示：@keyframes move { 0% {} 25% { transform: translateX(600px); } 50% {
2021-10-29 10:42:03
90
8
原创 用css来做的2D转换
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码
2021-10-29 09:08:14
91
5
原创 html5+css3
文章目录前言一、HTML51.新增语义化标签2.表单标签3.多媒体标签1.音频标签2.视频标签二、CSS31.属性选择器2.结构伪类选择器3.伪元素选择器前言HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式。CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块。一、HTML51.新增语义化标签头部标签：header导航标签：nav内容标签：article块级标签：section侧边栏标签：aside尾部标签
2021-10-27 11:36:09
224
9
原创 一个简单的登录注册页面html代码
文章目录前言一、效果展示1.登录2.注册二、代码部分1.登录2.注册总结前言这一个简单的注册页面代码，适合初学者进行模仿和理解，这个代码仅限于两个页面的跳转，不包括数据处理一、效果展示1.登录2.注册二、代码部分1.登录代码如下（示例）：<style> * { padding: 0; margin: 0; box-sizing: border-box; } ..
2021-10-20 10:38:29
56198
14
原创 精灵图和字体图标
文章目录一、精灵图1.什么是精灵图？2.为什么要用精灵图（1）减少服务器的访问量，加快加载速度（2）方便管理这些背景图图片3.如何使用4.演示二、字体图标1.常用的字体图表网站2.如何引入总结一、精灵图1.什么是精灵图？精灵图是一种网页图片的应用技术。主要针对背景图片使用，把多个小背景图片合成一个大的图片2.为什么要用精灵图（1）减少服务器的访问量，加快加载速度（2）方便管理这些背景图图片3.如何使用1.用Macromedia Fireworks软件加载2.用切片工具 查看所需要图标的x
2021-09-29 10:50:46
431
10
原创 摄影网站项目导航总结
文章目录一、导航栏1.导航栏效果2.导航分布3.导航部分代码展示1.html部分2.css部分3.二级菜单总结一、导航栏1.导航栏效果2.导航分布这一部分分成了3个部分。1.logo部分2.文本框和搜索按钮部分3.网页链接部分。3.导航部分代码展示1.html部分<div class="header w"> <div class="logo"> <img src="image/img/logo.png" alt="
2021-09-26 15:30:43
160
1
原创 CSS盒子基础
CSS盒子基础文章目录一、盒子的组成二、边框1.边框的样式2.边框单独使用上下左右3.边框简写三.内边距四.外边距总结一、盒子的组成盒子是由4个部分组成的，分别是（1）border 边框（2）content 内容（3）padding 内边距（4）margin 外边距二、边框1.边框的样式代码如下（示例）： <style> .one { border-style: none; }
2021-09-22 10:14:17
197
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人