富在术数不在劳身,利在势局不在力耕。

效果演示<!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 868

原创 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 369

原创响应式布局（多媒体查询）仿苹果官网部分实例

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 97

原创物理像素，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

原创浮动引起的高度塌陷最好的解决方案

2022-02-14 16:51:49 279

原创 vue中嵌套路由注意事项：

其实原理和之前做的正常的路由是一样的，但是需要注意的点：路由器index.js中配置：，在组件中调用：效果：

2022-01-20 13:58:41 545

原创 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 789

原创 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 814

原创 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

原创安装mongo遇到的问题以及解决方法

今天在整理环境的时候，发现之前安装的mongo方法，不行了一路next结果，快完成之后出现了如下面的结果：在网上找了半天解决方法，都不行，其实此时的mongo已经安装完毕了，就是启动出了问题，终于找到了解决方法：首先打开的你的本地服务在右侧找到右键点击，出现属性一栏，点击属性出现下面的部分：如果你的电脑有账号了直接用电脑账号就行，否则就需要你手动点击点完之后确定完毕，在浏览器中输入：127.0.0.1:27017如果出现如下的展示表明已经成功的安装上mongo并且启.

2021-12-28 19:50:32 445