- 博客(31)
- 收藏
- 关注
原创 使用js实现百度地图与高德地图经纬度的转换
在uniapp开发app中,因为后台使用的是百度地图获取的经纬度,但是我是使用的uniapp自带的获取当前经纬度的api,获取的是高德的经纬度,这就导致,两个不同地图在获取经纬度,显示地图信息的时候会有偏差。不同地图之间经纬度的差异,请参考:https://blog.youkuaiyun.com/weixin_33503186/article/details/116098472。
2022-08-23 10:28:37
3193
1
原创 算法小练手(交错01串)
如果一个01串任意两个相邻位置的字符都是不一样的,我们就叫这个01串为交错01串。例如: “1”,“10101”,"0101010"都是交错01串。小易现在有一个01串s,小易想找出一个最长的连续子串,并且这个子串是一个交错01串。小易需要你帮帮忙求出最长的这样的子串的长度是多少?
2022-08-20 09:54:10
256
原创 当你有了域名,远程服务器之后,域名解析之后,使用域名访问自己的远程服务器访问不了怎么办?
这也是我自己的一个踩坑之路,分享出来大家也可以避免一下。
2022-07-24 10:25:01
895
原创 forEach终止循环
因为foreach和for不太一样,不能使用continue和break来阻止循环,这里采用抛出异常来跳出循环,跳出本层循环可以用return。使用return跳出本层循环
2022-07-10 10:06:04
3881
原创 练手:原生js(部分jquery)写一个前端页面分页功能
–注–:页面可能有点简陋,我们这里主要写如何操作dom来实现分页的功能。这里我是用node搭建了一个简易的服务器,用来给前端发送数据:接下来就是写我们前端的页面(页面比较简陋):效果:接下来就是我们逻辑的实现(详细看注释):总体效果演示:...
2022-06-09 11:54:58
876
2
原创 使用Ts编写一个贪吃蛇小游戏(完结版)
ts编写贪吃蛇内部逻辑这个小游戏主要包括积分面板,食物,蛇,还有我们的游戏控制器这四个部分,分为四个类来写。创建一个食物的类(详解在代码注释):// 定义一个食物的类class Food{ // 属性 element:HTMLElement; constructor(){ this.element=document.getElementById("food")!; } // 定义获取食物的x轴坐标 get X(){ r
2022-05-29 14:23:46
1094
3
原创 使用Ts编写一个贪吃蛇小游戏(一)
页面的布局准备一个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-05-29 14:03:27
427
原创 Typescript的基本类型
类型声明类型声明是TS非常重要的一个特点。通过类型声明可以指定TS中变量(参数、形参)的类型。指定类型后,当为变量赋值时,TS编译器会自动检查值是否符合类型声明,符合则赋值,否则报错。简而言之,类型声明给变量设置了类型,使得变量只能存储某种类型的值。语法:let 变量: 类型;let 变量: 类型 = 值;function fn(参数: 类型, 参数: 类型): 类型{ ...}自动类型判断TS拥有自动的类型判断机制。当对变量的声明和赋值是同时进行的,TS编译器会自动
2022-05-23 09:39:08
154
原创 Typescript简介以及基本开发环境搭建
Typescript简介1. TypeScript是JavaScript的超集。2. 它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。3. TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。4. TS完全兼容JS,换言之,任何的JS代码都可以直接当成JS使用。5. 相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能;TS可以在代码执行前就完成代码的检查,减小了运行时异常的出现的几率;TS代码可以编译为任意版本的JS代码,可有效解决不同JS运行环境的兼容问
2022-05-22 17:29:56
124
原创 webpack和ts结合的基本的一些配置
简介通常情况下,实际开发中我们都需要使用构建工具对代码进行打包,TS同样也可以结合构建工具一起使用,下边以webpack为例介绍一下如何结合构建工具使用TS。步骤第一步、初始化项目- 进入项目根目录,执行命令 ```npm init -y``` - 主要作用:创建package.json文件第二步、下载构建工具- npm i -D webpack webpack-cli webpack-dev-server typescript ts-loader clean-webpack-plug
2022-05-22 17:27:11
633
原创 map方法
map的概述map是js中的一种数据结构,允许存储键、值对,键和值可以是任意类型的数据,如果其中存在的键,值会被替换map()方法:返回一个新数组,不会修改原数组,且不会对空数组进行检测。map()方法示例:let num = [1,2,3,3,8];/**可以传三个参数*item:当前元素值(必填)*index:当前元素的索引(可选)*arr:当前元素存在的数组对象(可选)*/num.map((item,index,arr) =>{ console.log(item);
2022-05-06 13:56:32
9457
原创 set方法
set的概述set这个方法是es6新提出来的,这个方法类似于数组,但是set里面的值是唯一的不允许重复。set本身是一个构造函数,里面可以存储任意类型的数据的唯一值。set的几种常见方法1、add():用于数据的添加。2、delete():用于数据的删除。3、size():用于计算set对象的大小(相当于数组的长度)。4、clear():清空数据。5、has():用于寻找set对象中是否存在某个值。示例:let set = new Set([1,1,2,3])console.log(s
2022-05-06 11:18:10
4598
原创 git的进阶操作
为什么要进行git的进阶操作?git进阶操作是在项目中多人协同开发一个功能的时候,避免出现automerge的log,如何产生automerge这个日志的呢? 就是比如说同一个文件,你和别人同事修改过了,这时候别人先提交了,你拉取代码的时候发现并没有与你的代码冲突而是git 自动把别人的修改与你本 地的修改合并了,这个时候你再提交,就会出现一个automerge的log。倒是没啥影响,但是这个进阶操作会避免出现这个log。步骤:我们先来了解一下git操作的常用几个命令:git stash命令的作用就
2022-04-29 17:12:37
371
原创 vue中mixin混入的写法
为什么要用混入?在vue中如果出现很多个组件需要使用同一个板块的方法等,就可以使用我们mixin进行混合,每个组件都能复用这里面的方法,接下来我给大家演示一下具体的使用步骤:假设这里有两个组件,点击两个组件中的名称都能弹出框,并都能显示我们的名称,如果写两遍的话就重复性很高,我们就可以使用混入,然后两个组件都能复用我们的组件。第一步、在我们的src目录下新建一个mixin.js第二步、使用分别暴露的方式,暴露出我们写好的方法第三步,使用局部混入的方法使用我们写好的mixin.js1、这是我们
2022-04-25 17:20:10
538
3
原创 vue跨域请求代理服务器的配置处理
为什么会出现跨域问题?因为在我们前端进行后端请求的时候,违背了浏览器的同源策略同源策略:协议、域名(IP)、端口相同即为同源。浏览器的同源策略就是一种约定。如果你违反了这个策略就会出现跨域问题。vue出现跨域问题如何解决?在vue.config.js中进行如下配置,开启我们的vue中的代理服务器,让代理服务器帮我我们进行对后台的访问module.exports={ // 开启代理服务器 devServer:{ proxy:{ '/api':{ targe
2022-04-24 22:29:51
947
原创 git的常规操作
git的操作主要分为这几个部分:第一步下载并安装git.第二部打开git命令窗口:在你安装的位置右键鼠标打开:get Bash Here第三步,在命令窗口配置用户名和邮箱:1、输入配置你的用户名2、配置你的邮箱第三步克隆远程仓库clone1、在github上创建一个远程仓库2、记住这个链接,会克隆这个地址3、克隆我们的远程仓库4、这时候我们桌面就出现了我们的test文件夹,然后用vscode打开它第四步,添加add1、在test中创建一个index.js文件2、然后
2022-04-23 20:38:01
266
原创 node.js的原理概述
nodejs的诞生创始人Ryan Dahl,他为了解决服务器的高并发性能问题,他认为通过事件驱动和异步I/O来解决这个问题是关键。然后2008年谷歌推出了chrome浏览器,使用V8引擎就满足了他的想象。v8引擎的优势:1、历史遗留问题少,都是异步I/O2、强大的编译和执行的效率3、javascript的闭包特性非常方便4、利用事件驱动机制随后Ryan Dahl就发现了v8引擎的巨大优势,然后Ryan Dahl就把v8移植到了服务端,就这样nodejs就从他的手中脱颖而出,就这样诞生了。
2022-04-23 17:26:07
4264
2
原创 Ajax请求的原理
什么是ajax?有什么作用?Ajax(Asunchronous Javascript and XML)即异步的javascript和XML。作用:是利用javascript在页面不被刷新、页面链接不被改变的情况下与服务器进行数据交换并进行页面更新渲染,可以使我们做到前后端分离的技术原理:发送ajax请求到页面的渲染其实可以简单分为三个部分:1、发送请求2、解析数据3、渲染页面1、发送请求,具体的解释,都放在代码注释里面的// 创建一个XMLHttpRequest对象let xhr = n
2022-04-23 13:25:14
1903
原创 vue组件间常用的几种通信方式
第一种方式:props这种通信方式适用与父向子传递数据//父组件<template> <div class="father"> <span>我是父组件</span><br> <StudentName :msg="name"></StudentName> </div></template><script> import StudentName from
2022-04-22 17:00:21
7326
原创 二次封装axios
为什么要二次封装axios?axios是一个基于promise的网络请求库,可以方便我们进行网络请求。二次封装好处:便于我们更好的管理我们的接口,不至于请求接口很多的情况下,出现混乱。此处,我们针对vue项目来进行我们的axios二次封装。代码// 先安装并导入我们的axios库import axios from 'axios';vue的配置项需要我们对生产环境、开发环境、测试环境的配置,具体配置如下步骤*在vue项目里面:在package.json里的scripts里面进行配置,生产环境
2022-04-21 21:47:41
3616
1
原创 使用aysnc进行异步操作,并进行进度条的制作
使用async进行进度条的制作1、首先先准备一个微型的后台,这里我们使用nodejs搭建一个api:const express = require("express")const app = express()const cors = require("cors")app.use(cors())app.get("/user",(req,res)=>{ setTimeout(()=>{ res.send([ {
2022-04-17 16:56:06
1372
原创 常用的几种异步编程的方式
第一种:函数回调方式模拟一个图片异步加载图片:function seImg(src,resolve,reject){ let Img = new Image() Img.src = src Img.onload = () => { resolve(Img) } Img.onerror = reject}seImg('./1.jpg',Img=>{ console.log('图片加载成功了');
2022-04-17 16:07:05
853
在线商城项目(整套源码),使用vue2+element ul+nodejs+mysql技术实现
2022-08-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人