- 博客(188)
- 资源 (6)
- 收藏
- 关注
原创 快速排序演示和代码介绍
快速排序的核心是(以升序为例):在待排序的数据中指定一个数做为基准数,把所有小于基准数的数据放到基准数的左边,所有大于基准数的数据放在右边,这样的话基准数的位置就确定了,然后在两边的数据中重复上述操作。
2023-11-23 13:14:29 98
原创 小米官网移动端布局
效果演示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link
2022-05-22 13:45:04 871
原创 extends和super的使用
class Car{ // 构造函数 constructor(carname){ this.carname = carname } // 行驶 move(){ console.log(this.carname+"我可以移动") }}class smallCar extends Car{ constructor(carname){ super(carname) }}var smallcar.
2022-05-19 18:24:15 118
原创 js类的创建和constructor的构造函数的使用
class Car{ // 构造函数 constructor(carname){ this.carname = carname }}var redflag = new Car('红旗')console.log(redflag.carname)var fiveshine = new Car('五菱宏光')console.log(fiveshine.carname)
2022-05-19 18:07:56 211
原创 vue-cli安装记录:
1.检测版本vue-X (4.5以上)2.安装环境:npm install -g @vue/cli3.执行命令:vue create 项目的名字最终完成效果:启动:运行效果
2022-04-13 13:16:15 333
原创 利用before伪元素给视频加遮罩层,鼠标触碰时候显示遮罩层
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...
2022-03-18 14:24:56 370
原创 nth:child以及nth-of-type的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> .
2022-03-18 13:43:55 198
原创 css3中属性选择器测试
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> .
2022-03-18 11:21:26 371
原创 响应式布局(多媒体查询)仿苹果官网部分实例
html代码部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2022-03-15 16:34:14 1010
原创 移动端抽奖大转盘
181e67f2cca50dc512e9014faf07833a<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta ht
2022-03-08 12:40:28 283
原创 flex布局方式,模仿新氧局部
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--完美视口设定--> <meta name="viewport" content="width=device-width, initial-scal...
2022-03-07 14:51:22 98
原创 物理像素,css像素的理解,vw的使用以及案例
(1)物理像素=>物理像素只的就是一个小点点(2)另外一种是css像素=>css像素使我们书写代码的时候书写的单位>>>浏览器在加载网页的时候,需要将css像素转化成物理像素<<<默认情况下pc端一个css像素等于一个物理像素默认情况下移动端的网页都会将980像素css像素,让pc端的网页在移动端也能全部展现出来最佳像素比设置完美视口<meta name="viewport" content="width=device-.
2022-03-04 17:29:00 492
原创 python,turtle画太极
#coding:utf-8from turtle import *hideturtle()speed(0)fillcolor("black")begin_fill()pencolor("black")circle(100,180)circle(50,180)circle(-50,180)end_fill()circle(-100,180)right(90)pencolor("black")fillcolor("white")forward(50)begin_fill().
2022-03-01 20:30:42 146
原创 flex弹性容器的基本使用
<!DOCTYPE html><html><head> <meta charset="utf-8"> <!-- 移动端必设置 --> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" /> <title>弹性容器使用&.
2022-02-26 09:11:58 134
原创 less基础了解
// 这种注释less文件生成css文件中是不可见的/* 这种注释是css可见的*/div{ width: 200px; height: 200px; background-color: aqua; #child{ width: 100px; height: 100px; background-color: red; }}// less中声明变量@wh:200px;.demo{ width.
2022-02-22 11:48:41 116
原创 浮动引起的高度塌陷最好的解决方案
<!DOCTYPE html><html><head> <meta charset="utf-8"> <!-- 移动端必设置 --> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" /> <title>浮动引起的高度.
2022-02-14 16:51:49 279
原创 vue-router路由器的基础原理案例,实现页面无刷新切换
安装命令 cnpm i vue-router安装完毕后:进行配置路由,在src目录下创建router/index.js文件,在index.js文件中进行配置处理:// 该文件专门用于创建整个应用路由器import VueRouter from 'vue-router'// 引入组件import st from '../components/HelloWorld'import stc from '../components/Student'// 创建一个路由器并且需要暴露ex...
2022-01-13 18:58:21 792
原创 vuex的使用流程
vuex的使用流程1.调用 this.$store.dispatch('addnumber',需要传送的值)2.action中进行流程分发const actions = { addnumber(minVue,val){ minVue.commit('ADDNUMBER',val) }}3.mutations用于逻辑操作处理const mutations = { ADDNUMBER(state,val){ // 比如加法进行简单的逻辑处理 .
2022-01-12 18:23:37 295
原创 使用vue脚手架解决跨域问题
先用nodejs创建两个服务器端口自己随便设置// 服务器1var http = require('http')// 创建一个web服务器var server = http.createServer()// 接收到客户端发过来的请求server.on('request',function(request,response){ reData = [ {'name':'刘德华','age':31,'gender':'男'}, {'name':'杨幂','age':27,'gende..
2022-01-07 15:54:50 815
原创 vue全局事件总线写法
// main.js中进行省声明公共总线new Vue({ // 将app组件放到容器中 render: h => h(App), beforeCreate(){ Vue.prototype.$bus = this }}).$mount('#app')// 在需要设置监听的位置给一个监听 mounted(){ this.$bus.$on('xxx',(data)=>{ console.log('B组件已经接收到数据,数据内容是:',.
2021-12-29 15:24:15 565
微信简易框架.rar
2020-01-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人