- 博客(68)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 umi 打包快速的方法 救急使用
在package.json 里面写上这么一行代码即可 "scripts": { "start": "umi dev", "build": "cross-env $COMPRESS=none umi build", "prettier": "prettier --write '**/*.{js,jsx,tsx,ts,less,md,json}'" },重点是 cross-env $COMPRESS=none前提是要提前安装 cross-env包“cross-env”
2021-08-26 16:50:35
1263
原创 umi根据后台传过来的菜单动态渲染路由
项目记录使用同一个模板的路由有属性说明默认值IndexListView业绩指标（未改版前）、经营业绩 经营质量 现金流分析 降杠杆减负债、房地产、PPP 、业务概况（海外）Business板块分布（海外）业务分布OtherListView两金集中管理（其他：金融业务）、信贷管理（其他：金融业务） 创新金融（其他：金融业务） 担保管理（其他：金融业务） 科技创新（创新发展）、人员概况（创新发展）...
2021-05-14 09:25:08
3664
原创 初始化一个组件库的步骤（dumi）
dumi的官网（dumi）推荐了三种初始化方法我比较推荐第一种下图是我的初始化 步骤第一种安装完成运行起来首页是这样的比较简洁，适合平常开发使用同时官网还推荐了一样个初始化仓库我下载下来后运行是这样的首页 还得点击components菜单才会跳转到咱们需要的用第一种初始化一个组件库以后就可以进行单个组件的开发了...
2021-01-05 10:02:00
1043
原创 CSS实现呼吸灯效果
实现效果HTML<div class="breathe-btn"></div>CSS/*resize*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,menu { margin:0; padding:0;}body { font-size:12px; -webkit-text-size-adjust:none; font-family:Arial,Helv
2021-01-04 14:11:49
1631
原创 谷歌浏览器12px以下字体不作用的问题
HTML代码<div style="margin-top:100px;"> <div class="word"> 北京欢迎你！ </div> </div>css代码 .word { font-size:9px !important; -webkit-transform:scale(0.75);}.word:hover { font-size:12px !important; -
2021-01-04 14:03:20
102
原创 ReactNative 相关
1、使用adb 打印log日志并输出的命令行adb logcat -s ReactNative:V ReactNativeJS:V > E:/ADBLG/log.txt
2020-10-12 14:23:51
70
原创 typeDoc使用记录
我使用的是gulp-typedocgulp-typedoc参考文档typescript文档化工具——Typedoc记录坑1、找不到typescript模块 但是 我用yarn typescript -v 是可以看到typescript的版本号的然后我就尝试重新 yarn add typescript 安装完成后重新 yarn gulp typedoc 结果就成功了就能狗看到根目录有了doc文件夹 打开以后是点击globals.html就能看到我们用typescript编写的函数了（我
2020-08-31 13:59:46
1541
原创 ArcGis 10.4软件使用记录
近期我又要进行地理数据的修正了 用来在页面上话立体的中国地图 然后我惊奇的发现我原来学的ArcGis软件知识已经被我忘得一干二净了 又是各种百度 我还是老老实实写个博客记录下吧 等下次用的时候直接找我自己博客就行1、导入文件 我一般是导入shp类型的文件在图层上右击选择添加数据点击链接到文件夹 找到你存放shp文件的地方然后点击添加就行了导入后如下图然后点击编辑器的“开始编辑”就能对这个数据进行操作了 下面写几个我常用的操作1.1、消除多余的小岛如海南的三沙市首先要将三沙市的这些
2020-07-16 17:09:43
991
原创 用React做移动端的项目记录
最近做了一个关于移动端的项目 刚接触的时候以为是要用ReactNative这种写呢 结果大佬跟我说 我们现在做的这个项目就类似于在手机浏览器中打开页面 然后只是套了一个APP的外壳 用React写就足够了先分享一些用到的实用组件或者插件吧1、吹爆antd呀 移动端也涉及了 我用的最多的比如菜单栏啦 tab页啦 的组件都是来自于antd的（当然有些改antd的太费劲了我就自己手写组件了哈哈哈哈哈） 下面放上网址Ant Design Mobile of React2、项目中需要添加一下数据分...
2020-06-10 12:04:34
1127
原创 新建一个umi-block（区块）的步骤
项目需要 要新建一个区块作为目录 每个区块独立运行，刚拿到手一脸懵逼，赶紧去umiJS官网官网地址查看了下文档 上面说用yarn create umi --type=block 这个命令行可以进行新建区块 感觉so easy 然后就兴致冲冲的去我的文件夹目录新建了个文件夹 用了这个命令 结果 报错了 我的心好痛又去网上搜索找半天终于找到个可以解决的办法 赶紧来CSDN记录一下首先全...
2020-01-06 14:49:59
3487
3
原创 处理前端的npm install时的数据源问题
首先用命令行启动 npm config edit 会弹出一个记事本文件 在记事本文件中进行修改或者 运行命令行npm config ger registry //查看项目中的npm数据源npm config set registry https://registry.npm.taobao.org//设置registry...
2019-12-20 10:49:09
361
原创 React-Draggable组件使用时遇到的问题
最近使用react-draggable来满足项目上要进行表格拖拽的要求，在使用过程中发现再第一次使用拖拽的时候位置是不对的，会跳到页面的左上角也就是位置(0,0)，很突然，后来大佬帮忙解决的问题出现在这个表格我同时还是用了dom-align来初始化第一次的位置，这个dom-align使用了一个参数，useCSSTransform 就是这个参数 导致React-draggable初始化的时候不对，因...
2019-12-02 14:34:16
4566
原创 当页面中有两个相同组件渲染的dom时的区分方法
情景如下：一个页面中有两个Drawer，渲染的dom相同 但是数据不同，有个需求是点击左右按钮滑动一个表格第一次：首先想到的时候找id但是没有动态赋予id这就是一个页面中有两个id相同的表格通常是点击第二个drawer上的左右按钮时第一个drawer的表格进行了滚动-_-！！！第二次：自己想了个很笨的办法勉强实现了这一功能，我的方法是一层层的找不同的class 2333 找到classLis...
2019-11-29 18:01:16
1068
原创 maptalks更换底图的笔记
最近使用maptalks的时候需要更换一下地图的底图，在官网上找到了例子，这里记录下先放链接 maptalks官方示例使用方法非常简单var imageLayer = new maptalks.ImageLayer('images', [ { url : '1.png', extent: [-0.118542...
2019-11-29 10:41:21
1812
原创 关于表格搜索聚焦的一种实现方法
最近项目上需要一个功能，在一个表格中搜索某个科目名称，并且将该行滚动到表格的首行，大佬帮忙想了好多中实现方法，现在写下我使用的的一种1、实现思路1.1找到一个表格中的dom组件，在这个组件上写上唯一的id,然后搜索进行完以后，对该表格数据进行遍历，生成一个数组，存放所有符合的行id.，然后选取第一个的id1.2 找到可以进行滚动的那个dom 的id，设置该dom的scrollTop为0 这...
2019-11-27 17:25:21
395
原创 npm intall一直报错
最近项目的弄install 一直在报错还没找到解决办法报这个错误，然后项目中的node-module文件夹只有.d\staging文件夹 找半天没找到办法 挖个坑解决了再来填坑...
2019-10-22 14:37:52
194
原创 mapshaper使用记录
要分离出某个省的个别区域 先用disslove命令行进行合并举例把无锡和苏州市在江苏省分离出来步骤为：1、在区域选择器网页选择下载江苏省的json数据然后打开json数据进行编辑，在需要合并的json串中加入"alias":“无锡区域”,保存后将这个json导入mapshaper这个网页 点击右上角Console调出控制台，输入命令行然后就能得到文件 无锡区域.json 得到的...
2019-10-09 20:01:57
3964
原创 Echarts____坐标轴的名称显示不全，换行操作
实现效果如图 X轴的名称是可以换行的，具体代码是：{ gridIndex:2, data:xAxisData3, axisLabel:{ ...
2019-08-09 16:52:41
3889
原创 关于前端下载图片打压缩包的办法---JSZip
最近项目需求是要将echart图片批量下载下来并且打包成zip包咨询公司大佬以后给了个解决办法 用jsZip这个工具git地址是：https://stuk.github.io/jszip/简单好用非常好理解，只需要引入jsZip以后将要下载的图片的base64码、图片名称、图片类型等传入就好了具体代码附上import JSZip from 'jszip';const zip = ne...
2019-08-08 16:55:25
2746
原创 dva+react页面分条件渲染组件
今天遇到一个难题 想要根据id值得不同来渲染不容的echart图表 在网上找了好久以后找到了一个方法即 用元素变量的方法 具体如下 let chart = null; if(this.state.whichChart == 1){ chart = <BasicCharts {...barLineProps}/> ; };...
2019-06-18 18:00:10
359
原创 从SVN上下载项目到启动项目
从svn上下载项目的步骤1、在要下载的文件夹中右键点击svnCheckout 弹出对话框，如图所示2、在URL ofrepository 中添加svn的地址 在checkout directory中填入本地的文件夹地址，最好前后台在一个文件夹中 点击 HEAD revision 然后点击ok 等待下载完成。一般来说文件名称带web的就是后台代码所在的文件夹运行一个带后台的项目的操作步...
2019-06-12 11:50:37
22625
原创 Echart——堆叠柱状加折线图
效果如下：代码如下:app.title = '堆叠柱状图';option = { tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器，坐标轴触发有效 type : 'shadow' // 默认为直线，可选为：'line' | 'sh...
2019-06-12 10:16:50
5470
原创 EChart ———一个柱状三个折线
效果如下Y轴只显示数值不显示竖线，没有网格线代码：app.title = '折柱混合';option = { tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: ...
2019-06-12 09:58:03
755
原创 EChars 图表——并列柱状图
效果如下：实现代码如下：option = { legend: {//标注位置 orient: 'vertical', x: 'right', y:'center' }, tooltip: {},//提示线 dataset: {//数据设置 source: [ ['product',...
2019-06-12 09:17:08
2194
原创 BizChart常用设置
1、设置坐标轴为实线<Axisname=‘新签合同额’label={{formatter:value => value + ‘亿’}} line={{//坐标轴为实线 stroke: "#848484" }} />
2019-06-12 09:09:28
3636
原创 用div来设置下拉的展开列表并添加scrollbar
用div来设置下拉的展开列表1.设置数据源let moreListItem = [ { status:'warn', name:'中海集团 资产负债率', value:'87.7%' }, { status:'d...
2019-04-04 10:48:08
480
原创 DVA踩坑
1、 Cannot find module ‘escape-string-regexp’像这种找不到模块的 很有可能是npm安装时文件损坏解决方法：首先将node升级到最新版本 然后把npm的版本也升级到最新的$cnpm i -g cnpm //在国内使用cnpm这个淘宝镜像是速度最快而且下载文件也很完整 所以最好全部把npm代替成cnpm 这样也会减少出错然后 清除缓存 $cnpm c...
2019-03-19 16:59:35
569
2
原创 AJAX学习
AJAX是基于现有的Internet标准AJAX是基于现有的Internet标准，并且联合使用它们：XMLHttpRequest 对象 (异步的与服务器交换数据)JavaScript/DOM (信息显示/交互)CSS (给数据定义样式)XML (作为转换数据的格式)AJAX应用程序与浏览器和平台无关的！XMLHttpRequest 是 AJAX 的基础。所有现代浏览器均支持 X...
2019-03-19 11:05:27
79
原创 React 学习总结
学习了react的顶层API和组件API 对这些方法有了新的系统的认识，在阅读他们的简介时有时候会有困难 读了好几遍才懂复习了组件的生命周期，以前学过有个很好的图片示例 贴在了下面方便理解，对一些生命周期函数以及可以在方法中进行的操作有了大致的理解下面是我在网上找到的一些知识点的总结 也加入了一些自己的标记为方便以后学习查阅日期：2019/3/11React顶层APIReactRea...
2019-03-19 09:44:17
250
原创 ES6学习总结
ES6学习总结1.ES6的新特性1.1不一样的变量声明：增加了块级作用域 增加了let和const两个变量类型 规定了只有声明这个变量以后才可以使用 如果没有声明就使用会爆referenceError1.2模板字符串：基本的字符串格式化。将表达式嵌入字符串中进行拼接，用${}来界定 反引号（``）1.3箭头函数 使用括号包裹参数，跟随一个=> 紧接着是函数体 箭头函数最直观的三个特点...
2019-03-18 17:21:07
283
原创 React 商品流加订单评价功能实战
在敲代码时遇到的坑：1、再为评分的几颗星添加类名时 两个类名之间是需要添加空格的 在React中 添加空格可以这样 {“ ”}所以我的解决办法就是return &lt;span className={"orderItem__stars" +" "+ lightClass} onClick={this.handleClickStars.bind(this,item)} key={index...
2018-12-12 17:26:39
467
原创 React表单详解
不可控组件和可控组件介绍不可控组件如下：&amp;lt;input type=&quot;text&quot; defaultValue=&quot;Hello World&quot;/&amp;gt;input元素中有个默认值 为HelloWorld这个字符串 我们知道React组件是将数据绑定到状态中 如上给input元素直接绑定了默认值 这样有可能使元素的值和组件中状态绑定的
2018-12-10 17:21:19
175
原创 React 组件协同之Mixin
1、Mixin的含义Mixin = 一组方法（函数）Mixin的目的是横向抽离出组件的相似代码相似概念：面向切面编程、插件2、优缺点优点：代码复用：抽离出通用代码，减少开发成本，提高开发效率即插即用：可以直接使用许多现有的Min新来编写自己的组件适应性强：改动以此代码，影响多个组件缺点：编写难度高：Mixin可能被用在各种环境中，兼容多种环境就需要更多的逻辑和代码，通用的代价是...
2018-12-02 19:47:50
301
原创 React 组件协同使用之组件嵌套
1、组件嵌套的含义组件嵌套的本质是父子关系父组件与子组件的通信关系父组件通过属性与子组件通信子组件向父组件通信是一个间接的关系 父组件中的事件处理函数被子组件触发 子组件触发事件后 然后父组件进行处理 比如 子组件有个点击事件Click 然后父组件有个handelClick函数 并且通过属性传递给子组件 然后子组件会绑定到自己的点击事件上 当子组件进行点击事件的时候触发的就...
2018-12-02 15:56:47
205
原创 React组件的协同使用
什么是组件协同使用组件的协同本质上是对组件的一种组织和管理方式目的：逻辑清晰代码模块化封装细节代码可复用如何实现有两种方法 第一种嵌套实现封装使用一个父组件来包含所欲的子组件第二种抽离实现复用找出子组件的共同点...
2018-12-01 19:00:42
134
原创 React事件处理函数的使用 绑定事件处理函数
触摸事件：一般在移动设备中onTouchCancelonTouchEndonTouchMoveonTouchStart键盘类的事件onKeyDownonKeyPressonKeyUp剪切类事件onCopyonCutonPaste表单类事件onChangeonInputonSubmit,一般用于禁止表单的默认事件 因为表单在提交的时候默认是会跳转页面 当我们不希望页...
2018-12-01 17:33:01
289
原创 事件对象介绍
事件对象使用方法handleChange:function(event){ console.log(event.target.value);}event：即为事件对象target：事件对应的DOM元素event.target：事件对象的属性不同事件对象介绍1、通用（所有的事件对象都有的属性）：boolean bubbles(事件是否可以冒泡)bollean cancelab...
2018-11-30 21:42:00
406
原创 React属性和状态实战
项目分析编写一个简单的文章评论框分析构成项目的组件评论框评论的内容 评论框为父组件分析组件的关系及数据传递父子组件之间得传递一个评论对象的数据编写代码...
2018-11-30 17:35:52
116
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人