- 博客(268)
- 收藏
- 关注
RSS订阅
原创 微信小程序获取当前时间及获取当前日期
获取当前时间首先，在要获取时间的.js文件中加载util.js文件然后在onload方法中，调用util.js中的formatTime方法获取当前时间//获取当前时间// 调用函数时，传入new Date()参数，返回值是日期和时间var TIME = util.formatTime(new Date());this.setData({time: TIME,})...
2018-07-16 18:25:22
131997
12
转载 关于微信小程序获取准确定位的方法及解决定位不准确的问题
微信小程序给我们提供了三个获取位置的接口，但是没有返回一个准确地址的方法。好在腾讯地图准们为小程序提供了接口SDK来获取位置信息。文档地址如下：http://lbs.qq.com/qqmap_wx_jssdk/index.html SDK使用方法请参照该文档。下载好了SDK后，代码如下onLoad: function (options) { // 实例化腾讯地图API核心类 q...
2018-07-11 17:22:14
54808
5
转载 如何在浏览器中执行js脚本
方式1：F12打开调试工具，利用控制台运行JS脚本方式2:Chrome snippets 小脚本我们也可以在 Chrome 浏览器中创建一个脚本来执行，在开发者工具中点击 Sources 面板，选择 Snippets 选项卡，在导航器中右击鼠标，然后选择 Create new snippet 来新建一个脚本文件：如果你没看到 Snippets ，可以点下面板上到>>就能看到了。点击 Create new snippet 后，会自动创建一个文件，你只需在右侧窗口...
2022-01-20 20:51:57
11697
1
原创 浏览器copy as curl用法
不多说，上图在network中随便找一个请求，点击右键，复制为curl格式将复制下来的内容直接粘贴到命令行工具（我这里使用的是mac 终端）中回车，就能看到请求后的结果啦
2022-01-20 20:24:52
3120
转载 浏览器控制台copy as fetch用法
不解释了，直接上图。1、先选择要copy的接口，浏览器控制台右键选中，复制到剪贴板2、复制到控制台，大致如下。3、去掉末尾的分号，添加如下：.then(response => response.json()).then(data =>console.log(data)).catch(e => console.error(e));4、回车看执行效果。...
2022-01-20 20:17:19
3320
转载 关于vue的页面跳转后，如何每次进入页面时都能获取后台数据
首先说问题。一.页面的数据来自后台，即会发起请求从后台取值。二.子组件的数据刷新的问题，即每次进入父组件的时候，其相关子组件的数据需要重新从后台取值。1.答：关于第一个问题。一般来讲我们会在vue的created的生命周期中实现，向后台发起请求获取数据。但是这样会带来一个问题。1.1.我需要每次进入页面的时候都从后台获取数据！而created事件很明显是不能实现的。稍微解释下首先理解单页面应用，个人理解，最后的vue项目打完包后只有一个in...
2021-03-09 17:08:30
1123
原创 Mac中pycharm中安装tensorflow
安装步骤桌面左上角PyCharm->Preferences搜索tensorflow，点击下方安装国内镜像一开始安装的过程中，感觉特别慢，老半天了还是一直在安装。后面了解到可以使用国内的python镜像源，确实快很多，以下是收集到的国内镜像源：清华：https://pypi.tuna.tsinghua.edu.cn/simple阿里云：http://mirrors.aliyun.com/pypi/simple/中国科技大学 https://pypi.mirrors.u
2021-03-04 23:40:53
1520
1
原创 git查看远程仓库地址
命令：$git remote -v$ git remote -vorigin http://192.168.1.200/ScottChen/CommonControl .git (fetch)origin http://192.168.1.200/ScottChen/CommonControl .git (push)
2021-01-10 13:13:24
286
转载 你不知道的 useRef
前言: 这篇文章会假设你已经对 react hook 有一些基础的了解. 主要讨论什么是 useRef , useRef 与 createRef 的区别, 以及在什么情况下使用 useRef .什么是 useRef首先, 我们要实现一个需求 -- 点击 button 的时候 input 设置焦点.createRef API同样的, 我们可以使用 useRef 来实现完全相同的结果.useRef Hook从上面的例子看, createRef 和 useRef 的作用完全一.
2021-01-10 11:32:10
1187
转载 python中关于报错信息“ModuleNotFoundError: No module
python3.X中关于报错信息“ModuleNotFoundError: No module named ‘numpy’”的处理方法笔者运行环境:MacOs Catalina ; python3.7.0 ; PyCharm2019.3.3笔者实操时遇到“ModuleNotFoundError: No module named ‘numpy’”报错，查询了一下有的是通过cmd使用pip安装numpy库，但经个人测试，没有成功。后经查询和测试可在PyCharm中直接安装numpy库（可能是3.X的版本
2020-11-27 23:14:07
352
转载 react调试工具与调试方法
react开发的调试方式借助以下插件进行调试。 Redux DevTools React Developer Tools React Perf F12 之后，在源代码处打断点。 像用 IDEA 调试 Java 代码一样，用 WebStorm 调试 react 代码，直接在 WebStorm 源代码上打断点，调试起来有点象在 IDEA 下调试 Java 程序，很爽！Redux DevTools安装插件 以 qq 浏览器为例，搜索：Redux DevTools 添加相应代..
2020-11-07 11:10:38
2242
转载 react项目如何断点调试？
进入到相应的网页界面，然后查看Sources->Page->top->webpack://->找到react的js代码处，设置断点，进行调试
2020-11-07 10:51:00
2424
转载 react中的useEffect的使用
之前我们已经掌握了useState的使用，在 class 中，我们通过在构造函数中设置 this.state 为 { count: 0 } 来初始化 count state 为 0：class Example extends React.Component { constructor(props) { super(props); this.state = { count: 0 }; }在函数组件中，我们没有 this，所以我们不能分配或读取 th.
2020-11-02 16:44:24
1687
转载 git撤销修改和版本回退
撤销修改撤销修改是指将工作区中的修改撤销。语法：git checkout 文件名或路径 # 撤销工作区中当前目录中的所有更改 git checkout . # 撤销工作区中指定文件的修改 git checkout -- filename git checkout 命令只能撤销工作区中的修改，而不能撤销暂存区中的修改。git checkout 命令还有一个非常重要的功能就是切换分支。可用于分支管理。 # 切换到指定的分支（如果...
2020-10-19 20:16:52
210
转载 git pull命令的用法
git pull用法：git pull命令的作用是：取回远程主机某个分支的更新，再与本地的指定分支合并。一句话总结git pull和git fetch的区别：git pull = git fetch + git mergegit fetch不会进行合并执行后需要手动执行git merge合并分支，而git pull拉取远程分之后直接与本地分支进行合并。更准确地说，git pull使用给定的参数运行git fetch，并调用git merge将检索到的分支头合并到当前分支中。基本用法：git
2020-07-21 11:07:49
428
原创 git报错：Remote branch Develop not found in upstream origin
今天使用git clone -b xxx(分支名)xxx(git地址) 指定分支克隆某个项目时，报了如题所诉的错误。出现这个错误，很大的可能是你分支名写错了，好好检查一下
2020-07-20 19:24:19
14257
转载 git报错：Please make sure you have the correct access rights and the repository exi
前言今天在用idea push更新到github上时报错Please make sure you have the correct access rights and the repository exists，原来是ssh key有问题，连接不上服务器，这里记录一下解决办法(ง •_•)ง解决1. 重新在git设置一下身份的名字和邮箱cmd|powershell| bash进入要提交的目录下，然后git config --global user.name "yourname"
2020-07-20 19:20:43
900
转载 yarn 基本安装和使用
资料yarn 中文网yarn 中文网 安装yarn 中文网 用法yarn与npm的命令行小结从 npm 迁移到 Yarn安装前提如果你使用安装程序的方式，你需要首先安装 Node.js这里我使用的是 npm 的安装方式npm install -g yarn查看是否安装成功yarn -v使用常用命令# 初始化一个项目yarn init# 装包yarn add packagenameyarn add packagename --de...
2020-06-29 10:03:49
302
转载 vue使用npm run build命令打包项目
vue使用npm run build命令打包项目当我们使用vue-cli脚手架完成一个项目的时候，下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢，我们在本地调试的时候只要命令行执行npm run dev就可以把这个项目跑起来，但是现在我们要把他放到服务器上的话用npm run build命令就可以啦。首先命令行执行npm run build命令，命令需要在项目目录下执行C:\Users\John\Desktop\demo>npm run build 我的是一...
2020-06-28 17:21:45
8629
转载 vue--图片懒加载，使用vue-lazyload
vue v-lazy官方API：https://www.npmjs.com/package/vue-lazyload1.安装插件npm install vue-lazyload --save-dev2.在入口文件main.js中引入并使用import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload, { loading: require('img/loading.png'),//加载中图片，一定要有，不然会一直重复加...
2020-06-16 14:47:57
236
转载 npm -g , npm -s 和 npm -d 的区别
生产环境安装：npm i module_name -S 即 npm install module_name --save 修改的是 配置文件中的 dependencies 如：只需要打包和项目直接相关的代码就行，但打包工具 等 就不需要 安装到 生产环境中 开发环境安装：npm i module_name -D 即 npm install module_name --save-dev，修改的是 配置文件中的 devDependencies 如：在开发环境中，需要用到打包工具 全..
2020-06-13 17:40:44
654
转载 详说css与预处理器（以及less、sass、stylus的区别）
CSS(Cascading Style Sheet)被译为级联样式表，做为一名前端从业人员来说，这个专业名词并不陌生，在行业中通常称之为“风格样式表（Style Sheet）”，它主要是用来进行网页风格设计的。通过设立样式表，可以统一地控制HTML（XHTML）中各标签的显示属性。可以使人更能有效的控制Web页面（或Web应用程序）外观，可以精确指定Web元素位置，外观以及创建特殊效果的能力。CSS拥有对网页对象和模型样式编辑能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。CSS能够根
2020-06-13 17:13:01
504
转载 使用vue-cli创建项目注意事项，以及Runtime Only和Runtime+Compiler区别
在我们使用vue-cli创建项目的时候，会提示你安装的版本可以看到有两种版本： Runtime Only 版本 和 Runtime+Compiler 版本。1.Runtime Only我们在使用 Runtime Only 版本的 Vue.js 的时候，通常需要借助如 webpack 的 vue-loader 工具把 .vue 文件编译成 JavaScript，因为是在编译阶段做的，所以它只包含运行时的 Vue.js 代码，因此代码体积也会更轻量。 在将 .vue 文件编译成 JavaS.
2020-06-13 15:48:41
804
原创 vue不是内部或外部命令，也不是可运行的程序 或批处理文件。
全局安装Vue-cli之后，在控制台输入命令执行vue --version,提示：不是内部或外部命令，也不是可运行的程序或批处理文件。原因：环境变量没有配置。解决方式：在控制台执行npm config list，回车。打开图中划线的路径，看这个文件夹下是否有vue.cmd这个文件。如果有vue.cmd，则复制这个路径（上图划圈），添加到系统环境变量中。这样就解决了~（ps: 如果没有vue.cmd，则说明你可能没安装成功，需要重新安装vue-cli）...
2020-06-13 15:33:02
21840
5
转载 webpack中如何编写一个Loader
什么是Loader?所谓 loader 只是一个导出为函数的 JavaScript 模块。这句话出自webpack的官方文档，那么现在我们可以知道其实loader就是一个函数，我们可以在这个函数里做一些事情。loader runner会调用这个函数，然后把上一个 loader 产生的结果或者资源文件(resource file)传入进去。Loader的解析顺序？从下到上从右到左知道了...
2020-03-26 10:17:21
190
转载 Promise为什么比setTimeout先执行？
基本概念为便于理解，在进入正题之前，不得不说以下一些基本的概念。进程与线程进程（process） 是操作系统结构的基础； 是系统进行资源分配和调度的基本单位; 在linux系统中可以使用ps-ef来查询进程列表（如下图）。比进程更小的单位叫做线程。 线程（thread） 是操作系统能够进行运算调度的最小单位； 它被包含在进程之中，是进...
2020-01-14 17:01:24
279
转载 原生js实现ajax
Ajax的原理：简单来说就是 通过XmlHttpRequest对象向服务器发异步请求，从服务器获得数据，然后用 javascript 来操作DOM更新页面的技术。一般来说，大家可能都会习惯用JQuery提供的Ajax方法，但是用原生的js怎么去实现Ajax方法呢？JQuery提供的Ajax方法：$.ajax({ url: , type: '', da...
2019-12-29 14:35:32
124
转载 prototype与__proto__区别
__proto__是每个对象都有的一个属性，而prototype是函数才会有的属性!!!使用Object.getPrototypeOf()代替__proto__!!!一、prototype几乎所有的函数（除了一些内建函数）都有一个名为prototype（原型）的属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以有特定类型的所有实例共享的属性和方法。prototype是通过调...
2019-10-12 10:16:50
184
原创 使用reconnecting-websocket.js实现websocket重连
安装npm install --save reconnecting-websocket使用import ReconnectingWebSocket from 'reconnecting-websocket';// const rws = new WebSocket('ws://my.site.com'); const rws = new ReconnectingWebSock...
2019-09-24 11:59:57
4208
转载 理解WebSocket心跳及重连机制
在使用websocket的过程中，有时候会遇到网络断开的情况，但是在网络断开的时候服务器端并没有触发onclose的事件。这样会有：服务器会继续向客户端发送多余的链接，并且这些数据还会丢失。所以就需要一种机制来检测客户端和服务端是否处于正常的链接状态。因此就有了websocket的心跳了。还有心跳，说明还活着，没有心跳说明已经挂掉了。1. 为什么叫心跳包呢？它就像心跳一样每隔固定的时间发一次...
2019-09-24 10:53:19
454
转载 react笔记--手动实现一个react-router（简易版）
前言从vue转入到react技术栈有两月了，两个月来一直断断续续学习react的知识。自己也很久没有写过总结了（恐怖的加班），趁元旦假期抽空总结一波（还是要学习地）。习惯了vue简洁的语法和api，再回过来写react组件化，不习惯有木有（怪自己太菜）。文中若有错误点，欢迎各位大佬指正react-router路由的模式选择用过react-router的会比较熟悉react路由...
2019-09-01 23:11:47
424
转载 js 实现纯前端将数据导出excel
上代码：<html><head> <p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件</p> <button onclick='tableToExcel()'>导出</button></head><body> &l...
2019-08-29 14:26:26
122
原创 react将字符串转为标签
React中将字符串转换为DOM节点React不支持直接将字符串放到render返回值中，这样放入的字符串会被当做一般字符串处理。 12345678 const App = () => { const str = '<div>test</div>'; return ( <div> ...
2019-08-28 14:45:26
3820
转载 Moment.js常见用法总结
Moment.js是一个轻量级的JavaScript时间库，它方便了日常开发中对时间的操作，提高了开发效率。 日常开发中，通常会对时间进行下面这几个操作：比如获取时间，设置时间，格式化时间，比较时间等等。接下来，我将按照这些操作对Moment.js中的Doc进行整理分类，方便学习和日后的查阅。获取时间 Start of Time moment().startOf(String...
2019-08-26 16:53:51
184
原创 yapi连接mongodb集群
首先是官方文档：https://hellosean1025.github.io/yapi/devops/index.html我的数据库集群信息如下：副本集名称:yapi01IP列表: 10.142.***.**:28005, 10.142.***.**:28005, 10.142.***.**:28005authDB:***用户名:yapi_rw密...
2019-08-16 17:18:15
3509
1
原创 React.js解决setState的异步问题
由于react中把setState设置为异步操作函数，这有时候会给我们带来以一些问题，下面介绍一下怎么解决这个问题。1. 在setState完成的回调里执行需要的操作setState函数的第二个参数允许传入回调函数，在状态更新完毕后进行调用，譬如：this.setState({ load: !this.state.load, count: this.sta...
2019-08-14 17:50:28
1986
原创 yapi自定义界面，更改界面外观样式
原来部署过nodebb，在nodebb中自定义界面是通过在管理员后台增加自定义js或者自定义css实现的。类比yapi，以为它也同样支持这种方式，后面发现yapi并没有。然后看了下yapi的项目源码，在vendors目录下，可以发现有个client目录。很容易就能够想到它应该就是整个前台代码，打开发现正是使用React构建的前端项目。找到自己想要更改的内容，更改代码，然后重新启动yapi，发现...
2019-08-14 17:12:38
2272
转载 事务的四种隔离级别
数据库事务的隔离级别有4种，由低到高分别为Read uncommitted 、Read committed 、Repeatable read 、Serializable 。而且，在事务的并发操作中可能会出现脏读，不可重复读，幻读。下面通过事例一一阐述它们的概念与联系。Read uncommitted读未提交，顾名思义，就是一个事务可以读取另一个未提交事务的数据。事例：老板要给程序员发工...
2019-08-14 08:27:05
94
转载 数据库的ACID
一.事务定义：所谓事务，它是一个操作序列，这些操作要么都执行，要么都不执行，它是一个不可分割的工作单位。准备工作：为了说明事务的ACID原理，我们使用银行账户及资金管理的案例进行分析。// 创建数据库 create table account( idint primary key not null, namevarchar(...
2019-08-14 08:23:17
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人