前端
Baymax627
这个作者很懒,什么都没留下…
展开
-
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 · 2652 阅读 · 5 评论 -
百度地图API 实现多个已知地址的同时展示
用到的API类:IconLocalSearchLabelPointMarkerNavigationControlOverviewMapControl具体的使用就不赘述了写这个的背景:公司要一起出去TB,然后选择了自驾,就要收集大家的住址然后进行分组,就想到把大家的地址点在地图上列出来,这样就很清楚开车的同事与其他人的距离远近;因为大家上报的都是具体的地址,而地图绘点最好是使用经纬值,所以通过location.search来获取。写一下遇到的问题:主要就是多个点搜索时要原创 2020-10-23 14:26:41 · 1888 阅读 · 0 评论 -
antd使用问题记录
Table1. virtualizedtableforantd用于不分页的长表格优化https://www.jianshu.com/p/fdf127f2967chttps://www.npmjs.com/package/virtualizedtableforantdSelect1. filterOption如果不设置filterOption={false}会导致:即使拿到了最新的...原创 2020-04-16 20:09:33 · 1145 阅读 · 0 评论 -
如何使用React Hooks获取数据
以下为译文:教程中涉及useState, useEffect, useReducer的使用基础的 HookuseStateuseEffectuseContext额外的 HookuseReduceruseCallbackuseMemouseRefuseImperativeHandleuseLayoutEffectuseDebugValue原文地址(ht...翻译 2020-04-14 14:58:43 · 1957 阅读 · 0 评论 -
draft如何创建插件
1、Basic插件只是一个普通的JavaScript对象,其中包含一些更深层的嵌套对象或函数const customPlugin = { blockStyleFn: (contentBlock) => { if (contentBlock.getType() === 'blockquote') { return 'superFancyBlockquote'; ...原创 2020-04-08 10:39:35 · 321 阅读 · 0 评论 -
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 · 7585 阅读 · 0 评论 -
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 · 5857 阅读 · 0 评论 -
[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 · 2248 阅读 · 0 评论 -
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 · 2265 阅读 · 0 评论 -
禁止浏览器自动填充用户名
发现中文检索出来的这个问题的答案真的是千篇一律,还是stackoverflow给了我灵感,把autocomplete(react中请用autoComplete)属性设置到form标签中,然后用form标签包裹input,搞定<form autocomplete="off"> <input /></form>...原创 2018-06-11 11:21:10 · 1547 阅读 · 0 评论 -
vscode前端开发相关插件及hotel端口代理工具
1、vscode插件列表 2、vscode内集成终端,便于在当前编辑文件夹中进行一些终端命令操作终端路径即当前项目目录 3、vscode提供调试功能,以nodejs调试为例详细解释操作的博客:https://cnodejs.org/topic/58f376fec749f63d48fe9548 4、hotel工具工具界面:通过http://localho...原创 2018-08-28 10:29:43 · 1441 阅读 · 0 评论 -
【Highchart】自定义仪表盘配置文件,仪表盘分段及渐变色
highchart配置出仪表盘 chart: { type: 'gauge', plotBackgroundColor: null, plotBackgroundImage: null, plotBorderWidth: 0, plotShadow: false, }, title: null, credits:...原创 2018-10-31 19:18:24 · 1514 阅读 · 0 评论 -
【Highchar】两图联动配置
highchart常用的两图联动配置写法 chart: { type: 'area', plotBackgroundColor: null, plotBorderWidth: 0, plotShadow: false, backgroundColor: 'transparent', spacing: ...原创 2018-10-31 19:22:04 · 733 阅读 · 0 评论 -
基于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 · 1175 阅读 · 0 评论 -
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 · 4059 阅读 · 0 评论 -
获取 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 · 1944 阅读 · 0 评论 -
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 · 910 阅读 · 0 评论 -
Bootstrap导航栏下拉菜单鼠标滑过展开
boostrap的导航栏不提供鼠标滑过展开,通过给类为dropdown的li标签添加和移除open类实现$(function () { $(".dropdown").mouseover(function () { $(this).addClass("open"); }); $(".dropdown").mouseleave(function(){原创 2016-03-17 11:22:18 · 13490 阅读 · 2 评论 -
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 · 331 阅读 · 0 评论 -
下拉菜单被挡住问题
两种解决方案: 设置position和z-index,z-index依赖定义了position为非static的元素 查看下拉菜单所在div的overflow不应该设置原创 2016-03-07 11:03:59 · 1822 阅读 · 0 评论 -
JavaScript引用类型--Function类型
JavaScript中,“函数是对象,函数名是指针”函数通过两种方式定义:函数声明和函数表达式函数声明:function sum(num1, num2){ return num1 + num2;}函数表达式:var sum = function(num1, num2){ return num1 + num2;}两种定义方式却别在于:通过变量名访问函数的时原创 2016-03-19 15:18:29 · 329 阅读 · 0 评论 -
CSS选择器
《精通jquery》笔记 CSS选择器分为: 核心选择器,属性选择器,关系选择器,伪元素和伪类选择器,联合选择器和反选择器* 选择文档中所有元素type> 选择特定类型元素.class>原创 2016-03-10 19:47:57 · 416 阅读 · 0 评论 -
CSS--display属性
适用于所有元素none: 隐藏对象。与visibility属性的hidden值不同,其不为被隐藏的对象保留其物理空间 inline: 指定对象为内联元素。 block: 指定对象为块元素。 list-item:原创 2016-03-15 14:56:17 · 400 阅读 · 0 评论 -
angularjs在代码中改变了 model 的值,view 却没有更新
理解 Angular 中的 digest()和digest() 和 apply()https://segmentfault.com/a/1190000004523893今天在完成项目任务时,遇到一个问题数据初始绑定时没有问题,然后通过在百度地图 API提供的函数中修改了 model(ng-model 绑定在输入框上),在页面中不能实时更新,但是点击其他的输入框或者按钮时,就可以更新,查看了很多资料后原创 2016-05-01 10:59:55 · 11259 阅读 · 2 评论 -
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 · 1374 阅读 · 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 · 14884 阅读 · 6 评论 -
百度地图 API 使用
百度地图 JavaScriptAPI使用时,一开始使用配置都没问题了,控制台源代码显示 DOM中以后含有百度地图的元素,但是地图不显示。反复查看发现以下问题: 地图会包裹在如下的 div 中<div id="mapDiv"></div>如果这个 div 的父节点是 body,那么要设置 body 和 html 的 width 和 height;如果 div 的父节点是其他的元素,那么久设置其父元素原创 2016-04-30 14:43:21 · 413 阅读 · 0 评论 -
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 · 4608 阅读 · 0 评论 -
react ajax 加载阻塞
在动态 render 的时候,数据从后台获取,如果连不上网会阻塞页面加载,在写组件时碰到这个问题。查看 stackoverflow 提供两个方法: 一、将 ajax 请求放到父节点,通过 props 传值,不会造成阻塞代码来自 stackoverflow: http://stackoverflow.com/questions/27192621/reactjs-async-rendering-of-原创 2016-09-06 21:53:31 · 3524 阅读 · 0 评论 -
React+Webpack打包配置
参考文章:http://www.jianshu.com/p/418e48e0cef1demo 地址:https://github.com/ShadowWalker627/React-Webpack_Demo 如果觉得好,欢迎 start原创 2016-10-11 09:21:06 · 6947 阅读 · 0 评论 -
bootstrap-table插件数据加载方式
jquery ajax bootstrap-table赋值原创 2015-12-08 14:16:49 · 41895 阅读 · 2 评论