木林森里没有木-CSDN博客

原创【vue动态组件】

vue动态组件动态切换组件的显示与隐藏    <keep-alive> <component :is="comName"></component> </keep-alive>

2022-02-13 18:00:26 213

canvas绘制图形一、绘制圆形二、绘制三角形三、绘制矩形一、绘制圆形<!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, init

2022-02-08 17:44:25 977

原创【微信小程序分包】

微信小程序分包一、使用分包三、常规的分包二、独立分包一、使用分包开发者通过在 app.json subpackages 字段声明项目分包结构：//写成 subPackages 也支持。"subpackages": [ { "root": "packageA", "pages": [ "pages/cat/cat", "pages/dog/dog" ] }, { "root": "packageB",

2022-01-18 21:59:16 467

原创【微信小程序提取公共请求数据】

【微信小程序提取公共请求数据】在utils下设置一个http.jsconst url = 'https://api.shop.eduwork.cn';const request = (path='',method='GET',data="")=>{ return new Promise((resolve,reject)=>{ wx.request({ method:method, url: url+path,

2022-01-13 18:31:53 645

原创【es6数据类型和继承】

【es6数据类型】基本数据类型继承基本数据类型StringNumberBooleanUndefinedNullSymbolSymbol 独一无二的值属于基本数据类型不可以new let car = Symbol('car'); let obj = { [car]:"bmw" } obj.car = 'audi' console.log(obj[car]); //obj里的car不可以被修改继承

2022-01-11 18:18:36 198

原创【微信小程序父子组件传值】

【微信小程序父子组件传值】父组件传子组件在父组件的json中设置子组件的路径{ "usingComponents": { "CompB":"../../components/CompB/CompB" } }在父组件中设置自定义属性rmsg<text>我是父组件</text><view> <CompB rmsg="{{msg}}"></CompB></view> data: { //定义父组件

2022-01-07 22:22:21 482

原创【微信小程序登录注册】

登录login.wxml页面<view> <text>用户名</text> <input type="text" class="userput" bindinput="getuser" auto-focus placeholder="请输入用户名"/></view><view> <text>密码</text> <inp

2022-01-05 18:58:48 608

原创【创建微信小程序项目】

【微信小程序】1. 微信⼩程序介绍1.1. 为什么是微信⼩程序？2. 环境准备2.1. 注册账号2.2. 获取APPID2.3. 开发⼯具3. 第⼀个微信⼩程序3.1 新建⼩程序项⽬3.2 填写项⽬信息3.3 成功4. 微信开发者⼯具介绍1. 微信⼩程序介绍微信⼩程序，简称⼩程序，英⽂名 Mini Program ，是⼀种不需要下载安装即可使⽤的应⽤，它实现了应⽤“触⼿可及”的梦想，⽤⼾扫⼀扫或搜⼀下即可打开应⽤1.1. 为什么是微信⼩程序？微信有海量⽤⼾，⽽且粘性很⾼，在微信⾥开发产品更容

2022-01-04 22:18:29 133

原创【Vuex】

【Vuex】Vuexvuex是做什么的?状态管理到底是什么？管理什么状态呢?Vuex的流程图Vuex基本使用同步 vuex 修改数据**异步 vuex 修改数据**vuex里面的计算属性Vuexvuex是做什么的?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，状态快照导入导出等高级调试功能。状态管理到底是什

2021-12-31 09:18:17 385

原创【Vue插槽】

文章目录Vue插槽1、匿名插槽2、具名插槽3、作用域插槽Vue插槽什么是插槽?插槽（slot）是Vue为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的，希望用户指定的部分定义为插槽1、匿名插槽将子组件导入到父组件，将父组件的值渲染给子组件，在子组件中使用slot标签占位。 //在父组件中 <div class="app">  <left> <template

2021-12-29 15:51:21 259

原创【动态路由】

【动态路由】文章目录一、动态路由传参二、添加路由三、路由守卫全局路由守卫局部路由组件内的路由文章目录一、动态路由传参在router文件下的index.js中 { path: '/about/:id', name: 'About', props:true, component: () => import('../views/About.vue') },在RouterPage中<template> <div id="nav">

2021-12-28 16:58:00 303

原创【vue-动态组件】

动态组件动态切换组件的显示与隐藏    <keep-alive> <component :is="comName"></component> </keep-alive>

2021-12-24 23:04:21 490

原创【axios的基本使用】

axios的基本使用axios是一个专注于网络请求的库基本使用1.安装axios到生产环境npm i axios --save2.在局部导入axios对象import axios from 'axios'1.发起GET请求 //调用axios方法得到的返回值是Promise对象 /* get传参的第一种方式 */ axios.get('/mock-json/mock1.json?name=zhangsan') /* get传参的第二种方式通过一个对象对象里面有params

2021-12-23 22:39:12 435

原创【provide和inject传值】

【provide和inject传值】父子传值祖孙传值父子传值在父组件中使用provide存放msg值在子组件中使用inject接收值祖孙传值在父组件中使用provide存放孙子值在子组件中导入孙子组件在孙子组件中使用inject存放sunMsg特点：可以父传子也可以爷爷传孙子可以向下传递不可以兄弟之间传值，兄弟传值建议使用事件总线的方式...

2021-12-21 18:51:28 197

原创【provide和inject传值】

【provide和inject传值】父子传值祖孙传值父子传值在父组件中使用provide设置msg<template> <div id="app"> <h1>根组件</h1> <Pchild></Pchild> </div></template><script>import Pchild from "@/components/Pchild.vue";expor

2021-12-21 18:40:52 385

原创【Vue-cli ref的引用】

ref的引用//app.vue<template> <div id="app">  <child-new ref="childnew"/> </div> </template><script>import ChildNew from '@/components/ChildNew'exp

2021-12-19 15:43:43 587

原创【Vue-cli子组件创建及使用】

Vue-cli子组件创建及使用子组件创建及使用导入子组件的注意事项：子组件创建及使用在components下创建子组件在App.vue父组件中引入子组件导入子组件的注意事项：@表示从src资源文件夹开始查找import child from “@/components/child.vue”;相对路径一定要加./import child from “./components/child.vue”;...

2021-12-17 21:48:51 372

原创【es6 模块的导入和导出】

es6 模块的导入和导出导出 export使用export可以导出多个变量或者方法方法名和变量名需要和导入的时候的名字一一对应export const obj = { name:"张三", age:20, sex:"男"}function fn(){ console.log('有你真好！')}export { /* 使用as 来对原来的变量进行改名 */ str as str2, fn}导入export1、导入

2021-12-16 19:24:53 1301

原创【Vue侦听器】

watch侦听器允许开发者监视数据的变化 <div id="app"> <input type="text" v-model="username"> </div> const vm=new Vue({ el:"#app", data:{ username:"" }, //所有的侦听器都应该定义到watch节点下.

2021-12-15 18:10:37 838

原创【Vue-Cli】

【Vue-Cli】什么是vue-cli?Vue-cli的使用Vue项目流程什么是vue-cli?是vue.js开发标准工具。它简化了程序员基于webpack创建的Vue项目的过程Vue-cli的使用1.全局脚手架npm i -g @vue/cli 2.在终端下运行命令，创建指定名称项目vue create xxx3.进入文件cd demo-first4.运行项目npm run serve2.vue 项目中 src 目录的构成：assets 文件夹：存放项目中用到的静态资

2021-12-14 19:19:38 994

原创【Vue指令】

【Vue指令】Vue指令Vue指令指令是vue开发者提供的模板语法，用于辅助开发者渲染页面的基本结构内容渲染指令v-text 会覆盖元素内部原有的内容{{}} 插值表达式在实际开发中用的多，只是内容的占位符不会覆盖原有内容v-html可以把带标签的字符串，渲染成真正的html内容属性绑定指令注意：插值表达式只能用在元素的内容节点中，不能用在元素的属性节点中v-bind:的指令为元素的属性动态绑定值可以简写为 :事件绑定指令v-on指令可以简写为@

2021-12-09 19:40:58 461

原创【ES6语法】

【ES6语法】解构赋值内置对象扩展解构赋值数组解构//数组解构允许我们按照一一对应的关系从数组中提取值然后赋值给变量 let arry=[1,2,3]; let [a,b,c,d]=arry; console.log(a,b,c,d); 对象解构//使用变量来匹配对象的属性匹配成功就将对象属性值给变量let person={name:'zhangsan',age:19}let {name,age}=person;console.log(name,age);

2021-12-08 17:57:24 253

原创【bootstrap插件(模态框)】

@TOC模态框不要在一个模态框上重叠另外一个模态框，要想同时支持多个模态框，需要自己写额外的代码来实现]一定要将模态框的HTML代码放在文档的最高层内（尽量作为body标签的直接子元素），以避免其他组件影响模态框的展现和功能 <div id="mymodal" class="mo

2021-12-07 16:01:28 157

原创【JS严格模式】

【JS严格模式】严格模式严格模式应用到整个脚本或个别函数 <script> 'use strict'; // 下面js代码就会按照严格模式执行代码 </script> <script> (function () { 'use strict'; })() </script&g

2021-12-04 17:43:45 280

原创【JS函数】

JS函数函数函数的定义方式函数的调用方式改变函数this的指向函数函数的定义方式函数声明方式function关键字(命名函数)匿名函数new Function() 参数必须是引号new Function(‘参数1’,‘参数2’,‘函数体’);函数的调用方式普通函数//this指向的windowfunction fn(){ alter(this);}fn();对象的方式//this指向的ovar o={ sayHi:function(){

2021-12-03 18:47:02 750

原创【ES6箭头函数】

【ES6箭头函数】箭头函数箭头函数因为现在的浏览器都是高版本的所以直接支持es6语法1.fn函数名没有参数直接（） => 表示returnlet fn = () => 123;2.箭头函数里面没有argumentslet fn = () => arguments;3.箭头函数里面一个参数可以省略（）let fn = arg => arg;4.函数体里面有多个表达式需要加{} =>不表示返回需要自己在{}里面写return let fn

2021-12-02 14:20:31 301

原创【jquery中的扩展方法$.extend() 和$.fn.extend()】

@[TOC](jquery中的扩展方法.extend()和.extend() 和.extend()和.fn.extend())$.extend()$.extend()函数用于将一个或多个对象的内容合并到目标对象 <script src="./jquery-1.12.4.js"></script> <script> let obj1 = { name:'zhangsan', age:18,

2021-11-30 17:46:40 422

原创【jquery-跨域】

jquery-跨域什么是跨域?处理跨域的方式1.XHR22.jsonP什么是跨域?跨域，指的是浏览器不能执行其他网站脚本例子：比如在网站中使用ajax请求其他网站的天气、快递或者其他数据接口。处理跨域的方式1.XHR2HTML5中提供的XMLHTTPREQUEST Level2（及XHR2）已经实现了跨域访问。但ie10以下不支持只需要在服务端填上响应头： let http = require('http')http.createServer((req,res)=>{ /*

2021-11-27 17:08:39 1405

原创【jquery-Ajax】

jquery-AjaxHTTP请求的方式getpostputdeleteheadget 和 post的区别超文本传输协议（HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法HTTP请求的方式getget请求一般应用于从服务器中获取数据，如果get请求想向服务器传递内容，一般使用url后加问号的方式传参。1.原生js写Ajax的get请求//步骤一:创建异步对象var ajax

2021-11-26 22:24:57 659

原创【jquery事件】

jquery事件鼠标事件mouseovermouseouthover鼠标事件mouseover <style> div{width: 200px;height: 200px;background-color: blueviolet;} </style> <div> <p style="width: 80px;height: 80px;background-color: burlywood;"></p&

2021-11-23 21:30:11 595

原创【css-dom操作】

css-dom操作cssjquery获取样式js获取样式dom操作height() / width()offset() /offtop()offsetParentcssjquery获取样式 /* jq的css方法无论内部或者外部或者行内样式里面的属性都能获取 */ console.log( $('div').css('color'));js获取样式/* 这个方法只能获取行内的样式 */console.log(document.getElementsByTagName('div')[0].s

2021-11-23 20:08:41 353

原创【each节点遍历】

<ul> <li>我是程序员1号</li> <li>我是程序员2号</li> <li>我是程序员3号</li> <li>我是程序员4号</li> <li>我是程序员5号</li> </ul> <button>dian</button> ...

2021-11-20 17:20:39 263

原创【jquery节点遍历】

节点遍历节点遍历first()last()children()find(selector)parent([expr])parents([expr])closest()siblings([expr])eq(index)next([expr])prev([expr])prevAll([expr])nextAll([expr])节点遍历first() console.log("---------- first ---------"); //获取匹配的第一个元素 console.log($("li

2021-11-20 17:12:37 954

原创【JQuery元素属性】

JQuery元素属性元素属性attrremoveAttrpropremoveProp元素属性attr 设置或返回被选元素的属性值<img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=811731284,3359880732&fm=26&gp=0.jpg" alt="图片"><script> $(function (){ //参数name 描述: 返回文

2021-11-20 16:40:51 596

原创 JQuery节点操作

JQuery节点操作1、创建节点2、内部插入节点3、外部插入4、删除节点5、替换节点1、创建节点<script> //创建一个 div ， $(HTML代码) var $div = $("<div></div>");</script>2、内部插入节点$(A).append(B) 表示将B追加到A中$(A).appendTo(B) 表示把A追加到B中$(A). prepend (B) 表示将B前置插入到A中$(A). pr

2021-11-19 21:34:30 208

原创 JQuery操作

JQuery基本操作jQuery中的DOM操作样式操作内容及Value值操作节点及节点属性操作节点遍历jQuery中的DOM操作样式操作添加样式 addClass() $(document).addClass('bg'); 删除样式 removeClass() $(document).removeClass('bg'); 是否包含样式 hasClass() $(document).hasClass('bg'); 切换样式 toggleClass() $('di

2021-11-17 17:05:03 527

原创 2021-11-16

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档JQuery选择器一.基础选择器id选择器类选择器标签选择器并集选择器全局选择器二. 层级选择器后代选择器子选择器相邻元素选择器同辈元素选择器三.过滤选择器四.属性选择器一.基础选择器id选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-

2021-11-16 16:55:47 255

原创 2021-11-15

JS高级-实现继承几种方式(一) 原型链继承每个函数都有一个prototype（原型）属性，是一个指针，指向一个对象这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法直接继承的优点：效率比较高（不用执行和建立Person的实例了）缺点：Student.prototype和Person.prototype现在指向了同一个对象，任何对Student.prototype的修改，都会反映到Person.prototype(二) 空对象作为中介空对象，几乎不占内存，修改Student

2021-11-15 22:32:54 351

原创分布式配置中心apollo它来啦！！！！！

Apollo 运行配置 Apollo（阿波罗）是携程框架部门研发的分布式配置中心，能够集中化管理应用不同环境、不同集群的配置，配置修改后能够实时推送到应用端，并且具备规范的权限、流程治理等特性，适用于微服务配置管理场景。服务端基于Spring Boot和Spring Cloud开发，打包后可以直接运行，不需要额外安装Tomcat等应用容器。Java客户端不依赖任何框架，能够运行于所有Java运行时环境，同时对Spring/Spring Boot环境也有较好的支持。1、首先安装 JDK8在 home

2021-06-25 21:35:52 104

原创基于vue cli + Spring Boot 实现的飞机订票系统它来啦！！！！

1、项目背景简介飞机订票系统是一种新兴的现代商务方式，近几年来得到了迅速发展，显现了巨大的现代业价值。有理由相信，订票系统将逐渐方便社会生活，也将成为数字化社会的一种重要体现。对航空公司来说，航空订票管理系统既能扩大服务范围，扩大公司影响，减少营业费又对稳固航空公司的客源有着重要的辅助作用；站在旅客的角度，航空公提供的这种服务提供了更多的方便，节省了很多时间。建设航空订票管理系统是体现和提高航空公领导业绩的一条捷径。1.1、使用技术及项目展示前台.SpringBoot 2.4.4 + Vue Cli

2021-06-25 21:15:07 2263 3

checkBindStatus.json

空空如也