![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
博客
泡泡码客
觉醒迷途,扬帆起航,从此星途璀璨。
展开
-
【已解决】taro Can‘t resolve ‘./style/index.scss‘
这是由于我使用的 taro 3.0 ,但是 taro-ui 还是 2.3.4升级 taro-ui 到 3.0 版本就好了npm install taro-ui@3yarn add taro-ui@3原创 2022-01-28 00:13:45 · 1679 阅读 · 0 评论 -
Taro image 图片放大预览
以为要 modal + image 自己做,发现不行又以为要用别的插件,发现 Taro 自带了Taro.previewImage({ current: 'https://jdc.jd.com/img/400x400', // 当前显示图片的http链接 urls: ['https://jdc.jd.com/img/400x400'] // 需要预览的图片http链接列表 })...原创 2022-01-27 23:49:48 · 2193 阅读 · 1 评论 -
一行代码实现页面滚动到元素出现在可视区域
Element 的 scrollIntoView() 方法会滚动元素的父容器,使被调用 scrollIntoView() 的元素对用户可见widgetItem.scrollIntoView({ block: 'center', // Y 轴中间位置 behavior: 'smooth', // inline: 'center' })原创 2022-01-18 20:53:41 · 426 阅读 · 0 评论 -
package.json exports 字段详解
exports 字段 (https://webpack.js.org/guides/package-exports/)exports 字段声明了一个对应关系,用 import "package" 和 import "package/sub/path" 会返回不同的模块。这替换了默认返回 main 字段文件的行为。当指定了 exports 字段时,只有声明了那些模块是可用的,其他的模块会抛出 ModuleNotFound Error。{ "exports": { ".": "./main.原创 2022-01-14 23:10:54 · 10079 阅读 · 1 评论 -
【化蛹为蝶二】Nextjs 使用 TypeScript、Ant Design
上篇 我们唠了半天,只是创建了个项目出来今天我们把 TypeScript、Antd 一气儿接到我们项目里来TypeScript我在使用 create-next-app project-name创建项目后,使用了一些配置引入了 TypeScript但,复盘后发现 Nextjs 提供了 TypeScript 的项目创建模板我们只需要使用下面命令,即可创建自带 TypeScript 能力的 Nextjs 项目:create-next-app project-name --typescriptAn原创 2021-11-19 00:43:35 · 1466 阅读 · 0 评论 -
【已解决】[nodemon] restarting due to changes
第一种方式(推荐)nodemon 指定版本 2.0.7npm un nodemon && npm i nodemon@2.0.7第二种方式结合 babel-nodenpm i @babel/core @babel/cli @babel/preset-env @babel/node -Dpackage.json"script": { "serve": "nodemon --exec babel-node server.js"}...原创 2021-09-27 23:06:42 · 2124 阅读 · 5 评论 -
突破桎梏(八):前端模块化开发 - Webpack
这是迄今为止我在【突破桎梏】系列中耗时最长的文章,内容繁杂和加班等各种原因吧,鸽了快一个月,中间还跨了年写下了 [我的 2021 年度规划](https://blog.csdn.net/qq_28827635/article/details/112057435) ... 还望各位老铁多多支持~原创 2021-01-13 00:39:05 · 715 阅读 · 0 评论 -
2021 年度规划
2021 年度计划有生活,有故事,微信搜索【醒途】关注这个有点意思的程序员。1 年 = 4 季 = 12 月 = 52 周 = 365 天我希望自己能够按时给出年度规划、季度规划、月度规划、每周规划以及每日规划。我也希望自己能够按时给出年度总结、季度总结、月度总结、每周总结以及每日总结。我还希望自己能够根据规划和总结不断地调整相应的规划,使得自己能够更迅速且高效的达成目标。生活上办理上海居住证办理房产地落户这里是一个秘密计划每月两部豆瓣评分8.0以上电影,输出:语句摘录旅行至少三原创 2021-01-01 00:28:14 · 458 阅读 · 3 评论 -
2020 年度总结
有生活,有故事,微信搜索【醒途】关注这个有点意思的程序员。年末渐近,近期浏览了许多同学写下的年终总结,内容让我都学习了许多。方便不在 IT 行业对“同学”的理解:部分互联网公司内部同事之间以“同学”相互称呼。其中最使我受其激励的是一位同学的 2019 年的年终总结(这里不是 2020 年是因为我翻看了一些同学之前年度的年终总结)。他是阿里巴巴淘系技术部前端技术专家,但 2019 年 11 月 刚刚拿到大学专科毕业证,在 2019 年期间,他顺利出版了一本技术畅销书、坚持每周末去新东方学英语、通.原创 2021-01-01 00:24:49 · 523 阅读 · 1 评论 -
【自用】windows Terminal 配置
windows Terminal 配置// This file was initially generated by Windows Terminal 1.3.2651.0// It should still be usable in newer versions, but newer versions might have additional// settings, help text, or changes that you will not see unless you clear this原创 2020-12-25 13:23:00 · 424 阅读 · 0 评论 -
Ubuntu Docker 部署 Jenkins
前提安装 docker安装 docker-compose,不建议只用 docker更换 docker 源至国内源拉取 jenkins 镜像docker pull jenkins/jenkins更换 docker image tag为了方便我们之后使用,建议更改 tag docker tag jenkins/jenkins:latest xxxx-jenkins:latest添加 docker-compose.ymlversion: "3.7"services: xxxx-j原创 2020-12-03 17:07:01 · 393 阅读 · 3 评论 -
vue-cli 3 使用 webpack 输出 js css 文件 hash 解决缓存问题
该解决方案针对 Vue 等 hash 打包静态资源,且 nginx 部署的项目。这样的项目一般来讲打包后生成的 hash 已经帮我们解决了 js/css 的问题。但 html 资源始终是 那个 index.html,我们浏览器刷新再刷新始终是 304 状态码。怎么办!摔 ! (′д` )…彡…彡那我们就只需要解决掉 index.html 这个辣鸡文件的缓存问题就好啦!nginx 配置如下:location / { gzip_static on; root /usr/share原创 2020-11-10 16:52:09 · 2211 阅读 · 7 评论 -
突破桎梏(四):JavaScript 异步编程之 Promise
JavaScript 异步编程中回调函数的替代方案:Promise回调函数:由调用者定义,交给执行者执行的函数。回调函数的缺点:不利于阅读,执行顺序混乱。异步模式对于单线程的 JavaScript 非常重要,同时也是 JavaScript 的核心特点。而回调函数则是 JavaScript 中所有异步编程方式的根基 。如果我们直接使用传统回调方式去处理复杂的异步逻辑,那么我们就一定避免不了大量的回调函数嵌套问题(回调地狱)。同时,我们写出的代码的可读性就变得非常差,往往没过三两天我们再翻看代码就很原创 2020-11-08 18:08:44 · 3076 阅读 · 3 评论 -
突破桎梏(三):单线程的 JavaScript
文章首发于语雀:JavaScript采用单线程模式工作的原因,如何解决单线程模式出现的问题?页面交互的核心是 Dom 操作,多线程操作 Dom 肯定会发生问题,所以就设计为单线程。这样,JS 执行环境中负责执行代码的线程就只有一个了。那么如果有多个任务要执行,怎么办呢?那就排队!这种模式的优点就是更安全、更简单。但同时就会带来缺点:耗时任务会拖延排在它后面所有任务的执行。这就是单线程 JavaScript 的严重问题:无法同时处理大量的耗时任务。同时也就出现了耗时任务阻塞程序执行的问题。那么为..原创 2020-11-06 00:12:28 · 4281 阅读 · 2 评论 -
前端浏览器兼容性问题
常见的浏览器内核可以分四种:Trident、Gecko、Blink、WebkitIE浏览器:Trident内核,也称为IE内核Chrome浏览器:Webkit内核,现在是Blink内核Firefox浏览器:Gecko内核,俗称Firefox内核Safari浏览器:Webkit内核Opera浏览器:最初是自己的Presto内核,后来加入谷歌大军,从Webkit又到了Blink内核;360浏览器:IE+Chrome双内核猎豹浏览器:IE+Chrome双内核百度浏览器:IE内核QQ浏览器:Tri原创 2020-07-21 11:40:48 · 242 阅读 · 0 评论 -
introjs 用法 新手引导
上干货!show my code !import introJs from "intro.js";import "intro.js/introjs.css";import "@/styles/intro.scss";export const intro = introJs;interface Step { element?: string; intro: string; position?: string;}interface Options { steps: Step[原创 2020-06-04 13:44:17 · 3241 阅读 · 0 评论 -
midway mysql egg-mysql 配置 基础操作 增删改查
egg-mysql:GITHUB传送门一、配置安装egg-mysqlnpm install egg-mysql -S在src/config/plugin.ts添加配置代码如下export default { …… mysql: { enable: true, package: 'egg-mysql', } ……} as EggPlugin;在src/config/config.default.ts添加配置代码如下import { EggAppConfig,原创 2020-05-31 21:32:38 · 1892 阅读 · 0 评论 -
elasticsearch 修改 settings 修改配置 新增ngram分析器
需要先关闭索引POST pan_doc2/_close修改配置,新增ngram分析器PUT pan_doc2/_settings?pretty{ "analysis": { "analyzer": { "ngram_analyzer": { "tokenizer": "my_tokenizer" } }, "tokenizer": { .原创 2020-05-28 17:28:11 · 2164 阅读 · 0 评论 -
elasticsearch 新增字段
PUT 索引名/_mapping{ "properties": { "字段名": { "type": "text", "analyzer": "my_analyzer" } }}原创 2020-05-28 17:24:35 · 476 阅读 · 0 评论 -
docker mongodb 部署
拉取镜像docker pull mongodb使用镜像启动容器,映射出数据目录docker run -p 7077:27017 -v /root/db/mongo:/data/db --name docker_mongodb --restart=always -d mongo原创 2020-05-26 23:11:39 · 139 阅读 · 0 评论 -
midway 入门教程,midwayjs初始化项目、跨域、获取参数
一、midway-init 创建项目安装”midway-init“npm i midway-init -g项目初始化midway-init安装依赖npm install配置启动命令"package.json"的”scripts”里修改配置"dev": "set NODE_ENV=local && midway-bin dev --ts",启动npm run dev二、配置跨域在”src/config/config.default.ts原创 2020-05-24 02:03:12 · 7363 阅读 · 0 评论 -
让你秒懂 Vue .env .env.development .env.production
项目根目录下创建.env、.env.development和.env.production三个文件,各文件解释如下: .env 无论开发环境还是生产环境都会加载的配置文件 .env.development 开发环境加载的配置文件 .env.production 生产环境加载的配置文件环境变量的简单使用示例。需要注意,配置文件里的属性名必须以VUE_APP_开头,比如在.env文件这样声明一个环境变量:VUE_APP_QQQ = `QQ`然后就可以在代码里这样用了:console..原创 2020-05-22 02:01:04 · 16046 阅读 · 3 评论 -
Vue+TypeScript+Antd+Stylus+Flexible+阿里普惠体
一、vue create yoye-front 创建项目二、引入 normalize.css安装npm install normalize.css -S”main.ts“ 引入import 'normalize.css'三、引入 flexible 适配 PC将下面文件放入”src/utils/”,该文件是”lib-flexible”修改第72行“520”->”width”得来flexible.js”main.ts“ 引入,注意引入顺序,要放在 “normaliz原创 2020-05-19 09:52:33 · 1744 阅读 · 0 评论 -
Python Redis Stream 消息队列 消费组
项目有用到消息队列来消费不断新增的任务,本来看到Redis有Pub Sub就没准备用kafka了,后来看了下Redis 5.0新加的Stream,感觉刚好符合项目要求,看下文档就直接用上了,类似一个简单的无限轮询,诸君自取stream.pyimport redisimport sysfrom utils.logger import loggerimport timedef process_message(id, fields): logger.info(f"[{consumer_nam原创 2020-05-15 14:57:49 · 3989 阅读 · 2 评论 -
Python PDF 加水印 和 Java PDF 加水印
最近项目有给PDF加水印的需求,目前使用的方法是:首先生成一个水印 PDF,再通过 PyPDF4 来把原件的每一页和 水印 PDF 合并,但耗时和页数成正比,耗时太长。后来通过 JAVA 实现的方案是:读取原 PDF 后,在每一页的最外层直接添加文字,并且可以调整角度和透明度。JAVA 方案耗时大概4000页在500毫秒,而相同文件在使用 Python 方案时耗时大概在 500 秒,JAVA 方案比 Python 方案快了 1000 倍。然后就想到可能是 Merge 方案操作太耗时,就找了找 Pyth原创 2020-05-13 13:35:19 · 766 阅读 · 0 评论 -
前端 CSS Flex 布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Flex</title> <style> html, body { .原创 2020-05-09 01:10:06 · 190 阅读 · 0 评论 -
hexo-see,HexoGUI,发布文章/提交仓库/重置静态文件/开启本地服务
一、hexo-see简介Python3 实现。Hexo的可视化界面,摆脱命令行。很粗糙,请见谅。目前有个BUG:只要是GUI界面创建的文章,在每次打开后保存(或自动保存)时,所有内容会丢失,但只要撤回一下内容就回来了。这个BUG可能由于使用了动态生成链接的插件导致的,也可能都会出现。二、功能1、界面化创建文章!2、创建文章后可选择直接打开3、提交至远程仓库4、清除本地pu...原创 2018-11-03 01:35:40 · 984 阅读 · 0 评论 -
python 问题与链接
设置git使用vim作为编辑器https://blog.csdn.net/qianggezhishen/article/details/50728915python获取当前目录路径和上级路径https://www.cnblogs.com/apollo1616/p/9513510.htmlConfigParser 读写配置文件https://www.cnblogs.com/linbao/...原创 2019-05-20 14:46:25 · 152 阅读 · 0 评论 -
工作里的一些经验
一、ubuntu 安装 markdown 软件 typora// or run:// sudo apt-key adv --keyserver keyserver.ubuntu.com--recv-keys BA300B7755AFCFAEwget -qO - https://typora.io/linux/public-key.asc | sudo apt-key add -// add...原创 2019-05-22 10:57:10 · 663 阅读 · 0 评论 -
Vscode Python
VScode 插件名称: Auto Close Tag名称: Auto Rename Tag名称: Beautify名称: Bracket Pair Colorizer名称: Chinese名称: Color Highlight名称: Git History名称: GitLens名称: HTML Boilerplate名称: HTML CSS Support名称: HTML ...原创 2019-07-23 23:13:18 · 746 阅读 · 0 评论 -
关于Visual studio code/power shell中无法使用virtualenv
报错中其实已经有解决办法https:/go.microsoft.com/fwlink/?LinkID=135170简而言之,就是为了安全起见,power shell不能运行脚本,运行以下命令即可开启脚本运行权限:Set-ExecutionPolicy -ExecutionPolicy UNRESTRICTED...原创 2019-07-23 23:54:04 · 200 阅读 · 0 评论 -
mysql 查看分区表 创建分区 删除分区
查看所有分区ALTER TABLE dialog_customerPARTITION BY RANGE (id)(PARTITION p0 VALUES LESS THAN (500000),PARTITION p1 VALUES LESS THAN (1000000),PARTITION p2 VALUES LESS THAN (1500000),PARTITION p3 VALU...原创 2019-07-25 14:33:28 · 2402 阅读 · 0 评论 -
yarn 切换 设置 镜像 源
切换淘宝yarn config set registry https://registry.npm.taobao.org查看现有yarn config get registry原创 2019-07-25 15:29:44 · 1512 阅读 · 0 评论 -
from __future__ import print_function 作用
在开头加上 from __future__ import print_function 后,哪怕在 Python2.X,也可以像 Python3.X 那样加括号使用 Print 。Python2.X 中 Print 不需要括号,但在 Python3.X 使用 Print 是需要加括号的。 所以为了防止版本矛盾,就可以加上 from __future__ import print_functi...原创 2019-07-25 16:21:31 · 442 阅读 · 0 评论 -
Anaconda 安装 Jupyter notebook 创建虚拟环境安装 pytorch 1.0
conda install jupyter notebookconda install nb_condaconda create -n 环境名 python=3.6 ipykernelnb_conda 和 ipykernel 可以绑定 jupyter 与虚拟环境, 在运行 jupyter 时可以点选切换环境切换 conda 下载源conda config --add channels h...原创 2019-07-23 13:57:23 · 1332 阅读 · 0 评论 -
Flask 查看性能的方法 flask-debugtoolbar 拓展
不止这一种,也可以使用 flask-debugtoolbar 拓展,直接 Web 上查看结果。https://blog.csdn.net/Star_SDK/article/details/80384335原创 2019-08-13 15:17:44 · 293 阅读 · 0 评论 -
使用Hexo-Github搭建个人博客-详细
查看更多:https://breezedawn.github.io/搭建环境准备:下载Node.js安装Git拥有github账号下载完成后(全部按NEXT就好),按下WIN+R,调出运行窗口,打cmd回车进入命令行,验证node和Git是否安装正确,输入下面指令:node -vnpm -vgit --version如果都安装成功就会显示对应的软件版本号。安装Hex...原创 2018-10-30 22:26:35 · 244 阅读 · 0 评论