- 博客(29)
- 收藏
- 关注
RSS订阅原创 微信小程序的注册、开发和创建工具、配置、逻辑层及场景值
一、微信开发简介1.微信开发概述概述（1）微信开发即微信公众平台开发，将企业信息、服务、活动等内容通过微信网页的方式进行表现，用户通过简单的设置，就能生成微信网站。 （2）通俗的说，就是微信对外提供了例如聊天、支付、分享、收藏等功能，同时还提供了丰富的封装好的接口，开发者利用这些接口和功能，写入程序中，进行的开发。目的（1）企业开发的需要,使自己更加符合企业发展的需求 （2）个人的发展以及技能的提升 （3）发展前景大、生态系统丰富平台（1）微信开放平台 （2）微信公众平台2.
2021-12-29 21:12:26
605
原创 用js写的飞机大战
效果图html代码 <div class="container" id="container"> <!-- ----------------音效---------------- --> <div style="display: none;"> <audio id="audio" loop="loop" src="audio/bgm_zhandou2.mp3"&g...
2021-12-28 21:55:27
357
1
原创 参数中的形参和实参
参数当遇到不确定的值, 就需要抽取成形参, 在调用的时候, 不同数据传进去形参: 形式参数, 写在函数function后面的()里, 用来接收实际传递过来的数据类似变量, 命名规范和变量一致实参: 实际传递过来的数据, 写在函数调用的()里arguments:存在于每一个函数中, 是实参的集合一般形参和实参一一对应单个参数// 单个参数function sum(a) { // 求和 var s = 0; // 1 + 2 + 3 + 4 + ....
2021-12-24 18:22:14
867
原创 解决跨域的调用
目录一、跨域1.1 简介1.2 CORS解决跨域1.2.1 配置cors1.2.2 cors中间件1.3 JSONP解决跨域1.3.1 原理1.3.2 特点/缺点跨域1.简介什么是跨域调用？当前地址与要调用的目标地址中的协议、主机名、端口号有一个不一致就发生跨域调用，这是因为浏览器的同源策略限制所导致。怎样解决跨域调用？第一种：在服务端设置允许跨域调用的响应头信息 res.header('Access-Control-Allow-Ori...
2021-12-21 18:33:15
825
原创 接口开发规范、原生ajax以及jquery
目录一、接口开发规范(RESTful api)1.1 简介1.2 优点：1.3 常用方法规范1.4 根据RESTful 进行接口开发二、原生ajax2.1. 介绍2.1.1 定义2.1.2 传统请求的问题2.1.3 Ajax优势和作用2.1.4 Ajax请求与传统请求的区别：2.1.5 应用场景：2.2. 原理2.2.1 方法2.2.2 属性2.2.3 事件2.3 实现步骤完整案例2.4. ajax的get和post传参2.4.
2021-12-21 18:23:31
78
原创 promise与异步
1.什么是PromisePromise是异步编程的解决方案之一(异步编程中数据传递或回调嵌套的问题)，Promise实际上是一个许诺器，它里面通常放的是将来要执行的异步代码，这些代码执行完成后会有两种结果：成功或失败，因此Promise有三种状态：pending(初始状态)、success/fullfill(成功状态)、reject(失败状态)，当我们在Promise内部调用了成功时的回调方法resolve()时则把Promise的pending(初始状态)转换成success/fullfill(成功状
2021-12-16 11:18:37
1573
原创 Node操作Mysql
1.操作流程1.1 下载mysql模块npm i mysql 1.2 在后端js文件中引入mysqlconst mysql = require('mysql')1.3 先创建mysql数据库的配置连接let connectObj = mysql.createConnection({ host:'主机名', user:'用户名', password:'密码.
2021-12-16 11:12:57
1604
原创 SQL查询语言
1 简介：SQL（英文全称：Structured Query Language）是结构化查询语言，专门用来访问和处理数据库的编程语言。能够让我们以编程的形式，操作数据库里面的数据。2 SQL语句特点不区分大小写3 SQL的主要内容主句：select、insert into、update 、delete子句：where（and 和 or） 、order by 、group by 、limit、join...on4 增删改查4.1 添加数据添加数据语法：INSERT
2021-12-14 17:53:20
1676
原创 数据可视化工具
连接mysql数据库的两种方式：第一种：通过mysql自带的客户端应用程序mysql.exe来连接msyql数据库，如下：-h:要连接的主机-u:帐号-p:密码第二种【重点】：通过第三方可视化工具navicat来连接mysql数据库，如下：1 简介简介：操作数据库最古老的方式为cmd。这种方式不友好、也不美观，同时无法保存最近的操作命令，数据库可视化工具帮初学者解决了这一系列问题，对初学者非常友好，数据库可视化工具有很多，Navicat就是其中的一种，它界面直
2021-12-14 17:46:44
508
原创 数据库的介绍
1.什么是数据库数据库（database）是用来组织、存储和管理数据的仓库。要想管理数据就需要安装对应的软件：比如我们的excel。2. 常见数据库常用的关系型数据库有：(1)MySQL 数据库,目前使用最广泛、流行度最高的开源免费数据库 (甲骨文)(2)Oracle 数据库，收费 (甲骨文)(3)SQL Server 数据库，收费 (微软)以上三种属于传统型数据库，又叫做：关系型数据库 ，这三者的设计理念相同，用法比较类似。常用的非关系型数据库有：mongodb、re.
2021-12-13 19:49:16
276
原创 ejs模板引擎
1 ejs简介使用ejs模板引擎可以让界面与数据分离(比如：有1000条新闻在展示时界面（风格）都是一致的，这时我们可以只发一个界面文件(模板文件)，而要展示的新闻内容则为动态的)，可以提高开发效率及降低后期维护成本。2 使用步骤1.下载ejs在项目根目录安装ejs：npm i ejs2.在项目中设置ejs模板引擎//设置ejs:app.set('view engine', 'ejs'); //设置模板引擎为ejsapp.set('views', [`${path.
2021-12-13 19:39:28
1806
原创 cookie和session
cookie因为http协议是无状态（没有记忆功能）的协议，当我们的系统使用了cookie或session技术后可以让我们的系统有记忆功能。cookie:Cookie的产生也是HTTP的特点所决定的。HTTP协议有一个非常重要的特点是无状态的，也就是说当客户端请求服务器，每一个请求和响应结束以后，这次的连接是马上断开的（也是为了释放资源）。同时服务器是不保留连接者相关的信息。这就说明了，Cookie要解决HTTP无状态的问题。cookie的实现原理sessionSessi..
2021-12-10 23:14:09
3342
原创 javascript常用的运算符
算术运算符+ - * / % ++ --基础console.log(10 + 20); // 30console.log(10 - 20); // -10console.log(10 * 20); // 200console.log(20 / 10); // 2// %: 取余 模 console.log(20 % 3); // 2console.log(20 % 2); // 0++++: 在自身基础上加1 可以放在变量的前面 也可以放在后面++和其他运算放在一起的
2021-12-10 10:16:40
553
原创 javascript的强制转换
为什么要强制转换所有通过输入框得到的数据 都是字符串字符串加法 实现的是拼接强制转换-numberNumber(数据);可以null和布尔值以及字符串中的空字符、空格字符、纯数字字符, 其他的都会被转成NaNconsole.log(Number(true)); // 1console.log(Number(false)); // 0console.log(Number(null)); // 0console.log(Number(undefined)); // NaNcon
2021-12-10 09:58:41
177
原创 javascript的数据类型
为什么要进行数据类型分类:\1. 不同的数据类型在内存中存储占用的内存不同\2. 不同数据类型做的操作不同的 数值->计算 布尔->判断数据类型:五大基础数据类型 复杂(复合、引用)数据类型五大基础:numberstringbooleannullundefined复杂:objectarrayfunction判断数据类型:typeof 数据typeof(数据)var a = 30;console.log(a);conso
2021-12-08 10:13:36
383
原创 javascript的一些介绍
Javascript的历史1995年 5月 网景公司 布兰登·艾奇 用10天 Macha9月 改名 LiveScript12月 javascriptjava 和 javascript 没有关系 雷锋和雷峰塔解决表单提交验证ie: JScript1997年, 欧洲计算机制造商协会(ECMA) 以JavaScript1.1为蓝本 定义了语法规范 ECMAScriptjavascript和ECMAScript的关系前者(javascript)是后者的体现后者(ECMAScr
2021-12-08 10:07:46
817
原创 插槽的内容
Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自Web Components 规范草案，将<slot>元素作为承载分发内容的出口。它允许你像这样合成组件：<navigation-link url="/profile"> Your Profile</navigation-link>然后你在<navigation-link>的模板中可能会写为：<a v-bind:href="url" class=...
2021-12-05 00:37:37
170
原创 mixin混入
1.mixin是一个对象,可以将这个对象混入到组件中.2.组件中的选项都可以在mixin对象中声明作用:将组件中共享的数据一般存放在mixin中,比如：你的项目都做好了，（组件都已经完成了），需求：我关心组件中的访问时间 vMixins.vue <template> <div class="box"> <h5>mixin:混入</h5> <v-a></v-a> </div&
2021-12-01 14:50:21
270
原创 插槽作用域
1.接收子组件通过槽口传递的所有数据的方式有两种: slot-scope:指令 v-slot:指令2.slot-scope或者v-slot对应的属性值名可以自定义3.此时的scope的值就是子组件通过slot遍历的每一项父<!-- 什么时候用作用域插槽 1. 有时候不确定要往slot中放什么标签才用slot插槽 2. 还要传递数据给子组件通过父传子 3. 还要再让子组件再通过插槽再返回给父组件（因为不确定此处要放什..
2021-12-01 14:48:02
267
原创 vue的介绍
一、vue的简单介绍1.简介插件：日历插件、轮播图、选项卡。框架：bootstrap。能够独立做来一个一个网页（项目就是由每一个网页组成 ） 响应式布局的项目vue是渐进式 JavaScript 框架渐进式 ：主张最少。最大的特点是没有ＤＯＭ操作。主张只操作数据 。2.优点1.轻量级的数据框架2.双向数据绑定3.提供了指令4.组件化开发5.客户端路由6.状态管理：同cookie、session、本地存储类似3.缺点1.Vue 底层基于 Object.defi
2021-11-28 19:06:29
2840
1
原创 组件的通信
分两种： 1）父子如何通信 2）非父子之间如何通信 为什么要通信,因为每组件中的data只能在当前使用，所以要用一些通信手段 。一.父组件向子组件传递数据1.语法父子2.props验证props的值为{}时,可以做props验证.type(类型) :props做校验时的常见类型:String,Number,Array,Object,Function,Booleanrequired(必填项)validator(验证器)default...
2021-11-27 16:03:33
256
原创 脚手架的安装
脚手架能快速的把我们所需项目结构给搭建好。1.下载安装脚手架一定得先安装node/npm/webpack1）.npm i @vue/cli -g #全局安装脚手架2）.vue -V #查看版本2.通过脚手架创建项目vue create 项目名称1).一问一答2).3).package.json4).不保存此记忆5).启动项目进入项目目录执行 npm run serve...
2021-11-25 23:26:35
357
原创 局部和全局的注册组件
前端模块化的升级版 。node:commonjs规范es6:es6的模块化规范模块化指的是：js层面上的封装，模块化不能解决html和css的封装。最直接的好处就是代码能够复用。但前端不仅仅是js。还html（字体、图片）、css、js，这些东西要复用，前端提出了一个组件化思想。（ 就是模块化的升级版 ）1.定义组件(component)在vue是一个很强大的功能,可以对HTML进行扩展,在大型应用中,为了分工明确,可以使用组件对一些抽象的功能进行封装。2.作用提高代码的复用
2021-11-25 23:05:01
664
原创 生命周期
生命周期 表示的是一个vue实例对象的一个轮回。 例如:人的生命周期。一个月内要办理出生证明以及去派出所办户口、打疫苗 从技术上来考虑，这8个生命周期就是8个函数，也叫生命周期钩子函数 。不需要自己手动调用，它是在相应的时机上自动触发的，语法上这8个函数不在methods中。beforeCreate 创建之前created 创建完成 ： 最早发送ajax的地址在这里beforeMount 挂载之前mounted 挂载完成 ： 有些项目中，一些开发者也在这里发送ajax。 绑定window
2021-11-25 00:21:40
357
原创 全局过滤器与局部过滤器区别
<!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>全局过滤器与局部过滤器区别
2021-11-24 23:05:57
488
原创 组合式API
组合式API个人觉得vue3.0最大亮点就是setup，写起来和vue2.0感觉完全不同，现在来看看吧：1.setup ，创建组件实例，然后初始化props，紧接着就调用setup函数。 从生命周期的角度来看，它会在beforeCreate之前执行。也就是创建组件先执行setup、beforeCreate、create，由于不能在setup函数中使用data、methods，为了避免使用Vue出错，所以把setup函数中this修改为了undefined，其中包含props与context，props
2021-11-24 23:03:03
631
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人