- 博客(50)
- 收藏
- 关注
RSS订阅原创 css margin 0 auto什么时候才能起到水平居中的效果
根据stack overflow的回答：What, exactly, is needed for “margin: 0 auto;” to work?必须满足以下几个要求：块级元素，比如：display: block或者display: table不能是浮动元素（float）position不能是fixed或absolute必须设置固定的width...
2021-03-17 10:54:45
379
原创 数据量大导致传输速度慢解决方案——请求分片
前言在开发过程中，遇到要请求几千行数据的需求，因为前端部分已经使用了VirtualList虚拟列表只渲染当前可视区域的视图，非可视区域的视图在用户滚动到可视区域再渲染：但仍不能解决数据加载缓慢问题。原因是数据量本身太大，导致传输的速度过慢，所以渲染到页面上的速度也很慢。解决方案用请求分片的方式，先加载前50条数据，监听滑动到底部的事件，当列表下拉到底部的时候，再去请求后一百条数据。这么做每次只请求50条数据，传输速度就会很快。前端具体实现如下：function PoemList() {
2021-03-14 08:52:32
2414
原创 Taro 微信小程序引入新字体并解决字体加载缓慢问题
本文分为两个部分：如何引入新字体如何解决新字体加载缓慢如何引入新字体在Taro或者微信小程序中引入新字体我们会用到loadFontFace这个API：Taro.loadFontFace({ global: true, family: 'FZquanfuti', source: 'url(https://xxx.com/FZquanfuti1.TTF)',});global用于定义是否全局生效，family是定义的字体名称，source是指定字体资源的地址，建议格式.
2021-03-13 10:56:41
2498
原创 微信小程序播放音频无声音的解决方案 getBackgroundAudioManager
获取全局背景音乐管理器：const backgroundAudioManager = Taro.getBackgroundAudioManager();在全局配置文件中app.config.ts配置 requiredBackgroundModes 属性：requiredBackgroundModes: ['audio'],配置backgroundAudioManager属性：const setSongInfo = (songInfo) => { const { name, ar,
2021-03-03 09:12:09
5838
原创 云服务器部署node.js egg项目
最近在做毕业设计，用egg+mysql+sequelize+taro写一个小程序，因为没有用到微信的云开发，是自己搭建的后台，所以需要将后台项目部署到云服务器上。整个过程踩了不少坑，于是想写个流程以防忘记。云服务器准备购买云服务器可在腾讯云购买轻量应用服务器，学生的话可以购买校园云服务器，规格是cpu1核，内存2GB，系统盘40GB，对于我的项目来说应该够用了：腾讯云校园云服务器注册域名微信小程序官方文档中表明，服务器域名只支持https，且不能使用ip地址，所以我们需要注册域名。域名.
2021-02-21 13:16:20
647
原创 微信小程序登录鉴权与获取用户信息
前言在小程序中，与云开发相比，传统的前后端开发在登录鉴权的实现方面相对来说更加复杂，不仅需要前端和后端的交互，后端还需要与微信接口服务进行交互，以完成整个鉴权流程：整个流程简单来说分为以下7步：前端调用wx.login()获取临时登录凭证code，并回传到开发者服务器。服务器调用auth.code2Session换取用户唯一标识OpenID和会话密钥session_key。服务器端根据OpenID或session_key生成自定义登录态（可以理解为是token），将token响应给前端。前端
2021-01-27 10:02:57
6160
原创 package.json不显示安装的依赖
在安装包的时候加上参数–save或–save-dev。–save会将包放在dependency里，–save-dev会将包放在devDependency里，devDependency里的包指的是只在开发环境下会用到的包，在生产环境下不会被打包。
2021-01-21 09:19:48
1516
原创 Module build failed (from ./node_modules/[email protected]@mini-css-extract-plugin/dist
今天在taro项目中引入taro-ui，编译时报错如下：Module build failed (from ./node_modules/[email protected]@mini-css-extract-plugin/dist/loader.js):ModuleBuildError: Module build failed (from ./node_modules/[email protected]@less-loader/dist/cjs.js):@import “~
2021-01-21 09:05:12
5408
1
原创 npm安装失败及解决办法 error network tunneling socket could not be established
最近在使用npm安装create-react-app时出现了如下报错，切换淘宝镜像也无法解决，仍然出现这种错误。完整报错为：error network tunneling socket could not be established, cause=connect ECONNREFUSED 127.0.0.1:12639error network This is a problem related to network connectivity.error network In most cases
2020-12-09 10:18:30
5742
3
原创 Nodejs 使用require()和fs.readFileSync()读取JSON文件
在Node.js中，我们可以使用两种方法来读取JSON文件，分别是require()和fs.readFileSync()。对于静态的JSON文件，使用require()方法更好一些，因为它会对文件进行缓存，但对于动态的JSON文件使用fs.readFileSync()更好一些。因为require并不是同步地读取文件，如果这个JSON文件是动态变化的话可能无法读取到最新的JSON文件。使用require方法读取JSON文件：let data = require('./file.json')使用fs.
2020-10-28 16:42:54
8574
原创 Mac 安装go并配置vscode开发环境
本文适用于Go 1.14.2下载 Go因为Mac可以使用Homebrew来安装Go，所以直接执行以下命令来安装Go：brew install go此时可能会卡在Updating Homebrew，可以通过切换中科大源来解决：// 替换brew.git:cd "$(brew --repo)"git remote set-url origin https://mirrors.ustc.edu.cn/brew.git// 替换homebrew-core.git:cd "$(brew --.
2020-10-13 17:13:51
2013
原创 react.lazy react.suspense实现动态引入组件
React.lazy和Suspense的功能主要是利用了webpack对es6的import动态载入组件，可以自动实现Code Splitting。Code Spliting，即代码分割，能够“懒加载”当前用户所需要的内容，显著提高应用的性能。尽管并没有减少应用整体的代码体积，但可以避免加载用户永远不需要的代码，并在初始加载的时候减少所需加载的代码量。React.lazyReact.lazy函数能让你像渲染常规组件一样处理动态引入（的组件）。使用之前：import OtherComponent f
2020-10-09 19:48:46
1174
原创 TypeError: Right-hand side of ‘instanceof‘ is not an object jest
在用jest来写单元测试时,遇到了rt的报错.解决方法为将enzyme渲染组件的方法,由mount改为shallow.使用mount:报错:使用shallow通过:
2020-09-29 14:57:53
557
原创 hexo 打包后css js无法加载问题
前言将hexo部署到服务器上，需要在命令行执行hexo generate，生成打包好的文件夹public。参考部署至Web服务器，public里的所有文件需要放置在Nginx目录下的某个文件夹中（一般根据项目配置自定义），例如我们项目是放在/home/dwt-best-practice/下：此时部署后，会发现打开页面是没有css和js效果的，F12看console会发现是因为资源路径加载问题。解决方案在站点配置文件根目录/_config.yml中配置URL：根据在Nginx服务器上配置的ser
2020-08-25 12:58:10
1938
原创 Jest encountered an unexpected token This usually means that you are trying to import a file which J
配置jest的时候出现了rt问题，解决方案：npm install --save-dev babel-jest babel-core@^7.0.0-0 @babel/core在根目录创建babel.config.js：module.exports = { plugins: [ "@babel/plugin-proposal-class-properties", "babel-plugin-styled-components", "@babel/plugin-syntax
2020-07-17 15:00:05
6359
1
原创 怎么做好一个项目 记一次项目开发经验
上个月的实训课程是需要我们小组组队完成一个和区块链相关的积分链项目，涉及区块链，智能合约编写，后端，前端，大家开发经验都不是很多，踩坑很多，在此记录一下项目开发过程遇到的坑。自己是负责前端部分，所以就对前端部分进行总结。项目前期需求分析和用例设计项目一开始时老师让我们第一周先写出一份详细的需求分析，当时觉得很繁琐来着，越到后期越发现，需求分析很重要。在这个阶段写的各个用例，是之后你画页面原型，写页面最需要参考的东西，所以必须要写好这一部分。以下是我们小组写的一些用例：画uml的工具是在youtu.
2020-06-26 17:10:42
848
原创 react 使用localStorage存储用户登陆状态
本文启发自https://www.youtube.com/watch?v=Y4NHqDp88lA网站的登陆功能可以涉及到很多各种鉴权相关的知识，比如用户尚未登陆前无法访问网站内的其他页面，用户登陆之后访问登陆页会跳转到首页（因为已经执行了登陆操作了，按道理用户不应该还能够访问登陆页面）。这些功能的实现可以借助localStorage和react-router-dom的Redirect方法实现。...
2020-06-21 15:55:52
3629
原创 react 修改antd主题色
antd的主题色默认是蓝色的，但是看到官网上有很多配色很好看，所以想换个颜色试试，官网提供的色系：安装antd less less-loader babel依赖npm i antd less less-loader babel-plugin-import @babel/plugin-syntax-jsx这里需注意，less最好安装@5.0.0版本，不然后续会报兼容的错（目前不知道@6以上要如何解决）。然后需要在项目中运行npm run eject来在项目根目录中生成config配置文件夹（若已生
2020-06-12 16:55:15
6599
原创 Node——Connect和Express
前言Connect和Express是两个热门的Node模块。Express就是在Connect的基础上，通过添加高层糖衣扩展和搭建出来的。博客地址：https://delaprada.comConnect创建简单的Connect程序指令：npm install [email protected]在要安装的模块后加@可以指定版本号简单的Connect程序应该是这样的：const ...
2020-04-05 16:00:59
620
原创 js 乱序数组三种方法
今天面试的时候被问到实现乱序数组的最简便的方法，自己只知道使用Math.random()和结果数组的笨方法…总结一下。sort()方法数组的sort()方法是按照return的值的正负来去做排序判定，所以实现的思路可以是使得返回的值随机正负。function randArr(arr){ return arr.sort(()=>{ return (Math.ra...
2020-03-28 13:47:52
1506
原创 JS 实现call apply bind
call、apply、bind是用于重定义函数中this所指向的对象的。借这篇文章来原生实现一下call、apply、bind。JS实现callFunction.prototype.mycall=function(context){ var context=context||window; //获取对象，当没有传递参数的时候，为window context.fn=this; ...
2020-02-10 22:27:46
128
原创 JavaScript ~~运算符与Math.floor的区别
今天在用JavaScript实现大数相加的时候，发现网上的解法当中有使用~~运算符，之前没有见过。在网上一查，说是Math.floor()的更好的一种表示方法，运行速度更快。但是将大数相加的代码中的~~换成Math.floor()发觉得不到正确的答案，所以想来分析一下异同。~和~~~运算符用于将整数变为-(N+1)。例如：~2 === -3; //true~1 === -2; //tr...
2020-02-10 11:42:46
1015
原创 Webpack 概念理解
webpackwebpack是一个JavaScript应用程序的静态模块打包器（module bundler）。当webpack处理应用程序时，它会递归地构建一个依赖关系图（dependency graph），其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。webpack有四个核心概念：入口（entry）输出（output）loader插件（plugi...
2020-02-07 19:06:45
192
原创 什么是哈希hash
哈希Hash什么是Hash通过一些计算，把关键码值映射到数组中的位置来访问记录，这个过程称为散列（hash）。重要组成：hash函数：把关键码值映射到位置的函数称为散列函数。用h表示。hash表：存放记录的数组称为散列表。用HT表示。槽（slot）：散列表中的一个位置称为一个槽。设计hash表的目标是：使得对于任何关键码值K和某个散列函数h，i=h(K)是表中满足0<=h(...
2020-01-29 18:52:09
472
原创 JavaScript this全面解析
先说结论我们可以顺序应用下面四条规则来判断this的绑定对象：如果是由new调用，绑定到新创建的对象。如果是由call或者apply、bind调用，绑定到指定的对象上。如果是由上下文对象调用（即this是对象中的方法里使用的），绑定到那个上下文对象上。如果是默认情况下，严格模式绑定到undefined，否则绑定到全局对象上。但是ES6中的箭头函数并不会使用者四条标准的绑定规则。箭头...
2020-01-13 11:06:06
141
原创 c++ 实现大数相加
思路因为是大数，所以不能用int，long，long long来定义。要用字符串来存储。首先先将两个字符串进行翻转，个位对齐。例如str1=“123459”，str2=“123”。翻转后变为：“954321"和"321”，这样可以实现位对齐计算。一次进行位计算，计算位运算时要加上进位。求得的和%10为位值，/10为进位。执行完以上步骤后再把字符串翻转过来代码如下：#include&...
2020-01-12 21:21:13
578
原创 c++ 实现快速排序
#include <iostream>using namespace std;int partition(int a[],int left,int right){ int p=a[left]; int i=left+1; int j=right; while(i<=j){ while(a[i]<p){ ...
2020-01-11 19:52:33
220
原创 JavaScript实现继承的7种方式
原型链继承通过将子类的原型等于父类的实例来实现的Child.prototype = new Person()'use strict'// 原型链继承function Person(name){ this.name=name;}Person.prototype.sayHello=function(){ console.log("Hello "+this.name);...
2020-01-11 09:58:55
181
原创 哔哩哔哩2020校园招聘前端笔试卷（一）答案解析
同源策略：协议 http和https不同域名 store.company.com和news.company.com不同端口号：http默认 80/8080/3128/8081/9098 domContentloaded：不用等框架图片等其他资源都加载完成就可以被触发load：页面上所有的资源被加载以后才会触发load事件块级元素与行内元素的几个区别：格式：默认情况下，块级...
2020-01-06 15:46:06
1905
原创 hexo categories和tags页面不显示解决办法 网址后出现/20%/
官网也有给出具体步骤，但是有坑Hexo官网教程第一步 在终端窗口下，定位到 Hexo 站点目录下。使用 hexo new page指令新建一个页面，命名为 categories ：cd hexo //根目录hexo new page categories //tags和这个操作一致第二步 找到新建的页面，添加type新建的页面一般在source/categories/index.md...
2019-12-25 10:17:18
1134
2
原创 利用gitpages+hexo搭建自己的博客
从开始开始着手搭建到完成大概花了一个下午的时间，采坑不少，在此记录一下第一步 准备工作node.js下载好，github有已注册的账号在github中新建一个repository，命名为：你的github名称.github.io（下面是我的仓库名称）：（有些博客直接让我们fork它们的项目，个人感觉这么做不太好，很多东西自己动手做一遍更好）第二步 安装HexoHexo就是一个博客框架，...
2019-12-24 18:03:01
129
原创 使用pyinstaller打包python生成exe 解决FileNotFound ModuleNotFound 依赖文件打包问题
第一步 下载pyinstaller在pycharm的setting中添加pyinstaller：第二步 打包python文件执行指令：pyinstaller -F xxx.py（-F的话只在dist文件夹中生成一个exe文件，-D的话会在dist文件夹中生成一个xxx的文件夹，此处只需要一个exe）解决各种踩坑问题遇到的第一种报错是：打包成功后，运行.exe报错: ModuleNot...
2019-12-22 13:55:47
4685
2
原创 loadrunner12录制脚本为空的解决办法
LoadRunner12录制脚本为空的解决办法网上试了很多种办法，什么下载fidder抓包软件，改了很多都不行，最终办法如下：打开ie浏览器->设置->internet选项->高级，把第三方扩展勾上（之前看网上某个教程说要去掉…）点开loadrunner录制选项更改配置如下：录制脚本成功...
2019-12-12 14:01:49
10544
20
原创 vue 解决mounted不重加载子组件问题
有时需要在父组件中重复加载同一个子组件，但会出现子组件不重新加载的问题。解决方法：在子组件外加一个div框住它：这样，父组件的数据就可以在每次加载子组件的时候传入到子组件中...
2019-11-05 15:57:42
3672
转载 c++ 过河卒 动态规划 递推
题目描述：如图，A 点有一个过河卒，需要走到目标 B 点。卒行走规则：可以向下、或者向右。同时在棋盘上的任一点有一个对方的马（如上图的C点），该马所在的点和所有跳跃一步可达的点称为对方马的控制点。例如上图 C 点上的马可以控制 9 个点（图中的P1，P2 … P8 和 C）。卒不能通过对方马的控制点棋盘用坐标表示，A 点（0，0）、B 点（n,m）(n,m 为不超过 20 的整数，并由键盘输入...
2019-10-27 11:48:42
4092
3
转载 [APIO2009] 采油区域：动态规划
题目描述：Siruseri政府决定将石油资源丰富的Navalur省的土地拍卖给私人承包商以建立油井。被拍卖的整块土地为一个矩形区域，被划分为M×N个小块。 Siruseri地质调查局有关于Navalur土地石油储量的估测数据。这些数据表示为M×N个正整数，即对每一小块土地石油储量的估计值。 为了避免出现垄断，政府规定每一个承包商只能承包一个由K×K块相连的土地构成的正方形区域。 AoE石油联合公...
2019-10-27 11:25:54
275
原创 c++ 回溯算法
回溯算法实际上一个类似枚举的深度优先搜索尝试过程，主要是在搜索尝试过程中寻找问题的解，当发现已不满足求解条件时，就“回溯”返回（也就是递归返回），尝试别的路径。许多复杂的，规模较大的问题都可以使用回溯法，有“通用解题方法”的美称。回溯法说白了就是穷举法。回溯法一般用递归来解决。对于回溯法来说，每次递归调用，很重要的一点是把每次递归的不同信息传递给递归调用的函数。而这里最重要的要传递给递归调用函数...
2019-10-26 10:24:46
3097
原创 Federated Learning with Non-IID Data
前言一篇关于Federated Learning with Non-IID Data的论文，主要探讨了Federated Learning在每个clients的数据都是Non-IID的情况下，性能如何，以及如何改进。AbstractIn this work, we focus on the statistical challenge of federated learning when l...
2019-10-12 23:21:28
2829
原创 Gossip Learning as a Decentralized Alternative to Federated Learning
前言最近开始看一些关于边缘计算的论文了，怕自己忘性大，所以用博客来记录这些论文的重要内容和自己的理解AbstractFederated Learning is distributed machine learning approach for computing models over data collected by edge devices. The data is not coll...
2019-10-11 22:32:45
973
原创 CSS布局
position属性静态定位（position:static）：只是意味着“将元素放入它在文档布局流中的正常位置 ——这里没有什么特别的。相对定位（position:relative）：只是定义position:relative，代码不会有变化，欲修改元素的位置，要使用top，bottom，left和right属性。top:30px;left:30px;绝对定位（positi...
2019-08-22 21:47:53
96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人