自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

苦涩

越学越茫

  • 博客(158)
  • 资源 (2)
  • 收藏
  • 关注

原创 less的使用

less 变量和插值less变量插值使用@{}表示// less变量@c: #e4393c;// less变量插值使用@{}表示// 选择器变量插值@b: box;// 路径变量插值@imgUrl: 'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png';// 属性变量插值@bgsize: background-size;// ---------------------------------

2020-10-20 13:11:11 298

原创 Vuejs 组件

组件的基本使用 2.0版本以前<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vuejs</title> <script src="js/vue.js"></script></head><body><div id='app'> <!-- 3.

2020-09-12 23:53:47 220

原创 Vuejs 过滤器

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vuejs</title> <script src="js/vue.js"></script></head><body><div id="app"> <p>{{ 7000 | guoLv}

2020-08-31 04:07:34 187

原创 Vuejs 条件判断

v-if 使用<div id='app'> <h2 v-if="true"> {{message}} <div>aaa</div> <div>bbb</div> </h2></div><script> const app = new Vue({ el: '#app', data: { message: 'hello', .

2020-08-30 19:56:06 305

原创 Vuejs 事件监听

在前端开发中,我们需要经常和用户交互,这个时候,我们就必须监听用户发生的事件,比如点击、拖拽、键盘事件等等v-on 基础<div id='app'> <h2>{{counter}}</h2> <button v-on:click="add">+</button> <!-- v-on语法糖写法 @ --> <button @click="sub">-</button></div&gt

2020-08-30 19:30:47 328

原创 JavaScript let、const与var的区别

ES5中的var是没有块级作用域的(if/for)ES5中的let是有块级作用域的(if/for)ES5之前因为if和for都没有块级作用域的概念,所以在很多时候,我们都必须借助于function的作用域来解决外面变量的问题(闭包)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vuejs</title> <s

2020-08-30 15:44:47 184

原创 Vuejs 计算属性

基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vuejs</title> <script src="js/vue.js"></script></head><body><div id='app'> <h2>{{firstName.

2020-08-30 09:57:11 234

原创 Vuejs 动态绑定属性

v-bind 基础用法<div id='app'> <!-- 错误做法,mustache只能用在content中 --> <img src="{{imgURL}}"> <img src="imgURL"> <!-- 正确做法,使用v-bind指令 --> <img v-bind:src="imgURL"> <!-- 语法糖:简写 --> <img :src="imgURL".

2020-08-30 00:02:02 352

原创 Vuejs 插值操作

mustache语法<div id='app'> <h2>{{message}}</h2> <h2>{{message}}, 苦涩!</h2> <!-- mustache语法中,不仅仅可以直接写变量,也可以写简单的表达式 --> <h2>{{firstName + ' ' + lastName}}</h2> <h2>{{firstName}} {{lastName}}&l.

2020-08-29 16:23:13 150

原创 Vuejs 初体验

Hello Vuejs<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vuejs</title> <script src="js/vue.js"></script></head><body> <div id="app">{{message}} .

2020-08-29 09:46:05 79

原创 PHP 面向对象

<?php // 定义类:首字母大写,大驼峰命名 class Humanity{ // 定义变量 public $name; public $sex; public $age = 22; // 定义常量 const HOME = 'earth'; // 定义方法:首字母小写,小驼峰命名 public function eat($food)

2020-08-19 23:29:36 163

原创 PHP 使用mysqli与MySQL交互

建立、关闭与MySQL服务器的连接$link = @mysqli_connect($host, $user, $password, $database, $port);:连接指定的mysql服务器

2020-07-28 17:31:46 212

原创 PHP MySQL基础知识

数据库基本概念数据库:信息存储的仓库,包括一系列的关系措施表:一个数据库中可以有若干张表字段:表里面的信息会分若干个栏目来存,这些栏目呢,我们在数据库技术中叫“字段”,栏目里面存的具体信息叫“字段值”记录:一条信息我们叫一条记录一个数据库管理系统中可以建立若干个数据库,每个数据库中又可以建立若干张表,每张表中可以有若干条记录...

2020-07-26 11:00:37 260

原创 PHP 会话控制

cookie向客户端电脑中设置cookiesetcookie(key, value, 过期时间);在服务器端上读取cookie的内容$_COOKIE:存储cookie信息的数组将多维数组应用于cookie中setcookie(‘member[name]’, ‘苦涩’, 过期时间);setcookie(‘member[qq]’, ‘2992262401’, 过期时间);删除cookiesetcookie(‘member[name]’, ‘’, time()-1);...

2020-07-22 17:54:19 125

原创 PHP 文件与目录操作

目录的基本操作判断普通文件和目录is_file():判断给定文件名是否为一个正常的文件is_dir():判断给定文件名是否为一个目录文件的属性file_exists():检查文件或目录是否存在filesize():取得普通文件的大小is_readable():判断给定文件名是否可读is_writable():判断给定文件名是否可写filectime():获取文件的创建时间filemtime():获取文件的修改时间fileatime():取得文件的上次访问时间sta.

2020-07-21 23:03:01 564 1

原创 PHP 图像处理

创建图像基本步骤创建图像所有的绘图设计都需要在一个图像上完成,以后的操作都将就与这个图像imagecreatetruecolor(宽,高):新建一个真彩图像绘制图像图像创建完成以后,就可以通过这个图像资源,使用各种画像函数设置图像的颜色、填充画布、画点、线段、各种几何图形,以及向图像的添加文本等imagecolorallocate(图像对象, red, green, blue):为一幅图像分配颜色imagefill(图像对象, x坐标, y坐标, 分配颜色对象):为一幅图像.

2020-07-20 22:49:31 193

原创 PHP 日期与时间

设置时区默认的时区是UTCdete_default_timezone_set(‘Asia/Shanghai’);获取当前Unix时间戳从Unix纪元1970年1月1日0时0分0秒开始到当前的秒数time();获取指定时间的Unix时间戳mktime(时, 分, 秒, 月, 日, 年);从Unix时间戳取得时间日期信息date(‘Y-m-d H:i:s’):格式化一个本地时间、日期获取Unix()微秒数和时间戳microtime():传一个t.

2020-07-19 22:44:10 121

原创 PHP 正则表达式

正则表达式语法描述了一类字符串的特征,通过这个特征与特定的函数配合,对其他的字符串进行匹配、查找、替换及分割操作定界符我们一般习惯使用正斜线 ‘/’ 作为定界的字符当然除了字母、数字和反斜线以外的字符都可以作为定界符,比如:#、!、{}、| 等都是可以的定界符放在正则表达式的起始位置,前后一致普通字符比如:a~z、A~Z、0~9、双引号、单引号,它们没有特殊的含义元字符指的是在正则表达式中有特殊含义的字符元字符描述\d匹配任意一个十进制数字,等价.

2020-07-19 21:37:20 158

原创 PHP 字符串处理

去除首尾空白或其他字符函数trim():去除字符串首尾处的空白字符或者其他字符ltrim():去除字符串左边的空白字符或者其他字符rtrim():去除字符串右边的空白字符或者其他字符<?php $str = ' abc '; var_dump(trim($str)); var_dump($str); $str2 = '112321abc2312221'; var_dump(trim($str2, 1));//去除一个.

2020-07-18 17:35:39 116

原创 PHP 数组

数组分类索引数组索引值为整数的数组,使用整数作为索引关联数组索引值为字符串的数组,使用字符串作为索引创建数组不需要指定数组的大小不需要再使用数组之前声明同一个数组中可以存储任何类型的数据<?php // -------创建数组方法一-------------------- $student1[0] = 10; $student1[1] = '苦涩'; $student1[2] = true; $student1[3] = .

2020-07-18 10:36:48 150

原创 PHP 函数

函数定义<?php function add($a, $b){ echo "定义了一个加法函数<br>"; return $a+$b; } $result = add(2, 3); echo $result;?>

2020-07-17 13:27:14 163

原创 PHP 流程控制

if–else语句<?php $a = 3; $b = 6; if($a > $b){ echo "a大于b"; }elseif($a < $b){ echo "a小于b"; }else{ echo "a等于b"; }?>

2020-07-16 17:34:56 104

原创 PHP 基本语法

变量声明语法:$变量名 = 值PHP的特性之一就是它不要求使用变量之前声明变量,当第一次给一个变量赋值时,你才创建了这个变量变量销毁语法:unset($变量名);变量命名变量名严格区分大小写变量名由字母或下划线开头不建议使用系统关键字,但可以使用变量的引用赋值<?php $a = 999; $b = $a; //相当于把a的值复制一份再赋值给b $b = 111; echo $a; //999 echo $b; /.

2020-07-15 23:48:07 311

原创 VSCode+PHPstudy配置PHP开发环境

第一步:下载安装VSCode编辑器第二步:下载安装PHPstudy集成环境第三步:打开PHPstudy、选择界面左侧中的环境第四步:点击右侧PHP运行环境下面的更多,选择适合的PHP版本第五步:点击PHPstudy左侧的首页,点击WNMP红点切换适合的Web服务器,然后点击启动第六步:点击PHPstudy左侧环境,再点击右侧PHP选项中的设置,在弹出的界面中选择扩展组件,再点击XDebug调试组件,记住端口监听号是多少,最后点击确认第六步:打开VSCode编辑器.

2020-07-14 11:12:42 3959 10

原创 Git 文件操作

文件4种状态版本控制就是对文件的版本控制,要对文件进行修改、提交等操作,首先要知道文件当前在什么状态,不然可能会提交了现在还不知道提交的文件,或者要提交的文件没提交上Untracked:未跟踪,此文件在文件夹中,但并没有加入到git库,不参与版本控制,通过 git add 状态变为 stagedUnmodify:文件已经入库,未修改,即版本库中的文件快照内容与文件夹中完全一致,这种类型的文件有两种去处,如果它被修改,而变为 Modified ,如果使用 git rm移出版本库,则成为 == Un.

2020-07-11 23:19:47 120

原创 Git 项目搭建

Git 创建工作目录与常用指令工作目录(WorkSpace)一般就是你希望Git帮助你管理的文件夹,可以是你项目的目录,也可以是一个空目录,建议不要有中文。日常使用只要记住下图6个命令:本地仓库搭建创建本地仓库的方法有两种:一种是创建全新的仓库,另一种是克隆远程仓库1、创建全新的仓库,需要用Git管理的项目的根目录执行:git init:在当前目录新建一个Git代码库2、执行后可以看到,仅仅在项目目录多出了一个.git目录,关于版本等的所有信息都在这个目录里面克隆远程仓库1.

2020-07-11 16:25:27 121

原创 Git 环境配置

Git环境配置查看配置:git config -l查看不同级别的配置文件查看系统config:git config --system --list查看当前用户(global)配置:git config --global --listGit相关的配置文件Git\etc\gitconfig:Git安装目录下的gitconfig --system 系统级C:\User\Administrator.gitconfig:只适用于当前登录用户的配置 --global全局;这里可以直接.

2020-07-11 13:31:21 281

原创 JavaScript Swiper插件

Swiper开发文档一款免费以及轻量级的移动设备触控滑块的js框架初始化Swiper实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="./swiper.min.css"> <script src="./j.

2020-07-10 09:52:13 629 1

原创 JavaScript doT模板引擎

doT模板引擎js模板引擎,它的大小只有4KB,渲染性能很好,而且直接支持原生的写法,不用依赖别的库doT模板引擎使用流程<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="./js/doT.min.js"></script> <.

2020-07-09 08:39:15 534

原创 JavaScript 音频插件和图表插件

howler音频插件配置项及事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script src="./js/howler.min.js"></script></head><body> <script> .

2020-07-08 00:17:10 536

原创 HTML5 canvas组件

canvas简介canvas标签是用来绘制图像的canvas本身没有绘画的能力,仅仅是图形的容器,相当于一块画板必须要使用脚本完成绘制,JScanvas绘画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #can.

2020-07-06 09:35:59 1396

原创 JavaScript 本地存储

本地存储简介在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的web 应用程序能够在用户浏览器中对数据进行本地的存储解决了cookie存储空间不足的问题(cookie的存储空间为4K)localStorage中一般浏览器支持的是5M大小,相当于一个5M大小的针对于前端页面的数据库HTML5本地存储优于cookie本地存储提供了两个在客户端存储数据的对象localStorage:永久存储,存储没有截止日期的数据sessionStorage.

2020-07-04 12:58:29 252

原创 基于jQuery实现幻灯片切换效果

效果图功能:1、幻灯片自动切换;2、点击下方小圆点切换对应幻灯片;3、点击左右两侧耳朵控制幻灯片切换至上一张或下一张;4、鼠标悬停幻灯片上时,幻灯片停止切换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标题</title> <link rel="stylesheet" href="../css/res.

2020-07-02 11:28:32 679

原创 基于jQuery实现自动或点击切换效果

效果图功能:元素自动切换,当点击下方小圆点时,控制上方元素同步切换方法:主要是定义一个全局变量,通过自增变化来控制自动切换效果,其中当自身显示时,兄弟元素隐藏;给小圆点添加单击事件,当点击时,传递自身对象给单击切换函数,通过对象获取点击对象的下标值,从而切换元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标题</.

2020-07-01 23:16:52 1013

原创 基于jQuery实现水平轮播效果

效果图方法:使用动画效果,让第一幅图的宽度逐渐变为0px,然后将第一幅图添加至父元素末尾<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标题</title> <link rel="stylesheet" href="../css/reset.css"> <script src="./.

2020-07-01 22:18:53 358 1

原创 基于jQuery实现垂直轮播效果

效果图方法:使用定时器让元素不断替换及高度变化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标题</title> <link rel="stylesheet" href="../css/reset.css"> <script src="./jquery-3.4.1.min.js"&.

2020-07-01 16:58:13 622

原创 jQuery DOM操作

jQuery中文开发文档DOM操作是jQuery核心内容之一,在前端开发时,我们往往需要在页面某个地方添加元素或删除元素,这种添加元素、删除元素的操作就是通过DOM操作来实现的插入节点$(selector).append(content):向元素内部最后插入内容$(content).appendTo(selector):把元素插入到指定的元素内部最后$(selector).prepend(content):向元素内部最前插入内容$(content).prependTo(.

2020-06-29 13:07:52 155

原创 jQuery 选择器和筛选

基本选择器在CSS中使用的选择器,在jQuery中同样可以使用,而且不用做循环<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标题</title> <script src="./jquery-3.4.1/jquery-3.4.1.min.js"></script> <scr.

2020-06-26 09:52:01 362

原创 JavaScript Document对象DOM

Document对象 DOM描述每个载入浏览器的HTML文档都会成为Document对象Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。当浏览器打开一个HTML文档时,浏览器解析HTML文档的标签,并创建表示这些标签的对象,这些对象就是HTML文档对象文档对象即Document对象,指的是一回事HTML DOM 模型被构造为对象的树JavaSc.

2020-06-23 00:10:17 207

原创 JavaScript 浏览器对象BOM

浏览器对象 BOMBOM是browser Object Model的缩写,简称浏览器对象模型BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性基本的BOM体系结构图BOM提供了一些访问窗口对象的一些方法,我们可以用它来移动窗口位置、改变窗口大小、打开新窗口或关闭窗口、弹出对话框、进行导航以及获取客户的一些信息,如:浏览器品牌版本,屏幕分辨率等。但BOM最强大的功能是它提供了一个访问HTML页面的接口------document对象,以使得我们可以通过这个口接口来使用DOM的强大.

2020-06-22 18:10:33 194

howler音频插件和echarts图表插件

howler音频插件是JavaScript的音频库,功能强大,性能不错,用起来也很方便;ECharts图表插件是JavaScript的图表库,绘制动态数据可视化图表等

2020-07-07

利用Python爬取百度百科词条

利用Python爬取百度百科网络爬虫词条以及相关词条的标题、摘要和链接等信息

2018-10-23

空空如也

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

TA关注的人

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