自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(39)
  • 资源 (2)
  • 收藏
  • 关注

原创 【jquery】事件处理之on

1-on可以绑定1个或者多个事件处理程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"&gt

2020-12-06 16:10:20 160

原创 【jquery】位置操作之offset,position,scrollTop

1- offset设置或获取元素偏移(1)offset()方法设置或返回被选元素相对于文档的偏移坐标,跟父级没有关系(2)该方法有2个属性left,topoffset().top用于获取距离文档顶部的距离,offset().left用于获取距离文档左侧的距离(3)可以设置元素的偏移:offset({top:10,left:30});2- position()获取元素偏移(1)position()方法用于返回被选元素相当于带有定位的父级偏移坐标,如果父级都没有定位,则以文档为准(2)该方法有2

2020-12-05 10:34:14 273

原创 【jquery】购物车-全选与全不选,修改商品背景颜色,删除商品,增减商品数目并计算总价格

1-实现购物车增减商品数目

2020-12-02 17:16:18 1892 1

原创 【jquery】实现购物车加减

分析:1.点击“+”或者“-”时当前兄弟文本框中的数值变化2.文本框最小值为1,所以点击“-”时需要进行判断<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&

2020-11-30 10:44:32 754

原创 【jquery】prop实现全选和全不选

prop,attr,data的对比<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-1.6.2.min.js"> </script> </head> <body> <a href="http://www.baidu.com"

2020-11-27 20:38:49 514

转载 【css】深入了解line-height和height

基本概念 行高与行距从字面的意思是非常容易理解的,但是对布局和样式来说,我们应该更深入的理解各个属性之间的关系,比如line-height与font-size存在什么关系呢,line-height与所属元素的height又有什么联系呢?。好了,带着疑问,我们一同探究。 行高是指文本行基线间的垂直距离。 基线(base line)并不是汉字文字的下端沿,而是英文字母“x”的下端沿。下图中两条红线之间的距离就是行高,上行的底线和下一行顶线之间的距离就是行距...

2020-11-05 22:14:24 240

转载 详解IEEE 754标准(浮点数的二进制表示)

浮点数是我们在程序里常用的数据类型,它在内存中到底是怎么样的形式存在,是我了解之前是觉得好神奇,以此记录,作为学习笔记。 现代计算机中,一般都以IEEE 754标准存储浮点数,这个标准的在内存中存储的形式为: 对于不同长度的浮点数,阶码与小数位分配的数量不一样,如下: 对于32位的单精度浮点数,数符分配是1位,阶码分配了8位,尾数分配了是23位。   根据这个标准,我们来尝试把一个十进制...

2020-10-31 11:09:27 4721 2

转载 css实现titile内容居中

Flexbox(伸缩盒)是CSS3中新增的特性,利用这个属性可以解决页面中的居中问题。只需要3行代码就可以实现,不需要设置元素的尺寸,能够自适应页面。 这个方法只能在现代浏览器上有效,IE10+、chrome、Safari、Firefox。例如: HTML: 首先,创建一个div容器,容器内是需要居中的内容 <div class="container"> <!-...

2020-10-02 18:31:49 275

转载 弹性布局display:flex

display:flex 意思是弹性布局   首先flex的出现是为了解决哪些问题呢? 一、页面行排列布局 像此图左右两个div一排显示 可以用浮动的布局方式 html部分 css部分 这种布局有两个缺点 1.需要一个空div来清除浮动,当然也可以选用其他清除浮动的方法,但此处需要清除浮动才能不影响下面的布局。 2.当.left,.right 的宽度是...

2020-10-02 18:19:35 199

原创 HBuilder详细安装教程

1.输入网址进入官网https://dcloud.io2.点击第一个图标3.点击下载4.选择适合自己电脑的版本5.下载后解压并双击文件夹中的HBuilder6.点击后会弹出一个框,选择“暂不登录”接下来就可以新建项目自己玩耍啦...

2020-09-19 16:38:22 8040

原创 vscode输入!后回车自动补全格式代码

只需要在 (一般都是这个路径)C:\Users\你的用户名\AppData\Roaming\Code\User下的keybindings.json文件中添加一段代码。如果没有这个文件,创一个就行没有的话,直接添加代码{ "key": "enter", "command": "acceptSelectedSuggestion", "when": "editorTextFocus && suggestWidgetVisible" } 有的话

2020-08-14 17:45:08 2944 1

原创 js学习笔记(待续~)

js总结起步-JavaScript1.基础1.1 js引进到页面的方式和细节起步-JavaScript1.基础1.1 js引进到页面的方式和细节

2020-07-25 17:41:13 289

原创 ps之选区抠图,发丝

先看粗略的效果图打开素材,用快速选择工具,慢慢拖动刷头,先大致选出要扣出的部分(在扣的时候,是有一个圆圈,中间有一个加号,如果笔刷面积过大,可以将键盘切换成英文后,直接按 “【 ” 是将笔刷变小,“ 】”是将笔刷变大),如果在抠图的过程中选择了多余的部分,按住Alt不松,会让圆圈中的加号变成减号,就可以减去扣的多余的部分放大图会发现头发丝附近有很多都无法扣掉接下来,点击“选择并遮住”(有的版本可能不是这个名词,大概就是这个位置)最后,将右上角的视图调为黑白模式,方便看出变化,在选择第二个刷头

2020-07-16 16:08:35 523

原创 ps之去水印

1.去除白底水印双击工作区选择一张素材

2020-07-14 21:44:51 715

原创 两个页面传值,登录注册界面,注册输入的信息带回登录界面--安卓小记

两个activity,A 跳转到 B ,在B中输入信息,B再将输入的信息带回到A中

2020-07-14 18:01:30 1816

转载 ps之如何将做好的成品批量转换成图片导出

打开PS,在菜单栏上找到“窗口” -> “动作” 在动作窗口选择新建组,重新命名该组,点击确定 在动作窗口选择新建动作,重新命名该动作,点击记录 右下角出现红色的按钮,说明已经开始了记录 按“Ctrl+Alt+Shift+S”另存为Web所用格式,按照你平时保存图片的方式操作就行...

2020-07-12 19:52:28 3583

转载 android studio项目如何打包成apk详解

第一步:Build->Generate Signed APK第二步:create new第三步:第四步:点击ok,然后点击next,最后勾选出现的两个...

2020-07-11 18:10:16 1186

原创 c语言之exit与return

exit(0):正bai常运行程序du并退出程序。exit(1):非正常运行导致退出程序zhi;return():返回函数,若在主函数中,则dao会退出函数并返回一值。拓展知识:return返回函数值,是关键字; exit 是一个函数。return是语言级别的,它表示了调用堆栈的返回;而exit是系统调用级别的,它表示了一个进程的结束。return是函数的退出(返回);exit是进程的退出。return是C语言提供的,exit是操作系统提供的(或者函数库中给出的)。return用于结束一个

2020-07-10 16:04:10 191

原创 css笔记(待续~)

伪元素伪元素,表示页面中一些特殊的并不真实的存在的元素伪元素使用 “::” 开头::first-letter 表示第一个字母::first-line 表示第一行::selection 表示选中的内容(比如复制之后用鼠标选中的内容)::before 元素的前面::after 元素的后面(注:before和after必须结合content属性来使用)<!DOCTYPE html><html lang="en"><head> <m

2020-07-01 22:44:37 186

原创 如何安装并使用vue-router

如何安装并使用vue-router1、安装vue-router2、如何使用vue-router3、404配置4、激活class5、动态路由6、编程式导航7、嵌套路由8、路由元信息9、导航拦截1、安装vue-routervue init weppack 项目名 初始化项目的时候 选择安装vue-router即可? Install vue-router? (Y/n) // 选择输入y生成的目录介绍main.js 文件// The Vue build version to lo

2020-06-01 20:53:33 628

原创 Vue之多页面单页面优缺点

vue之多页面单页面优缺点1、多页面应用2、单页面应用1、多页面应用多页面应用: 一个网址对应一个页面资源跳转一个页面都需要重新加载整个页面的资源,页面跳转会刷新!seo优化好2、单页面应用单页面应用:整个网站都只有一个页面,里面通过相关手段展示不同的内容页面的跳转是使用js 实现判断路径的变化,去展示不同的组件内容。 页面自始至终都不会刷新!维护容易; 复用性强;组件缓存; 体验感好;快发速度快;缺点:首屏加载慢,不利于seo优化!如何管理这些 路径跳转和组

2020-06-01 20:41:19 1106

原创 仿美团界面之day01

实训项目day011、移动端响应式1.1 响应式尺寸1.2、解决方案2、项目搭建2.1、初始化项目2.2、处理rem2.3、搭建路由2.4、处理静态图片2.5、编写css样式3、轮播插件4、favicon制作1、移动端响应式1.1 响应式尺寸移动端屏幕的尺寸是特别多的,所以不可能像pc端那样,将尺寸固定死。移动端开发的时候,尺寸是不建议写死单位的,如 固定值为多少px,因为多少px无论在哪种设备上面都是一样的效果,所以大小尺寸不同的设备给用户的界面效果是不一样的!希望有一种单位可以实现屏幕尺.

2020-06-01 20:29:35 316

原创 axios的安装及使用

axios注意: axios不是Vue的技术点。 他是一个http请求库! 可以理解为一个http的请求插件。只不过我们在Vue开发的时候,数据请求的时候通常喜欢使用axios。1、axios如何安装在所创建的项目目录中调出cmd命令行窗口,输入以下指令cnpm i axios --save2、axios使用需要使用的组件里引入import axios from "axios"发送请求axios.get(地址).then(function(res){ // res.d

2020-05-28 20:55:36 708

原创 Animate动画效果

Animate动画效果Animate.css使用第1步: 在html里面引入animate.css文件 推荐3.x版本https://www.dowebok.com/demo/2014/98/animate.min.css第2步: 给需要动画的标签添加上 animated class值<标签 class="其他自定义class animated"/>第3步:根据文档,使用对应的动画class名即可<标签 class="其他自定义class an

2020-05-28 20:50:55 439

原创 vue组件之生命周期

组件生命周期生命周期: 一个东西从产生到消亡的整个过程。Vue的生命周期:四阶段创建阶段beforeCreate 创建之前created 创建之后 【重要】 创建之后,这里可以获取到data里面的数据! 通常我们会在这里 请求数据,赋给data里面的变量挂载阶段beforeMount 挂载之前mouted 挂载之后 【重要】 挂载之后,只有在这里才可以获取到真是的DOM节点内容更新阶段beforeUpdate 更新之前update

2020-05-28 20:47:46 169

原创 vue动态组件

动态组件有时候我们希望在一个地方展示不同的组件信息内容,我们就可以使用动态组件。实现<component is="组件名"></component>is属性的值是组件名, component标签用来渲染这个组件替代自己的位置代码<template> <div class="tab"> <div class="tit"> <span :class="curComName=='Son1

2020-05-28 20:43:57 92

转载 vscode常用插件

常用插件点击此处

2020-05-27 21:13:47 67

原创 vue.js组件与轮播图实现

1、组件化开发什么是组件???组件就是零件,组成一个功能局部零件!1.1、组件的注册全局注册Vue.component('组件名',{ template:"#id值" // 指定组件的模板})// HTML 中<template id="id值"> <!--模板只能有一个根标签!--> <div> 模板内容 </div> </template>局部注册(只能在当前整个V

2020-05-27 18:37:45 555

原创 vue.js表单与监听数据

day02笔记1、Vue表单Vue表单是双向数据绑定的!核心指令: v-model<标签控件 v-model="变量" />单选框、密码框、多行文本框<input type="text" v-model="变量" /><input type="password" v-model="变量" /><textarea v-model="变量"></textarea>单选<input type="rad

2020-05-27 18:35:54 777

原创 vue.js事件绑定

1、事件绑定1.1、事件绑定实现:// 模板里面<标签 v-on:事件类型="事件函数"></标签>// 缩写<标签 @事件类型="事件函数"></标签>// JS里面new Vue({ .... methods:{ // 事件 事件函数:function(){ ... } }})1.2、事件传参

2020-05-27 18:23:48 130

原创 vue.js 安装及常用指令

Day01笔记1、vue.js介绍什么是JavaScript: 是一门编程语言。 客户端脚本语言! 负责交互、客户端业务逻辑的开发。什么是框架: 一个已经具有基本雏形的体系技术点,可以在这个的基础上快速的开发自己的项目应用。Vue.js 是一个JavaScript 框架。1.1、安装开发环境:开发环境: 项目研发阶段,程序还在开发。生产环境: 项目已经研发结束,项目已经部署。版本介绍:开发版本: 开发阶段使用的版本<!-- 开发环境版本,包含了有帮助

2020-05-27 18:22:33 251

原创 vue.js中的父子组件通信与项目发送

1、组件通信1.1、父子组件通信本质: 子要用父的数据!实现:子定义props。 props就是组件的自定义属性,也就是组件标签上面可以添加的属性// 子组件JS里面{ ... props:['属性名1','属性名2','属性名3'] ...}// 子组件模板里面{{属性名1}}{{属性名2}}{{属性名3}}父组件模板里面<子组件名 属性名1="值" 属性名2="值" 属性名3="值"></子组件名>图解:

2020-05-27 17:19:11 96

原创 node.js环境安装

1、node.js环境的安装打开node.js 中文网:https://nodejs.org/zh-cn/找到下载: https://nodejs.org/zh-cn/download/选择windows安装包 下载下载完成之后,打开装个windows安装包,一路next 下去, 最后等安装完成!检测安装是否成功: 打开电脑的cmd命令行窗口: 输入node -v 如果显示版本号说明安装node环境成功!2、vue-cli脚手架安装安装淘宝镜像npm install -g c

2020-05-27 17:13:07 249

原创 点击事件的四种方式--安卓小记

第一种:使用匿名内部类实现public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Button button1=

2020-05-08 23:05:52 261

原创 再次点击返回键--安卓小记

第一次点击时弹出吐司,三秒内再次点击则退出package com.example.shiyan01;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.KeyEvent;import android.view.View;import android.widget.Button;import android.widget.Toast;import static

2020-05-08 19:31:23 114

原创 数据结构之指针回顾

指针在学c语言的时候对于指针这块儿就一直没弄明白,下面是我看郝斌老师视频的一些总结1.1指针的定义:1.指针:(1)指针就是地址,地址就是指针(2)指针变量是存放内存单元地址的变量(3)指针的本质是一个操作受限的非负整数2.地址:(1)地址就是内存单元的编号(2)从0开始的非负整数(3)范围:0–FFFFFFFF【0-4G-1】1.2 指针和指针变量指针就是地址,地址就是...

2020-04-27 10:17:37 235

原创 数据结构之邻接表与邻接矩阵

无向图1.1邻接表(找出每个顶点相邻的顶点)1.2邻接矩阵(两顶点若连接,则为1,反之为0)有向图2.1邻接表(找每个顶点相邻,且以此顶点为起始点。以3为例,与3相邻的顶点有1,2,4,5,找以3为起始顶点的,则只有1,5)2.2邻接矩阵...

2020-04-16 10:47:57 891

原创 数据结构之哈夫曼树

哈夫曼1.1哈夫曼树的形成过程例:a:30, b:5, c:10, d:20哈夫曼树1.2哈夫曼的存储结构:静态三叉链表#include<stdio.h>#include<stdlib.h>#include<string.h>#define N 4#define M 2*N-1#define MAX 10000typedef char T...

2020-04-15 14:27:31 4445

原创 如何直接跳转到手机主界面

如何直接跳转到手机主页面返回到上一个Activity//1.第一种finish();//2.第二种System.exit(0);//3.第三种android.os.Process.killProcess(android.os.Process.myPid());直接回到手机主界面Intent mIntent = new Intent(Intent.ACTION_MAIN); ...

2020-04-05 17:27:44 379

09-电梯导航.rar

1-实现显示隐藏电梯导航 2-点击滚动目标位置 3-点击当前li添加current类 4-滑动页面电梯导航自动添加current类 5-电梯导航节流阀(互斥锁)

2020-12-06

【jquery】购物车模块

前端之购物车模块,简单实现购物车的页面,商品的全选功能,商品的加减和价格的同步计算,商品的删除和修改功能及其细节处理(使用jquery实现,有详细注解)

2020-12-03

空空如也

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

TA关注的人

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