- 博客(46)
- 收藏
- 关注
RSS订阅转载 电脑测试，模拟微信内置浏览器Firefox/chrome
在 Chrome 中模拟微信内置浏览器微信和 QQ 内置浏览器 UA安卓 QQ 内置浏览器 UA:Mozilla/5.0 (Linux; Android 5.0; SM-N9100 Build/LRX21V) > AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 > Chrome/37.0.0.0 Mobile Safari/537.36 V1_AND_SQ_5.3.1_196_YYB_D > QQ/5.3.1.2335 NetT
2021-10-11 17:57:04
2571
1
原创 ideal+本地数据库
1.安装mysql2.进入mysql： mysql -u root -p show databases; // 显示目前存在的数据库 create database sasWeb; //创建新的数据库 use sasWeb; //使用sasWeb source /Users/dolores/projects/mysqlDatabase/Dump20201019.sql 导入数据库3. 在ideal中修改配置，链接本地数据库 打开db.propert...
2021-03-23 16:55:55
441
原创 antd+qiniu React上传图片到七牛服务器
import React, { useState, useEffect } from 'react';import PropTypes from 'prop-types';import axios from 'axios';import * as qiniu from 'qiniu-js';import { Drawer, Form, Button, Input, Row, Col, message, Checkbox, Select } from 'antd';import WangEdito.
2020-10-16 10:21:48
804
原创 antd--table随笔
react+react-sage+react-redux+react-routerTable中loading如果使用saga不好处理，可以这样做 <Table className="table" columns={this.columns} loading={this.getLoading()} dataSource={this.getDataSource()} rowKey="id" pagination
2020-09-28 20:02:33
168
原创 antd-随笔-form表单相关
1.form+radio.group想设置默认值，需要在form的initialvalues中设置2.form表格的submit，如果想设置其余参数，那就不要使用form.submit，使用外部传入的submit方法：const handleSubmit = () => { form.validateFields().then(() => { ...
2020-09-21 16:28:43
605
原创 赛事状态判断逻辑
1.是否上下架（已下架）2.是够报名已关闭（全部分组都关闭时是报名已关闭状态） //状态不需要3.报名未开始/报名中/报名已结束/活动已结束 //人员已满
2020-09-15 19:47:02
200
原创 js根据当前日期计算最近n/6个月的总天数
var nowDate=new Date(); var nowDate=new Date(nowDate.getFullYear(),nowDate.getMonth(),nowDate.getDate()); var preDate=new Date(nowDate.getFullYear(),nowDate.getMonth()-6,nowDate.getDate()); var days=(nowDate.getTime()-preDate.getTime())/(1000*60*60*.
2020-09-14 17:24:23
459
1
原创 useImperativeHandle的使用 useImperativeHandle + rc-form 的使用
useImperativeHandle的作用是，在hook中实现父组件调用子组件中的函数或方法。要搭配React.forwardRef将子组件包裹。下面是代码实现：子组件function Child(props, ref){ const [a, setA] = useState(0); const getA(){ return a; } useImperativeHandle(ref, ()=>{ return a;}), [
2020-08-11 11:48:17
744
原创 freemaker常用功能[下载，函数，split(“, “) ]
1.freemaker中a标签强制下载 【?attname=${e?url}】<a href="${(e)!''}?attname=${e?url}" download target='_blank'>${o.fieldName}下载</a>2.freemaker中string变array 【?split()】<#assign time = e?split(':') /><#list time as t> <#if t_ind
2020-07-07 20:23:33
256
1
原创 idea快捷键（选择、搜索）
windows：Add/remove a selection:Alt+Shift+Mouse ClickSelect/unselect the next occurrence:Alt+J/Shift+Alt+J(Ctrl+G/Shift+Ctrl+G) for Mac OS X)Select all occurrences:Shift+Ctrl+Alt+J(Ctrl+Cmd+Gfor Mac OS X)Clone caret a...
2020-06-23 17:55:46
777
原创 moment.js中时间管理相关API
两个日期/时间的时差：moment(endTime).diff(moment(startTime), 'years')moment(endTime).diff(moment(startTime), 'months')moment(endTime).diff(moment(startTime), 'days')//开始时间和结束时间的时间差，以“天”为单位；moment(endTime).diff(moment(startTime),'minutes' )moment(endT...
2020-06-09 15:46:52
511
原创 react路由如何传递多个参数，并获取多个参数
应用场景：需要传递多个参数，但是只在url中显示其中一个，其他参数在props中获取：使用函数组件HOOKS：使用js添加到路由props.history.push({pathname: '/function/insurances/buy/' + props.caseCode, state: { eventId: eventId, eventTitle: eventTitle, reason: '' .
2020-06-06 10:37:07
4631
原创 From.List用法详解
1.Form.List用法好处：可以使用antd中自带的验证。2.不可控组件，用法简单使用栗子：https://codesandbox.io/s/wonderful-lichterman-br63z?file=/index.js:1723-1742可在form中加入初始值：Form.List中可以有多个字段，name要定义为 name={[field.name, "lastName"]} //第二项是组内设置的name值 fieldKey={...
2020-05-29 13:13:57
13185
12
原创 react 字符串与组件（JSX）如何拼接？
相信大家在开发中都遇到过这种问题<a onClick={this.expandFilter} >{isExpanded ? '展开' : '收起'} {isExpanded ? <UpOutlined/> : <DownOutlined/>}</a>点击展开和收起时更新a标签中对应的内容，不过因为符号是一个组件，不能简单的处理，其实只需要在外层添加一个div就可。<a onClick={this.expandFilter} >{i
2020-05-28 13:57:02
3887
原创 react-Dnd 简单拖拽 主要Api
React DnD使用数据而不是视图作为事实来源，本质上是将拖动的数据描述为对象，不操作实际domAPI：1、项目和类型：这些类型使您可以指定兼容哪些拖动源和放置目标type: 'box' //自定义（类型非常有用，因为随着应用程序的增长，您可能希望使更多的东西可拖动，但是您并不一定希望所有现有的放置目标突然开始对新项目做出反应。）2.监控器：监视器使您可以响应于拖放状态更改来更新组件的道具。对于需要跟踪拖放状态的每个组件，您可以定义一个收集函数，该函数从监视器中检索其相关位//mi
2020-05-20 14:38:17
1037
原创 antv + G2，如何redux-saga+ G2
1.定义一个全局chart，方便使用chart.changeData(newData)2.定义chart时，原始数据不能为空，并且结构要与newData结构相同3. scale（度量）、 legend（图表）、tooltip（提示）、axis（坐标轴）都可以自定义const data = [ {PV: 0, IP: 0, time: ''} ]; //必须设置相同的数据结构的数据才能使用changeData const chart = n
2020-05-12 18:57:57
399
原创 重启mac或者nginx还需要必须打开的一个mac端口转发服务
1.当mac重启时，有些服务电脑会自动重新启动，而有些服务则需要手动执行一些启动命令，比如端口转发。http://shaofan.org/mac-bind-80-port/（系统升级到10.15.3以上，系统会自动把端口转发配置文件清理掉，按照网址上操作一下就好了）###具体步骤sudo vim /etc/pf.conf添加 rdr on lo0 inet proto tcp f...
2020-02-25 10:21:01
351
原创 freemaker变量格式?string ?html ?url freemaker语法入门
1.使用布尔值变量 ？c布尔值变量可直接用于判断<#ifunPaid>未付款<#else>已付款</#if>${unPaid?c} 就会显示出字符串true or false2.处理含有单双引号的字符串，使用？js_string?js_string，具体案例：https://mp.csdn.net/postedit/100115574...
2019-12-06 14:08:04
466
原创 前端post请求时，富文本中&被截断为多个参数
1.问题描述：获取到的富文本，直接将content赋值为到data中，此时“&”会自动截断为每个提交的参数。vardata=$("#form").serialize();解决方案：1.使用form的submit（）方法。2.使用$.post()，将参数一个个传进去$.post({ id: id, content: content})3....
2019-10-29 16:32:22
1741
原创 合理利用Object.defineProperty(obj, prop,{})，使页面中prop的值实时更新
Object.defineProperty(userData,'isLogin',{value:true,writable:true,configurable:true,enumerable:true});利用...
2019-10-18 15:21:20
196
原创 利用canvas画百分比圆环
var c1 = document.getElementById('data-user'); var ctx = c1.getContext("2d"); function getRads (degrees) { degrees = degrees - 90; return (Math.PI * degrees) / 180; } ...
2019-10-18 15:15:41
350
原创 前端上传文件时，使用form表单上传，或ajax
上传文件时，有两种提交方法：使用form的submit事件，必须有enctype="multipart/form-data"参数使用ajax，合理使用var data = new Formdata($('form')[0])；此时可使用data.get('file')，和data.set('file', obj)，来修改每次上传的参数等（例如使用七牛云上传图片，每个文件对应一个token，...
2019-10-18 15:11:58
671
原创 cmd命令行打开nginx文件夹并重启nginx
win + RcmdD:cd /envrionmentcd nginx-1.14.0start nginx.exe //启动nginxnginx -t //nginx 是否成功nginx -s reload //重启nginx
2019-10-18 15:00:18
3615
原创 使用kindeditor，自定义上传组件，使图片上传到七牛云
首先，自定义组件时要么直接修改plugins下的image.js，要么就把plugins组件内容删掉，不然修改好的kindeditor-all.js会自动恢复。（采坑记，幸好我有备份，不然真的想死了）我选择的是直接在kindeditor-all.js中修改，因为依赖到的函数也需要修改一部分。KindEditor.plugin('image', function (K) { var se...
2019-10-17 10:37:43
818
原创 gulpfile.js 项目配置
gulpfile.js 配合 package.json使用首先，使用确定项目使用gulp自动化工具。1.创建项目文件夹，project1，打开此文件夹，查看是否安装了node -v2.git bash here , npm init，创建package.json配置文件3.npm install gulp --save-dev 安装gulp4.创建gulpfile.js...
2019-09-06 10:00:32
1772
原创 freemaker中如何处理含有单双引号字符的字符串
问题：数组中每一项由字符串组成，其中有一项字符串中含有 '，导致出错；解决：var menus = [<#list menus as m>[${m.id}, '${m.name}', '${m.typeCode}']<#if m_has_next>,</#if></#list>];var menus = [[59277, '活动...
2019-08-28 11:23:34
2425
原创 js资源导出（导出表格）
$('#exportExcel').click(function(){ doExportExcel(); }) function doExportExcel() { var a = document.createElement('a'); a.href = '/admin/rest/other...
2019-08-28 10:53:58
128
原创 渡一教育之银行家算法（工作后写果然简单很多）
function banker(num) { var len = num.length, result = ''; for (var i = 0; i < len; i++) { if ((!+num[i] && +num[len - 4]) || (!+num[...
2019-08-15 16:01:36
202
原创 记html2canvas采坑记，为何生成的canvas样式与html中的不同
目标：1.想要让canvas中的图片正常显示，不能使用backgroundImage，而且最好不要使用div嵌套img标签，直接使用img。2.能不使用定位就不使用定位（最好用margin、padding表现dom元素的位置），如果想使用，就在此定位元素外嵌套一个position：relative的标签。(大神告诉我用定位是最好的，下次测试一下，margin/padding需要计算的东...
2019-07-18 16:57:52
2526
1
原创 微信小程序开发之-自定义导航栏
1.设计要求：（完成导航栏左边样式-达到一步返回首页等需求）设计过程：开发一个navbar组件navbar.wxml:<view class='nav-wrap' style="padding-top:{{paddingTop}}px;height:{{navHeight}}px;"> <!-- // 导航栏 中间的标题 --> <v...
2019-07-16 15:39:13
477
原创 intelliJ idea设置sass自动编译
1.首先crtl+alt+s，在Plugins组件中搜索file watchers，如果没有就点击下面按钮“Install JetBrains plugins”，搜索“file watchers”安装并重启idea。2.如果有file watchers组件，就在tools中点击此选项，点击右侧“+”，选择scss。program：一般是c盘，ruby文件夹，\bin\sass....
2019-06-21 18:33:31
3588
1
原创 toHtml() ----- 将节点树输出为html文件
function toHTML(node){ var result = ''; if(node.nodeType == 1){ var tagName = node.tagName.toLowerCase(), attrs = node.attributes,...
2019-06-20 14:08:10
2388
原创 图片上传之webuploader和qiniuUploader
1、身份证上传（包括手持、正反面，即不同的上传按钮，单次上传一张图片）jade上传文件部分代码.form-group.required.identify label(for="identityPhotos") 证件照片： .img-btn-wrap .img-btn.img-btn1 img(src="./img/review/review...
2019-06-20 13:56:12
1850
原创 js底层原理(为什么vue逐步代替jq）
1.操作DOM是昂贵的（操作DOM会导致重排和重绘）2.js和DOM是两种东西，每次连接都需要消耗性能。【js和DOM存在不同的文件中，例如chorme，使用webCore库来渲染页面，单js引擎是V8】浏览器渲染过程：1.解析HTML，构建DOM树2.解析CSS，生产css规则树3.合并DOM树和CSS规则树，生成render树4.布局render树，负责各元素尺寸、位置的计算...
2019-06-20 09:38:07
984
原创 关于本地开发，上传图片所遇到的坑（如何熟练使用Nginx反向代理）
使用node.js开发项目是挺简单的，不过一般网址都是localhost:3000，与后端项目中api接口造成跨域或者404问题。此时需要借用Nginx反向代理来实现更好的开发。问题重现： webUploader中server服务器地址是www.saihuitong.com/uploader/image，而开发地址是192.168.0.23:3000（localhost:3000），网址不同，...
2019-06-20 09:35:19
488
转载 Charles服务器代理使用
一、charles的使用1.1 charles的说明Charles其实是一款代理服务器，通过过将自己设置成系统（电脑或者浏览器）的网络访问代理服务器，然后截取请求和请求结果达到分析抓包的目的。该软件是用Java写的，能够在Windows，Mac，Linux上使用。安装Charles的时候要先装好Java环境。Charles的主要功能：（1）截取Http 和 Https 网络封包。...
2018-12-13 09:51:34
1282
原创 git切换分支时，使用git diff -w，导致数据丢失，使用git stash恢复文件
事件发生情景：在分支A上开发代码，一直没有commit，以致于想切回master分支时有个配置文件冲突，发生错误。此时网上搜索了下错误代码，解决方案如下，想查看文件哪里不一样，所以使用了代码 git diff -w webapp.iml然后切换分支成功了（此时并不知原理为何）之后继续切回分支A，发现代码回到了之前的状态，新的代码不见了，吓得一身冷汗（劳资不想加班啊，何况...
2018-10-16 17:15:46
1141
原创 用原生js写一个插件，为什么使用.prototype时，this上面的变量不能共享
如题：为什么用原生js写一个插件，为什么使用.prototype时，this上面的变量不能共享？案例来自一个小羊肖恩的案例，很简单，所以选择使用原生js来写，而遵循一般写插件的原则，我把涉及到的函数都写在了原型链prototype上，此时出现一个问题，原型链上的方法获取不到构造函数上定义的值。（console时输出undefined）为什么会这样？后来我意识到，在学习jQuery时，有...
2018-07-17 11:22:49
937
原创 git and github辛酸史
总是听到大家说github如何方便，好用，是最大的程序猿交流网站，心向往之，然而一直不得其要领，看了很多GitHub介绍，无功而返。学习了3个月时间的前端，自己也写了一点点小demo，更加觉得学会git是一件迫不及待的事情，所以，继续攻克之。不过这次知道了一些基本的东西，比如，GitHub是一个免费开源的git版本控制工具。想使用和GitHub，必须懂的一些git指令：首先安装git。这个...
2018-07-09 20:41:16
199
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人