SarinaDu-CSDN博客

原创 css /less/sass模块化与 babel-plugin-react-css-module

前言日常积累，欢迎指正正文关于 babel-plugin-react-css-modules 的使用 gitHub 上有一些说明，同时也提供了它的使用 demo 但该 demo 中使用的 css-loader 与 webpack 等包的版本都过于低,如下：{ "private": true, "scripts": { "start": "webpack-dev-server...

2020-03-28 16:09:52 1278 1

原创 {“code“:“ERR_INVALID_PROTOCOL“}

{"code":"ERR_INVALID_PROTOCOL"} 错误

2024-03-07 10:16:58 385

原创 antd Drawer 组件如何让任意被修改的样式只在局部生效

前言日常积累，欢迎指正场景描述常见的 Drawer 组件高度都是占满整个页面的，但某些需求下我们想要一个高度只是页面一部分的 Drawer 怎么办？直接修改 antd css ？这种方法会全局修改 Drawer 的 css 以至于影响到其他地方的 Drawer 组件展示。我们想要的这种功能 Drawer 已经提供了，我们可以借助 getContainer 属性实现，官网文档是这样描述的 getContainer 指定 Drawer 挂载的 HTML 节点, false 为挂载在当前 dom

2020-10-20 18:25:38 4207 1

原创 VSCode 插件配置方案 - Settings Sync 插件与 VSCode 个人账号

日常积累，欢迎指正正文VSCode 个人账号 - 适合个人个人方案非常非常非常简单，只要在 VSCode 上登录个人账号即可。登录个人账号后会自动保存设置到个人账号，当换电脑或重装 VSCode 后登录自己的个人账号即可快速完成设置同步Settings Sync - 适合团队如果是团队合作最好还是使用 VSCode 的 Settings Sync 插件，该插件的使用也比较简单，网络上相关推荐文章也比较多，不做过多赘述。在石墨文档上简单记录过 Settings Sync 的使用，链接如下：.

2020-09-22 20:04:18 594 1

原创 Taro 多端开发积累

日常积累，欢迎指正正文1、组件 props 中不能包含属性名为 id 的属性报错信息： id在小程序是保留关键字，请使用其他 props 名体现：子组件中不能正常获取到预期的 id 属性值错误写法<Card title={item.title} id={id} />正确写法<Card title={item.title} itemId={id} />2、持续更新…...

2020-09-22 19:40:15 330

原创正则表达式处理输入的小 demo

前言日常积累，欢迎指正export function formatAnswer(str) { const symbols = [ //',', '。', '？', '！', '：', '；', '、', '~', '&', '@', '#', '，', '.', '?', '!', ':', ';', '.', '～', '＆', '＠', '＃', ',', '。', '？', '！', '：', '；', '、', '~', '&', '@', '#'

2020-09-14 20:06:50 110

原创 Cannot assign to read only property ‘exports‘ of object ‘#＜Object＞‘ 问题原因及解决办法

前言日常积累,欢迎指正问题原因混用了 ES Module 的 import 与 commonJS 的 module.exports解决办法统一模块化写法升级 webpack参考(问题详述)webpack/issues

2020-09-07 21:02:56 3504

原创非布局样式 - border 实现箭头(三角形)

前言日常积累，欢迎指正效果效果在线查看css 实现三角形以及其实用场景源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>

2020-08-04 17:08:04 181

原创 VS Code 自定义背景图片的实现 - 爱豆陪你编代码

前言日常积累，欢迎指正无意间发现同事的 VS Code 有陈伟霆的照片,简直太喜欢。赶紧给自己设置一下，嘿嘿肖战陪我编代码，开心!!!效果图操作步骤在 VS Code 应用商店搜索 background 并点击安装。打开 VS Code 配置文件 setting.json 添加以下配置后保存重启 VS Code 即可，注意 background.customImages中的图片路径修改成对应本机图片路径即可。{ "background.enabled": true, "bac

2020-07-09 19:30:58 369

原创《Windows 上 node 多版本管理工具 nvm 安装与基础使用》

前言日常积累，欢迎指正正文因为 csdn 贴图不方便且打开总是加载不出来图片，所有内容都在石墨文档中，点击下面链接就能看到内容啦！[《Windows 上 node 多版本管理工具 nvm 安装与基础使用》](https://shimo.im/docs/33qXRHHP9WTrty3q/ 《Windows 上 node 多版本管理工具 nvm 安装与基础使用》，可复制链接后用石墨文档 App 或小程序打开)...

2020-07-08 10:17:11 145

原创对象数组按指定属性排序

前言日常积累，欢迎指正排序方法/** * @desc 根据对象数组中的指定属性进行数组元素排序 * @param objArr 要进行排序操作的对象数组 * @param attribute 排序属性 * @param orderFlag 方式标识,true 为正序 false 为倒序默认为 true * @returns 完成排序后的数组 */function objectArraySortByAtr(objArr, attribute,orderFlag=true) { fun

2020-07-07 16:23:14 2572 1

原创 js 类型与类型判断

typeoftypeof value 的返回值有哪些？instance本质Object.prototype.toString.call(value)封装一个通用类型判断方法

2020-06-20 17:41:23 214

原创 typescript 中不允许修改值的实现 - readonly/const

前言日常积累，欢迎指正ts 中不可变量的实现方法有两种1、使用 ES6 的 const 关键字声明的值类型2、引用类型中被 readonly 修饰的属性示例如下：/** 1、 const 常量 */const TEST: string = "test1";TEST = "test2"; // Uncaught TypeError: Assignment to constant variable/** 2、非 readonly 修饰的对象属性 name */interface Iob

2020-05-28 09:21:41 2904

原创 taro 框架中做 css Modules

前言日常积累，欢迎指正taro 框架中做 css Modulestaro 配置已内置了模块化，默认关闭通过配置开启即可。so easy官网参考... mini: { postcss: { // css modules 功能开关与相关配置 cssModules: { enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true

2020-05-27 19:25:36 2040

原创手写节流防抖函数

1、前言日常积累，欢迎指正2、节流函数连续操作时操作间隔大于指定时间才会执行一次 - 常见应用：搜索框输入即查询2.1、ES5 版本 - arguments/** @desc 使用 arguments */export function debounce(fn,delay=300){ const timer=null return function(){ if(timer){ clearTimeout(timer) }

2020-05-26 19:40:05 227

原创 bind call apply

前言日常积累，欢迎指正bind，call、apply 的作用改变函数 this 指向 - 它们的第一个参数就是更改后的 this 指向bind，call、apply 第一个参数取值情况null/undefined - js 中是window，其他环境是 global…待补充bind，call、apply 区别参数执行时机fn.bind(thisArg,p1,p2,p3,...)() // 注意 bind 的执行会创建一个新的函数,call、apply 会直接执行函数fn.cal

2020-05-26 19:27:26 121

原创 vue 中子组件调用父组件方法(子组件向父组件传值)的三种实现

1、前言日常积累，欢迎指正2、正文vue2.6.11博客正文为三种方法的核心代码记录，源代码在 vue-project 的分支 dev-005 ,可以直接获取代码运行查看2.1、子组件中直接 this.$parent.parentNameInParentMethod()/** 父组件 */export default { methods: { search...

2020-04-08 10:35:17 3942

原创 React(jsx)中 require(''xx.png) 报错 Cannot find module './xx.png' 或 img src '[object Module]'

前言日常积累，欢迎指正正文errorreact(jsx)中 require(''xx.png) 报错 Cannot find module './xx.png'解决办法url-loader 配置添加 option.esModule = false 即可，我的完整配置module.exports = { module: { rules: [ { ...

2020-03-31 14:20:16 3206

原创关于一次未通过的腾讯背调

前言背调不是你自己以为提供了绝无虚假的信息就可以通过的，希望我是第一个也是最后一个犯这种错误的人为什么会背调未通过?原因在于自己 2016 年 10 月份至 2018 年 7 月份这段工作经历期间前领导联系...

2020-03-24 10:51:30 12894 5

原创 arcgis-webpack-plugin 使用

前言日常积累，欢迎指正代码 2019 年 6 月份左右已提交至 gitHub ，这里为补充说明1、正文ArcGIS API for js 在现代前端框架中的使用本身需要借助 esri-loader 来实现，同时现代前端框架的使用大多数都是使用 webpack 作为打包工具，但 webpack 想要处理 ArcGIS API 也是不能直接实现的，但不处理的话就意味着需要将几十上百兆的 API...

2020-03-21 18:48:17 949

原创一台电脑如何安装多个不同版本 python

前言日常积累，欢迎指正1、本机环境WIN10 64 位2、如何装多个不同版本的 python选取需要的安装版本，我以本机安装的 python-3.7.7-amd64.exe 、python-2.7.17.amd64.msi 为例2.1、 python-3.7.7-amd64.exe 安装安装 python-3.7.7-amd64.exe 傻瓜式下一步下一步安装即可我的安装...

2020-03-12 15:17:43 5780

原创关于 pyinstaller 打包成 python 代码为 exe 但输出结果只有 pyc 文件问题解决

前言日常积累,欢迎指正正文严格来说这不算一个问题，详情下面详述:内容详述首先只要 pyinstaller 正常安装情况下，运行以下命令$ pyinstaller myscript.py -F正常执行将会在一个自动生成的 dist 文件夹下存在一个 myscript.exe 文件，我们可以将这个 exe 文件提供给别人直接使用。pyinstaller 只要能正常执行那么大概率不是 ...

2020-03-11 16:09:31 2430 3

原创 css 预处理器之 less && sass

前言日常积累，欢迎指正什么是 CSS 预处理器?基于 CSS 的另一种语言-CSS 预处理器与 CSS 有点类似 ES5- 与 ES6+可以通过工具编译成 CSS添加了很多 CSS 不具备的特性能提升 CSS 文件的组织常见的 CSS 预处理器less - 基于 nodeJS 写的 - 优势: js 写的编译速度快并且有一个不需要预先编译可以直接在浏览器中...

2020-02-26 20:00:52 203

原创状态管理之 redux、dva、vuex

前言日常积累，欢迎指正1、状态管理之 redux、dva、vuex1.1、reduxRedux is a predictable state container for JavaScript apps - Redux是一个可预测的 JavaScript 应用程序状态容器redux 中dispatch(action/actionCreator) 触发 state 修改state 修...

2019-12-29 12:00:25 1353

原创 dva-loading 使用详解

前言日常积累，欢迎指正1、安装依赖yarn add dva-loading# ornpm install dev-loading2、dva-loading 引入import createLoading from 'dva-loading'app.use(createLoading())3、dva-loading 使用 - 利用 dva-loading 实现 loading3...

2019-12-24 16:40:51 3776

原创安装 @babel/core @babel/cli @babel/preset-env 后依然提示 babel-node 不是内部外部命令的问题

前言日常积累，欢迎指正1、问题描述使用 Nuxt.js 官网提供的新手模板做 vue SSR 时，该模板初始化不支持 ES Module 为了添加支持百度到的解决办法几乎都是使用 babel-node 解决，并且说 babel-node 是安装 babel-cli babel-core babel-preset-env 通过在命令中添加 --exec babel-node 即可的,如下：...

2019-12-13 09:35:55 2348 2

原创 Win10 为 VScode 添加 Linux 终端(wsl)与启用 Win10 的 Linux 子系统

前言日常积累,欢迎指正1、启用 Win10 的 Linux 子系统自己是 windows 系统，在使用 vscode 做开发是突然想到能否做到在 vscode 终端使用 linux 命令的效果呢？通过百度找到了一篇比较靠谱的参考文章 - Win10为VScode添加Linux终端(wsl) 阅读之后发现首先要做的就是启用 Win10 的 Linux 子系统。1.1、启用 Win1...

2019-12-12 14:57:50 2893

原创 vue2.x错误之Use // eslint-disable-next-line to ignore the next line.

前言日常积累,欢迎指正错误 eslint 语法检测报错You may use special comments to disable some warnings.Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore all warnings in a file....

2019-12-09 13:34:02 20805 12

原创 vue2.x错误 - Do not use built-in or reserved HTML elements as component id: header

前言日常积累,欢迎指正错误原因vue 组件名称(name 属性) 与 HTML5 标签名称冲突，注意 vue 组件命名不要与已有标签一致即可

2019-12-09 13:22:48 8250

原创 vue2.x("^2.6.10")体验总结

已经可以熟练使用 React 开发情况下初探 vue2.x 总结——总结注意点在一定程度上是相较于 React 组件来说

2019-12-05 16:57:02 2113

原创添加 vscode 右键打开文件或文件目录功能

添加 vscode 右键打开文件或文件目录功能1、使用1、下载文件 addOpenWithCode.reg - 已上传至 csdn 暂未审核通过，通过后补充下载链接（也可以参考步骤 2 自己创建 addOpenWithCode.reg 文件）2、打开文件 addOpenWithCode.reg(或创建 addOpenWithCode.reg 文件并拷贝第二节 - 文件 addOpenWi...

2019-09-24 16:58:08 4659 1

原创 maptalks 加载 wmts服务的实现

1、前言日常积累，欢迎指正maptalks 截止 0.44.2 还没有提供直接加载 wmts 服务的接口，在遇到这个需求时只好自己解决，最后发现 gitHub 上有以为大神自己封装了 maptalks 加载 wmts 服务的接口点击这里查看：maptalks-demo。但是我的开发环境是 webpack + typescript 并且项目本身有较严格的语法检查导致直接使用它的源代码会有一...

2019-08-13 19:25:32 3414

原创 antd Select 组件扩展菜单 dropdownRender 中的点击事件不能被正常触发

前言日常积累，欢迎指正code错误代码<Select placeholder='请选择' onChange={this.onCurrentPathChange} dropdownRender={menu => ( <div> {menu} <Divider style={{...

2019-07-15 11:12:08 15465 7

原创 antd 自定义主题功能使用报错 .bezierEasingMixin(); ^ Inline JavaScript is not enabled. Is it set in your options

前言日常积累，欢迎指正环境描述{ "devDependencies": { "less": "^3.9.0", "less-loader": "^5.0.0", "ts-loader": "^6.0.3", "webpack": "^4.34.0", "webpack-cli": "^3.3.4", "webpack-dev-server"...

2019-07-04 13:41:33 4209

原创天地图系列

前言日常积累，欢迎指正正文天地图 API 天地图WMTS服务地址认知简介天地图WMTS服务与卫星图匹配及投影坐标变换 maptalks 加载天地图 WMTS 服务maptalks 截止 0.44.2 并不原生支持加载 WMTS服务，但是有大神自己封装了这样一个模块点击这里查看Arcgis 加载天地图 WMTS...

2019-06-13 16:07:56 1919

原创 typescript 中使用 antd Form 组件

前言日常积累，欢饮指正正文核心代码import * as React from 'react'import { Form, Select } from 'antd' import { FormComponentProps } from 'antd/lib/form'const { Option } = Selectinterface IState { ...}interf...

2019-06-12 15:28:08 8000 1

转载 CSDN-markdown 编辑器模板内容

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...

2019-05-31 09:35:00 126

原创 cursor使用

前言日常积累，欢迎指正corsor用于指定 dom 上的鼠标效果cursor默认可选值default 默认光标（通常是一个箭头）auto 默认。浏览器设置的光标。crosshair 光标呈现为十字线。pointer 光标呈现为指示链接的指针（一只手）move 此光标指示某对象可被移动。re-resize 此光标指示矩形框的边缘可被向右（东）移动。ne-resize 此光标指...

2019-05-22 10:44:24 1093

原创我的图片

效果图

2019-05-21 09:48:19 136

原创 react声明周期 getDerivedStateFromProps 的使用详解

前言日常积累，欢迎指正正文错误代码段及错误描述constructor(props: IProps) { super(props) this.state = { mode: this.props.mode ? this.props.mode : 'middle' } } static getDerivedStateFromProps(nextProps, prevSt...

2019-05-20 11:24:01 7957

cdonnmffkdaoajfknoeeecmchibpmkmg.crx

Saladict 沙拉查词，聚合词典专业划词翻译，超好用，安装时请勿解压使用开发者模式安装 ⚠️ 直接拖入 crx 文件到扩展管理页面即可）（注意谷歌扩展更新了打包格式，部分内核比较滞后的国产浏览器可能安装不了）官方地址 https://saladict.crimx.com/

2020-03-21

addOpenWithCode.reg

下载 addOpenWithCode.reg 文件，使用任意编辑器打开(注意不要双击，双击就运行了)，然后全局搜索 ` C:\\Users\\dell\\AppData\\Local\\Programs\\Microsoft VSCode ` 将其全部替换为本机 VSCode 安装路径(注意将原安装路径中的单斜杠 "\" 替换为双斜杠 "\\" VSCode 安装路径获取方法 - 点击 VSCode 桌面图标,右键选择属性 -> 起始位置或右键-> 打开文件所在位置获取

2019-09-24