- 博客(43)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 quill编辑器使用
官方git： https://github.com/quilljs/quill/官方文档：https://quilljs.com/中文文档：https://kang-bing-kui.gitbook.io/quill/编辑器是个正经编辑器，就是文档太不正经了基本的一些使用文档还是可以的，基础用例代码如下import React, { useEffect } from 'react';import Quill, { QuillOptionsStatic } from 'quill';impo.
2021-01-11 16:57:26
2540
5
原创 百度地图API 实现多个已知地址的同时展示
用到的API类:IconLocalSearchLabelPointMarkerNavigationControlOverviewMapControl具体的使用就不赘述了写这个的背景：公司要一起出去TB，然后选择了自驾，就要收集大家的住址然后进行分组，就想到把大家的地址点在地图上列出来，这样就很清楚开车的同事与其他人的距离远近；因为大家上报的都是具体的地址，而地图绘点最好是使用经纬值，所以通过location.search来获取。写一下遇到的问题：主要就是多个点搜索时要
2020-10-23 14:26:41
1776
原创 antd使用问题记录
Table1. virtualizedtableforantd用于不分页的长表格优化https://www.jianshu.com/p/fdf127f2967chttps://www.npmjs.com/package/virtualizedtableforantdSelect1. filterOption如果不设置filterOption={false}会导致：即使拿到了最新的...
2020-04-16 20:09:33
988
翻译 如何使用React Hooks获取数据
以下为译文：教程中涉及useState, useEffect, useReducer的使用基础的 HookuseStateuseEffectuseContext额外的 HookuseReduceruseCallbackuseMemouseRefuseImperativeHandleuseLayoutEffectuseDebugValue原文地址（ht...
2020-04-14 14:58:43
1874
原创 根据draft的editorState生成结构化数据用来生成目录
初始化editorState数据const initialState = { blocks: [ { key: _.uniqueId('key'), text: 'H2标题-0', type: 'header-two', depth: 0, inlineStyleRanges: [], entityRanges:...
2020-04-08 11:07:11
729
原创 draft如何创建插件
1、Basic插件只是一个普通的JavaScript对象，其中包含一些更深层的嵌套对象或函数const customPlugin = { blockStyleFn: (contentBlock) => { if (contentBlock.getType() === 'blockquote') { return 'superFancyBlockquote'; ...
2020-04-08 10:39:35
292
原创 基于node启动的json-server的mock API服务，启动后自动读取指定目录中多个json文件，node版本v10LTS
json-server-nodesupport multiply files config基于node启动的json-server的mock系统，启动后自动读取指定目录dbs中的json文件，node版本v10LTSgit clone后直接执行npm start通过nodemon启动服务，可监控dbs文件夹中的任一未被忽略的目录下的json文件的变化，支持自动重启服务服务启动后会自...
2019-05-13 20:00:37
1138
原创 Android Studio Could not resolve com.android.tools.build:gradle:3.2.1.
这个问题搜索了很久首先proxy设置的没问题了其他的基本也没问题其他的搜索结果也试过了最后找到这个
2018-11-21 15:13:16
13485
3
原创 【Highchar】两图联动配置
highchart常用的两图联动配置写法 chart: { type: 'area', plotBackgroundColor: null, plotBorderWidth: 0, plotShadow: false, backgroundColor: 'transparent', spacing: ...
2018-10-31 19:22:04
688
原创 【Highchart】自定义仪表盘配置文件，仪表盘分段及渐变色
highchart配置出仪表盘 chart: { type: 'gauge', plotBackgroundColor: null, plotBackgroundImage: null, plotBorderWidth: 0, plotShadow: false, }, title: null, credits:...
2018-10-31 19:18:24
1447
原创 vscode前端开发相关插件及hotel端口代理工具
1、vscode插件列表 2、vscode内集成终端，便于在当前编辑文件夹中进行一些终端命令操作终端路径即当前项目目录 3、vscode提供调试功能，以nodejs调试为例详细解释操作的博客：https://cnodejs.org/topic/58f376fec749f63d48fe9548 4、hotel工具工具界面：通过http://localho...
2018-08-28 10:29:43
1413
原创 禁止浏览器自动填充用户名
发现中文检索出来的这个问题的答案真的是千篇一律，还是stackoverflow给了我灵感，把autocomplete（react中请用autoComplete）属性设置到form标签中，然后用form标签包裹input，搞定<form autocomplete="off"> <input /></form>...
2018-06-11 11:21:10
1525
原创 react-router（v3）切换页面时不刷新页面，实现显示和隐藏子路由组件
v4版本应该也差不多的解决方法思路很简单：就是在｛this.props.children｝渲染的地方进行处理，根据当前路由名称判断组件显示与隐藏。children即this.props.children;将children保存到全局windows中save = (children) => { this.routeName = children.props.route....
2018-04-04 20:32:28
7525
原创 Uncaught TypeError: __webpack_require__.i(...) is not a function
antd3版本 webpack2 moment2.18.1 出现下面报错时： Uncaught TypeError: webpack_require.i(…) is not a function除了修改项目根目录moment版本为2.18.1之外，还需要修改node_modules中antd文件夹中的package.json中 moment版本也为2.18.1...
2018-03-14 17:12:36
5793
原创 [React Intl] The `Intl` APIs must be available in the runtime
在使用react-intl时，IE10中报了这个错误，报错同时提示查看这个文档：https://formatjs.io/guides/runtime-environments/，结果看了一大天，试了一顿没什么用。最后是在项目的main.js，就是react项目的主入口文件中引入下面的import 'intl';import 'intl/locale-data/jsonp/en';这个
2018-01-25 17:15:47
2225
原创 Highchart在react中使用雷达图
react中引入Highchart的雷达图时，在import中要有以下的写法： github解决方案： https://stackoverflow.com/questions/33241358/how-to-import-highcharts-with-webpack-and-babel补充一个问题，在同一个react项目中，highchartsMore(Highcharts)只能使用一次，...
2017-11-02 16:42:46
2228
原创 css做一个仪表盘
dial-plate.png: pointer.png// react写法!import dialPlate from '../../../../../img/dial-plate.png';import pointer from '../../../../../img/pointer.png';<div styleName="dialPlateContaienr"> <img src=
2017-09-25 17:17:05
3943
原创 clang: error: linker command failed with exit code 1 (use -v to see invocation)
练习Object-c时遇见这个命令，估计是一个软件萌新入门的问题，我的问题就是新建了两个.m文件，每个文件中都有一个main函数，导致了这个问题，老司机莫笑话。。。这种问题stackoverflow估计都不屑，或者会回答的很高深，但是如果时萌新入到这个报错。。。就检查一个main函数吧
2017-09-10 11:01:00
1240
原创 获取 jQuery success 返回值
测试可用var getJson = function (callback) { $.ajax({ url: '../mockData/test.json', type: 'GET', success: callback });} ;getJson(function (res) { console.log(res)})
2016-10-22 19:43:44
1922
原创 Python: ImportError: cannot import name 'BeautifulSoup'
在使用 bs4时遇到这个问题，博客看了一大堆，卸载重装好几遍，最后的问题是，我的文件名叫做 bs4.py，然后好像 python 就懵逼了，改了文件名就特么好了，如果你遇见这个问题，常规的解决都不行，你可以试试这个
2016-10-13 10:27:48
1993
3
原创 React+Webpack打包配置
参考文章：http://www.jianshu.com/p/418e48e0cef1demo 地址：https://github.com/ShadowWalker627/React-Webpack_Demo 如果觉得好，欢迎 start
2016-10-11 09:21:06
6926
原创 virtualBox虚拟机没有64位选项
问题解决： 首先：你要确认你的CPU是64位的，如果是那么继续查看 然后：进入BIOS将 intel virtual technology 设置为 enable 如何进入BIOS，自行百度，根据自己电脑型号搜索一般是开机按F2（联想z470）或者F12
2016-09-14 18:19:53
10719
原创 react ajax 加载阻塞
在动态 render 的时候，数据从后台获取，如果连不上网会阻塞页面加载，在写组件时碰到这个问题。查看 stackoverflow 提供两个方法： 一、将 ajax 请求放到父节点，通过 props 传值，不会造成阻塞代码来自 stackoverflow： http://stackoverflow.com/questions/27192621/reactjs-async-rendering-of-
2016-09-06 21:53:31
3490
转载 BootStrap3.X--Carousel轮播不自动播放问题
先看一下Carousel的正确写法（代码，这里使用的是Bootstrap 3.2版本）：<div id="carousel-ad" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carousel-ad" data-slide-to="0
2016-08-19 17:28:27
4561
原创 Node.js实战（Node.js in Action）书中的代码实现
最近在学习 nodejs，使用吴海星翻译的 Node.js实战，Mike Cantelon, Marc Harter , T.J.Holowaychuk, Nathan Rajllich著 将书中代码一一实现，并将遇到的问题贴出，具体代码和问题都放在 github 上，持续更新…github 地址：https://github.com/ShadowWalker627/NodejsInAction
2016-08-05 16:15:18
3280
3
原创 ng-repeat orderby:notarray
这个问题在1.5版本中会爆出<tr ng-repeat=" item in vm.favoriteList track by $index | orderBy:'-dateTime' ">当我这样写时是报错的，Google 了一下后，得到答案，把 track by $index移到最后就可以了<tr ng-repeat=" item in vm.favoriteList | orderBy:'-da
2016-05-18 00:16:23
1347
2
原创 Bootstrap 实现输入框中的 x 按钮删除文本值
bootstrap 的 form-control提供了一个 form-control-feedback类，用于在输入框中显示一个状态，下面的地址有实例： http://www.w3schools.com/bootstrap/bootstrap_forms_inputs2.asp 如果有多个输入框，那么最好用 div 包裹要加载×号的输入框以及其 lable 标签和 span 或者 a 标签（用于
2016-05-01 23:13:20
14743
6
原创 angularjs在代码中改变了 model 的值，view 却没有更新
理解 Angular 中的 digest()和digest() 和 apply()https://segmentfault.com/a/1190000004523893今天在完成项目任务时，遇到一个问题数据初始绑定时没有问题，然后通过在百度地图 API提供的函数中修改了 model（ng-model 绑定在输入框上），在页面中不能实时更新，但是点击其他的输入框或者按钮时，就可以更新，查看了很多资料后
2016-05-01 10:59:55
11211
2
原创 百度地图 API 使用
百度地图 JavaScriptAPI使用时，一开始使用配置都没问题了，控制台源代码显示 DOM中以后含有百度地图的元素，但是地图不显示。反复查看发现以下问题： 地图会包裹在如下的 div 中<div id="mapDiv"></div>如果这个 div 的父节点是 body，那么要设置 body 和 html 的 width 和 height；如果 div 的父节点是其他的元素，那么久设置其父元素
2016-04-30 14:43:21
387
原创 dotCMS3.3.1--汉化
此汉化教程使用dotCMS3.3.1版本语言设置文件路径： :\dotcms\dotserver\tomcat-8.0.18\webapps\ROOT\WEB-INF\messages这个文件夹里由很多properties格式的文件，Language.properties是默认引用的语言文件，打开这个文件（用notpad或者UE）。默认里面是英文的内容。往下找有个Language_zh_CN.pr
2016-03-24 14:47:59
841
1
原创 dotCMS--下载、配置
dotCMS官网：http://dotcms.com/ 请注意：我使用的是3.3.1版本，之前2代的版本各配置文件路径是不一样的安装步骤： 1、需要下载并按照java，配置java环境变量。！！3.2版本以后需要java8 2、dotCMS不支持其它的jvms，比如 IBM, GNU or JRocket Java 3、解压dotCMS到根目录，方便cmd访问4、**！！！注意：**dotC
2016-03-23 14:59:48
3145
原创 JavaScript引用类型--Function类型
JavaScript中，“函数是对象，函数名是指针”函数通过两种方式定义：函数声明和函数表达式函数声明：function sum(num1, num2){ return num1 + num2;}函数表达式：var sum = function(num1, num2){ return num1 + num2;}两种定义方式却别在于：通过变量名访问函数的时
2016-03-19 15:18:29
315
原创 Bootstrap导航栏下拉菜单鼠标滑过展开
boostrap的导航栏不提供鼠标滑过展开，通过给类为dropdown的li标签添加和移除open类实现$(function () { $(".dropdown").mouseover(function () { $(this).addClass("open"); }); $(".dropdown").mouseleave(function(){
2016-03-17 11:22:18
13411
2
原创 jBPM--GPD中文乱码问题
一、首先检查你的eclipse或者myEclipse，Windows–>Preferences–>Workspace的左下角，Text-file encoding的设置是否为utf-8 二、右键你的项目，选择Properties–>Resource的最底部，检查设置，Text-file encoding的设置是否为utf-8 三、右键你的xx.jpdl.xml文件，检查Text-file enc
2016-03-15 19:41:11
569
原创 MySQL5.7--windows免安装版注意问题
按照以前5.6版本安装mysql，在启动服务时报错：MSQL服务无法启动。服务没有报告任何错误。请键入NET HELPMSG 3534 以获得更多的帮助。最新的mysql免安装版5.7，解压缩之后没有data文件夹，需要在命令行CMD中执行执行一步初始化mysqld --initialize 修改解压缩目录下的my-default.ini文件配置：#绑定IPv4和3306端bind-addr
2016-03-15 15:07:39
1312
原创 CSS--display属性
适用于所有元素none： 隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间 inline： 指定对象为内联元素。 block： 指定对象为块元素。 list-item：
2016-03-15 14:56:17
357
原创 CSS选择器
《精通jquery》笔记 CSS选择器分为： 核心选择器，属性选择器，关系选择器，伪元素和伪类选择器，联合选择器和反选择器* 选择文档中所有元素type> 选择特定类型元素.class>
2016-03-10 19:47:57
398
原创 下拉菜单被挡住问题
两种解决方案： 设置position和z-index，z-index依赖定义了position为非static的元素 查看下拉菜单所在div的overflow不应该设置
2016-03-07 11:03:59
1780
转载 JS操作cookie
项目中用过的代码，是从别的地方拷来的，还望作者见谅function getCookie(c_name){ if (document.cookie.length>0) { c_start=document.cookie.indexOf(c_name + "="); if (c_start!=-1) { c_sta
2016-03-05 16:30:23
317
原创 js将long日期格式转换为标准日期格式
为什么会需要解决这个问题呢，是因为后台传到前端的数据是long型的，而这个后台是我改不动的，所以只能在前端处理数据，我感觉最好是在后台将数据格式处理好，个人见解项目中后台从数据库取到的日期格式如下："superviseStartDate":{"date":7,"day":1,"hours":0,"minutes":0,"month":11,"nanos":0,"seconds":0,"time":1
2015-12-09 21:04:09
890
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人