- 博客(19)
- 收藏
- 关注
原创 关于在写项目中for in循环导致的错误
关于bug::在写项目中需要用到循环对象的键值名,用for in是个不错的选择,在开发过程中没怎么注意,因为逻辑是没问题的,但是在最终测试阶段却遇上了大问题例子let arr={ aa:{ bb:22 }, cc:{ bb:33 }, tt:{ bb:66 }}let brr = { dd:{ bb:22 }, ff:{ bb:33 },}let valuefunction forin(val){ f
2022-04-19 15:47:30
462
原创 百度地图BMapGL通过websocket发送的实时点进行打点,并给每个点添加点击事件
由于BMapGL没有海量打点的方法、Bmap3.0没有卫星地图,在各种取舍下还是使用了BMapGL进行打点并且在开发过程中发现百度地图的画线方法Polyline实时的画线是监听不到点击事件的(必须要一条完整的线)所有只能用Marker进行打点通过websocket实时发送数据//websocket数据样式 例data: {latitude: 36.00longitude: 116.11sendTime: 1650006526000Id: 1}type: 2vue<templ
2022-04-15 15:51:05
4010
原创 WalletContract区块钱包链接到web3js
安装walletconnectnpm install --save web3 @walletconnect/web3-provider官方给出的使用方法,并不能连接到想要的区块网络 默认是1import WalletConnectProvider from "@walletconnect/web3-provider";// Create WalletConnect Providerconst provider = new WalletConnectProvider({ rpc: {
2021-08-05 16:05:31
5362
9
原创 react i18n国际化
1.引入库yarn add react-i18next i18next i18next-browser-languagedetector2.创建配置i8n文件en-us.json{ "home": "Home", "Language": "Language"}zh-cn.json{ "home": "首页", "Language": "语言",}在src目录下创建i18n.jsimport LanguageDetector from 'i18next-brow
2021-08-05 15:35:16
373
原创 vue使用i18n国际化element
首先下载i18nnpm install i18n --savenpm i element-ui -S1.创建i18文件src目录下创建i8n文件加├── src │ ├── i18n │ │ ├── cn.js │ │ ├── en.js │ │ └── index.js│ ├── i18n.js i2.i8n相关文件cn.jsimport zhLocale from 'e
2021-08-05 15:05:30
208
原创 web3js使用metamask调用合约查询和发起交易
web3通过合约查询的方法使用web3调用合约的方式,官网文档给出的方法是new web3.eth.Contract(jsonInterface[, address][, options])jsonInterface - Object: 要实例化的合约的json接口address - String: 可选,要调用的合约的地址,也可以在之后使用 myContract.options.address = '0x1234..' 来指定该地址options - Object : 可选,合约的配置对象,其
2021-05-26 16:21:12
21270
3
原创 web3获取MetaMask钱包链ID和RPC URL配置通信服务提供器。
web3.js配置通信服务提供器官方提供的方法web3.providers一般的使用方法var web3 = new Web3(new Web3.providers.HttpProvider("http:xxx"));比如MetaMask这种钱包是可以配置的,比如测试网这种,用户会填RPC URL,链ID等等但无论如何都不能直接获取用户配置的PRC,但可以拿到链IDasync function getChainId(){ const chainId = await ethereum.req
2021-05-21 16:39:50
5244
5
原创 Web3js获取MetaMask钱包并监听切换
Web3.js获取MetaMask钱包地址新建一个文件夹Wb3.jsfunction Init(callback) { //判断用户是否安装MetaMask钱包插件 if (typeof window.ethereum === "undefined") { //没安装MetaMask钱包进行弹框提示 Message.warning("请安装MetaMask") } else { //如果用户安装了MetaMask,你可以要求他们授权
2021-04-19 15:58:40
10665
10
原创 【React】学习之组件及生命钩子函数
文章目录React组件组件各自的写法组件的注意事项、区别组件的属性组件的状态state组件中事件的使用组件的生命周期钩子函数class名式hookReact组件用来实现局部功能效果的代码和资源的集合(html/css/js/image等等)react有两种组件函数式组件class类名组件组件各自的写法函数式组件let Com=()=>( <div> <span>aaaaaaaaa</s
2021-03-08 23:45:15
168
原创 map()、reduce()、filter()用法
文章目录.map()ES6写法.reduce()ES6写法.filter()ES6写法.map().map()返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。方法按照原始数组元素顺序依次处理元素。并且不会对原数组进行改变。语法.map(function(v, i,arr)) - v,必选。当前元素的值 ; - i,可选。当前元素的索引值; - arr,可选。当前元素属于的数组对象; let arr = [{ age:1,name:'xxx' },{ ag
2021-03-07 22:10:12
327
原创 【react】学习之jsx基础
文章目录jsx?注意事项1.必须要加babel,script标签上写type="text/babel"2.jsx必须有一个根节点3.换行、加括号包裹都没事4.单标签必须闭合5.{}用来放置变量、函数调用、计算、三目、js方法6.属性也可以用变量 必须把引号去掉7.class 要写成className8、style 里面不能放字符串 放的是对象 但是解析变量还需要{} 所以是两个花括号9.{}里面不能放对象 转成字符串10.加事件 例:οnclick=>onClick={show}jsx.
2021-03-04 19:10:09
216
1
原创 Generator与async详解
文章目录Generator1.Generator的基本概念2.Generator的基本用法asyncasync的基本概念async的基本用法async 处理多次 Ajax 请求Generator1.Generator的基本概念Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同形式上,Generator 函数是一个普通函数,但是有两个特征。一是,function关键字与函数名之间有一个星号;二是,函数体内部使用yield表达式,定义不同的内部状态(yield
2021-03-03 23:14:35
479
1
原创 axios的总结
文章目录axios?一、axios的特性?二、axios的用法1.引入库2.读入数据总结axios?axios是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,可以发送get、post请求一、axios的特性?支持Promise API能够取消请求可以在浏览器中发送XMLHttpRequests能转换请求和响应数据自动转换JSON数据从 node.js 发出 http 请求安全性更高,客户端支持防御 XSRF二、axios的用法1.引入库代码如下(示
2021-02-26 11:04:17
180
原创 pormise入门详解
pormiseES6新增的,主要应用于异步的处理,里面保存着某个未来才会结束的事件的结果众所周知javascript是同步处理执行环境,一次只能加载同一个任务,执行完才会执行下一个任务,如果同步运行中报错就会直接中断.而异步就会同时执行多个任务;javascript常见的异步模式有定时器,事件函数,接口的调用pormise的好处可以很好的解决回调深渊的问题语法简洁。可读性强pormise解决回调深渊具体方式<script> const request =
2021-02-20 18:36:45
1968
原创 node.js框架express的redirect重定向拦截返回页面框架问题
在node.js开发中使用express-session来进行拦截在未登录成功的情况下,进入主页或其他页面来进行重新定向到登录页面代码如下://引入var express=require('express');var mysql=require('mysql');var bodyParser=require('body-parser');var favicon=require('serve-favicon');var path=require('path');var morgan = re
2020-12-14 23:05:31
1329
原创 MySQL前端需掌握的基础
文章目录前言一、简介二、数据库基础学习目标1.对数据库项目的创建/数据表的创建的掌握2.对增删改操作数据表中数据的方法的掌握**3.掌握系列查询方法(简单/连接/左连接/右连接/内连接/模糊/排序)2.读入数据总结前言在现如今数据库使用的日渐频繁的情况下,前端也有必要对数据库有稍微基础的理解可以更好的理解数据库丶表的增删改查和需要接口的配置等等这样nt后端给的数据库返回的什么就能看懂了当然现如今全栈前端开发工程师数据库的操作是必须要学会的一、简介现在市面上有三款主流数据库MySQL(开源,
2020-11-30 13:22:13
445
原创 关于javascript用if语句写一个块移transform产生的问题
首先写一个简单的块<button onclick="changeXY()">移动</button><div id="box1"></div>然后#box1{ width: 500px; height: 500px; background-color: blue; }最后写js if语句function changeXY() { var
2020-10-20 10:52:14
180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人