- 博客(29)
- 收藏
- 关注
RSS订阅原创 React--React Hooks主动更新Hooks组件
当我们用useState创建对象数组的时候，使用数组的index去改变数组某一项中的对象属性时，useState无法监听到，此时视图就无法更新，所以我们就需要主动强制更新视图const [friendCircleArr, setFriendCircleArr] = useState({ name: 'Lucy', avator: P1, content: { text: '今天上课好累啊', image:
2021-03-29 14:45:52
2567
原创 echarts--tooltip鼠标悬浮属性详解
tooltip ={ //提示框组件 trigger: 'item', //触发类型,'item'数据项图形触发，主要在散点图，饼图等无类目轴的图表中使用。 'axis'坐标轴触发，主要在柱状图，折线图等会使用类目轴的图表中使用。 triggerOn:"mousemove", //提示框触发的条件,'mousemove'鼠.
2021-02-05 18:47:17
3404
原创 react+ts+antd 踩坑之旅 2、配置alias别名
直接上截图记录把webpack.config,jstsconfig.jsontsconfig里的‘/’一个都不能少
2021-02-01 17:56:46
412
1
原创 react+ts+antd 踩坑之旅 1、函数式组件编程式跳转
之前js写react写编程式跳转是这样的props.history.push('/main')现在用ts写是这样的import React, { FC } from 'react'import { withRouter, RouteComponentProps } from 'react-router-dom';interface InitProps { }type MainProps = InitProps & RouteComponentProps;const Main: FC
2021-01-31 17:21:33
562
原创 React-- create-react-app webpack修改别名alias
找到node-modules/react-scripts/config/paths.js设置好要配置别名的路径找到同目录下的webpack.config.js在原有配置基础上设置别名路径完成
2021-01-16 15:06:10
440
转载 JS--js中this的绑定规则及优先级
js中this的绑定规则及优先级转载于 https://www.cnblogs.com/billyu/p/10063823.html
2020-08-14 10:33:09
232
转载 ES6--理解 JavaScript 的 async/await
https://segmentfault.com/a/1190000007535316
2020-08-07 08:42:17
124
原创 Js--数组中会改变元素数组的方法
会改变原来数组的：pop()—删除数组的最后一个元素并返回删除的元素。push()—向数组的末尾添加一个或更多元素，并返回新的长度。shift()—删除并返回数组的第一个元素。unshift()—向数组的开头添加一个或更多元素，并返回新的长度。reverse()—反转数组的元素顺序。sort()—对数组的元素进行排序。splice()—用于插入、删除或替换数组的元素。·······························································
2020-06-17 18:28:00
828
原创 Js--各种基本类型之间的转换
数字转字符串let num = 24let str1 = num.toString() let str2 = num + ''字符串转数字let s = '24'let num1 = Number(s) let num2 = s - 0let num3 = parseInt(s)数字转数字数组let num = 24let numArr = num.toString().split('').map(Number)数字转字符串数组let num = 24let.
2020-06-17 18:15:52
146
原创 Egg.js--在egg.js中解决跨域问题
安装插件 egg-corsyarn add egg-cors配置插件在根目录config文件夹下的plugin.js中添加以下代码exports.cors ={ enable:true, package:'egg-cors'}在根目录config文件夹下的config.default.js中添加以下代码config.security={ scrf:{ enable:false }, domainWhiteList:['*'] } .
2020-05-25 18:56:16
428
原创 SQL--格式化查询时间
SELECT article.id as id, FROM_UNIXTIME(article.add_time,'%Y-%m-%d %H:%i:%s') as add_time FROM article LEFT JOIN type ON article.type_id=type.id 使用FROM——UNIXTIME函数可以方便的将时间戳格式化1582424242 转化成了 2020-02-23 10:17:22...
2020-05-25 17:50:04
445
原创 Next.js--在next.js中使用ant-design实现按需加载
安装插件babel-plugin-importyarn add babel-plugin-import在项目跟目录下新建文件.babelrc{ "presets": ["/next/bable"], "plugins": [ [ "import", { "libraryName":"antd", "style":"css" }.
2020-05-20 16:57:46
1483
原创 Next.js--在next.js中引入外部css样式
安装@zeit/next-css插件yarn add @zeit/next-css在next项目根目录下创建next.config.js配置文件，并添加以下代码const withCss = requrie('@zeit/next-css')if(typeof require !== 'undefined'){ requrie.extensions['.css']=file=>{}}module.exports = withCss({})搞定...
2020-05-20 16:51:21
2468
原创 ReactHooks--踩坑1 ：React Hook xx is called in function xx which is neither a React function component
直接上代码import React, { useState } from 'react';function example(){ const [ count,setCount ] =useState(0) return( <div> <div> you have clicked {count} times </div> <bu
2020-05-14 14:54:56
1398
原创 React--使用增强函数配置redux-thunk和Redux DevTools
直接上代码， 在store文件夹下的入口文件index.js中import { createStore,applyMiddleware,compose } from 'redux'import reducer from './reducer'import thunk from 'redux-thunk'// !!!!!!!!!const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__?window.__REDUX_DE
2020-05-13 16:50:57
321
1
原创 微信小程序--踩坑1.云函数调用数据库
// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()//!!!!!!!定义db一定要写在exports外面const db = cloud.database()// 云函数入口函数exports.main = async(event, context) => {//!!!!!!!await可使数据库更新 r...
2020-05-13 16:46:50
595
转载 小程序--云数据页面上拉加载数据
逻辑wx.cloud.init()let currentPage = 0 // 当前第几页,0代表第一页 let pageSize = 10 //每页显示多少数据 Page({ data: { dataList: [], //放置返回数据的数组 loadMore: false, //"上拉加载"的变量，默认false，隐藏 loadAll: false //“没有数据”的变量，默认false，隐藏 }, //页面显示的事件 onShow() {.
2020-05-09 18:15:55
176
原创 小程序--某些操作后刷新当前页以及上一级页面
当前的逻辑是在编辑页面用户选择一个图片作为头像，然后点击返回，返回当“我的”页面，如果未刷新“我的页面”，那用户头像的位置依然显示更改之前的头像“编辑”页面“我的”页面点击“头像”的方法 avatorClick() { const app = getApp() wx.chooseImage({ count: 1, sizeType: ['or...
2020-05-03 19:14:06
852
原创 Express--获取客户端请求ip时出现的问题
当我在localhost用req.ip尝试获取ip时，得到的结果总是::1router.get('/getip', function (req, res, next) { console.log(req.ip); // ::1})捣鼓了好久尝试了各种办法，终于找到了一种解决方案:: 1是localhost的IPv6等价物.如果您只想让服务器通过IPv4监听,因此只有来自客户端...
2020-04-28 15:52:22
838
原创 Node--获取当前时间并格式化
安装yarn add moment使用const moment = require('moment')let currentTime = moment(Date.now()).format('YYYY-MM-DD HH:mm:ss')console.log(currentTime)
2020-04-28 14:45:04
3093
原创 Node--获取当前主机ip
const interfaces = require('os').networkInterfaces(); let IPAddress = ''; for (let devName in interfaces) { let iface = interfaces[devName]; for (let i = 0; i &...
2020-04-28 14:42:45
766
原创 Node--Vue--解决跨域问题
什么是跨域？跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。同源就是指，域名、协议、端口均为相同。例如：http://www.111.com/index.html 调用 http://www.111.com/server.php（非跨域）http://www.111.com/index.html 调用 http://www.222.c...
2020-04-21 14:24:10
329
1
原创 Express—-在Express中使用art-template模板引擎
安装npm install --save art-templatenpm install --save express-art-template配置const express = require('express')const app = express()app.engine('html',require('express-art-template'))渲染app...
2020-04-17 17:13:55
172
原创 Node--文件路径问题__dirname与__filename
在每个模块中，除了require、exports等模块相关API之外，还有两个特殊的成员__dirname可以动态获取当前文件模块所属目录的绝对路径__filename可以动态获取当前文件的绝对路径__dirname和__filename是不受执行node命令所属路径影响的在文件操作中，使用相对路径是不可靠的，因为在node中文件操作的路径 被设计为相对于执行node命令所处的路径所...
2020-04-17 10:57:43
346
原创 MongoDB--在命令行中的基本使用
mongod开启数据库服务mongo连接本机数据库exit退出连接show dbs查看显示所有的数据库db查看当前正在操作的数据库use 数据库名称切换到指定的数据库（没有则会新建）注意：1、第一次连接数据库之前在数据库所属磁盘下新建/data/db/文件夹...
2020-04-14 20:02:23
117
原创 Node--findIndex()
s6提供了一种更方便操作数组或对象的方法findIndex()findIndex() 方法与find()作用大致相同，都是根据传入的函数遍历数组中每一个元素，不同的是find()返回值为数组中第一个符合条件的值，findIndex()返回值为数组当中第一个符合条件的值的下标//根据条件筛选出要删除的id let deleteId = students.findIndex(function(i...
2020-04-13 18:31:54
377
原创 ES6--find()方法的使用
es6提供了一种更方便操作数据的方法find()find() 方法就是根据传入的函数遍历数组中每一个元素，返回值为数组中第一个符合条件的值直接上代码 //根据id查询student数据，返回符合条件的id students.find(function(item){ return item.id === students.id })注...
2020-04-13 15:21:53
6649
1
原创 Node.js--express处理get，post请求
1、gethtml <form action="/addPage" method="get"> ... <button type="submit" class="btn btn-default">Submit</button></form>jsconst express = require('require)const...
2020-04-12 17:17:31
461
原创 Node.js--url.parse() 解析url的使用
Node.js–url.parse() 解析url的使用url.parse()可以将一个完整的URL地址，分为很多部分，常用的有：host、port、pathname、path、query。直接上代码const server = http.createServer(function(req,res){ let requestUrl = 'http://gameapp.qq.co...
2020-04-12 11:17:08
861
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人