- 博客(90)
- 收藏
- 关注
RSS订阅原创 Unexpected token ‘‘‘, “‘{“type“:““... is not valid JSON
JSON数值：不能使用8/16进制 {"num":60}{"num":-60}{"num":6.6666}{"num":1e+6}{"num":1e-6} JSON对象 { "starcraft": { "INC": "Blizzard", "price": 60 }}JSON对象数组 {"array": [{"name": "workers"},{"name": "teacher","sex": 30}]}JSON数组 {"name": ["workers",10]}于是看到了这个网站，强烈推荐。
2023-05-24 10:48:40
3865
原创 ant-design V4升级V5记录（成功篇）
6、Uncaught Invariant Violation: Maximum update depth exceeded. 原因是，新版react中在render有立即执行的函数，函数执行进而触发render，陷入循环，修改如图所示，表示需手动触发；发生这个问题有两处地方，根因一致，通过控制台提示，知道上述报错是在哪里，哪个组件引起，发现是Rangpicker，时间选择器，第二处地方，在rangerpicker设置defaultValue时，通过state传入设置默认值，同理也会触发循环。
2023-02-09 16:40:52
3697
1
原创 ant-design V3升级V4记录（成功篇）
原因：babel版本兼容问题以及.babelrc文件配置，可在下方沿用我的babel相关版本。一是antd是一个开源性生态框架，人家社区一直在更新迭代，如果产品不及时更新，一直在使用不维护的，甚至有问题的框架，后果可想而知。原因：检查style-loader\less-loader\css-loader版本，挨个尝试。这篇博客没有一步步记录升级过程中的错误以及解决办法，所以只罗列的大致的错误项，希望对在升级之路上的你有所帮助。另外在我升级V4时，其实框架已经到了V5了，无奈升级到V5前，必须先升级V4。
2023-01-16 17:34:00
2398
原创 ant-design V3升级V4记录（失败篇）
1、升级"antd": "^3.26.19",2、安装迁移工具 cnpmi -g @ant-design/codemod-v43、提交变更4、执行迁移命令antd4-codemod app5、根据建议升级、安装依赖6、修改老版本webpack配置7、
2023-01-16 16:55:49
329
原创 前端性能优化gzip压缩
GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz的文件，它们就是GZIP格式的。现今已经成为Internet 上使用非常普遍的一种数据压缩格式，或者说一种文件格式。HTTP协议上的GZIP编码是一种用来改进WEB应用程序性能的技术。大流量的WEB站点常常使用GZIP压缩技术来让用户感受更快的速度。这一般是指WWW服务器中安装的一个功能，当有人来访问这个服务器中的网站时，服务器中的这个功能就将网页内容压缩后传输到来
2022-03-21 10:19:33
5480
原创 企业微信开发鉴权config、agentConfig鉴权等相关问题
开篇首先吐槽下企业微信开放文档写得有点欺负人的感觉，渣，简单，没案例，踩坑点不突出，路过的大佬你懂的，，，如果你遇到：1、H5自建企业微信应用本地localhost无法调试？2、wx.config注入鉴权报80001，43093等？3、用户授权免登失败？状态记录？4、可信域名老是无法验证？5、js-sdk等鉴权接口无法调用？6、企业微信工作台只能登陆一个，测试与正式公司难切换，内部沟通困难？7、等等问题 可私信交流。以上莫名场景问题，不妨接着往下看：一、建立公司和应用
2021-12-23 22:17:28
2380
原创 企业微信自建应用调试方法以及小坑
由于公司战略考虑，企业内部沟通工具迁移到企业微信上，那么对应的内部工具开发也是建立在企业微信上了，在研究企业微信应用中，面临着较为重要的问题——调试；前端调试相关一、Windows调试按照官网步骤：1、下载调试安装包https://dldir1.qq.com/foxmail/wwopen_docFile/devtools_resources.pak2、解压放置在企业微信指定目录下，忽略浏览器内核版本；3、关闭企业微信，重新启动；4、打开之后，按快捷键，ctrl+alt+shi
2021-12-17 18:09:47
5504
2
转载 yarn的安装和使用
yarn的简介：Yarn是facebook发布的一款取代npm的包管理工具。yarn的特点：速度超快。 Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。 超级安全。 在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。 超级可靠。 使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作。 yarn的安装:下载node.js，使用npm安装npm install -
2020-08-13 10:24:45
410
原创 浏览器中Network各个耗时含义
一、Queueing发起请求文件顺序的排序耗时；优化点：浏览器在以下情况会对请求进行排序，1、JS执行发起http请求存在更高优先级的请求；2、并发列队tcp链接达到上限（谷歌HTTP1.0以上处理上限6个）；3、浏览器分配缓存空间；措施：1、在JS执行过程中，识别哪些是需优先取数的请求，优先排序进队列；2、并发http数控制在浏览器上限合理范围，特别注意图片的加载尽量使用精灵图，减少请求次数；二、Stalled是浏览器得到要发出这个请求的指令到请求可以发出的等待时间，一般是代理协...
2020-05-21 18:32:51
3145
原创 阿里巴巴矢量图标网使用的小方法
纯个人使用过程记录，非技术分享！在项目开发中，为界面新增更加丰满的元素，往往我们会采用一些图标、图片元素来支撑。阿里巴巴矢量图标网给产品、给设计、给开发人员给予了极大的帮助与便利。在这里就没有找不到的图标！那这里仅仅分享下如何使用此网站将svg格式转化成字体文件：1、登陆网站2、点击菜单图标管理——项目管理目录下3、将UI提供的svg上传至项目中4、5、上传完毕，点击提...
2019-12-18 17:41:36
1091
转载 详解react、redux、react-redux之间的关系
React一些小型项目，只使用 React 完全够用了，数据管理使用props、state即可，那什么时候需要引入Redux呢？ 当渲染一个组件的数据是通过props从父组件中获取时，通常情况下是 A --> B，但随着业务复杂度的增加，有可能是这样的：A --> B --> C --> D --> E，E需要的数据需要从A那里通过props传递过来，以及对应的 ...
2019-11-18 15:41:55
208
原创 React-Pdf使用过程心得
上个迭代接了一个业务需求，需要在PC应用中可以直接预览pdf文件，于是在社区找了几个React组件，A、react-pdf-jsB、react-pdfC、React-read-pdf（移动端设备）三款插件都使用了下，最后采用了react-pdf，相对而言它的插件功能较为强大，文档使用非常清晰，作者对issues回复也非常及时，社区也比较活跃；一、cnpm install r...
2019-11-15 17:32:36
7711
8
原创 真机调试钉钉微应用步骤
Android端调试方式1、下载Andorid开发版钉钉，http://download.alicdn.com/wireless/dingtalk/4.6.20.2-93006-0/[email protected]、打开并登陆钉钉；3、将本地项目跑起来，npm run start4、cmd — ipconfig 查看本机ip（让手机同处在一个局域网中，以便手机可...
2019-10-18 14:15:08
4113
原创 React中css的几种使用方式
以下方式仅供参考，适合自己项目的才是最好的！！一、行内样式使用import React from 'react'class Home extends React.Component { render() { return ( <div> <h3 style={{fontColor: 'green',marginTop:'5...
2019-08-07 15:33:24
1402
1
原创 基于Mac安装xcode进行虚拟机开发钉钉微应用
本文纯总结准备开发工具中遇到的一些问题以及解决方式：1、准备必要环境安装node、npm（会随node包一起安装）、git、建议再装下淘宝的镜像cnpm，命令：npm install -g cnpm --registry=https://registry.npm.taobao.org。可查看安装提示或者查看版本 --version 来确认成功安装；2、安装下载xcode，地址：ht...
2019-07-09 15:02:26
2459
5
原创 内网穿透之HTTP穿透使用
背景：微应用迁移由快捷链接开发模式到开发应用，需重新自建应用，填写符合规则（localhost、127.0.0.1服务不被允许）的首页地址、PC地址.文档地址：https://open-doc.dingtalk.com/microapp/kn6zg7/hb7000git下载工具包，内置Mac、windows工具，以windows为例，Mac参考官方即可。 启动工具，执行命令“./ding...
2019-06-19 17:58:36
2046
转载 React Native与React的关系及特点
一、React、React.js和React Native的关系React是基础框架，是一套基础设计实现理念，开发者不能直接使用它来开发移动应用或网页。在React之上发展出了React.js框架用来开发网页，发展出来React Native用来开发移动应用。因为React基础框架与React.js框架是同时出现、同时进化发展的，就造成了React基础框架的基本概念、设计思想都是在Re...
2019-05-29 14:47:50
3259
原创 Git命令小总结-笔记
1、Clone 类A、拉取不指定分支：git clone urlB、拉取指定分支：git clone -b dev(分支名) url2、Remote 类A、添加源：git remote add origin(源名) urlB、修改源：git remote set-url origin(源名) newurlC、查看源：git remote -vD、删除源：git remo...
2019-05-21 10:23:35
226
转载 JS同步与异步问题
转载自：https://segmentfault.com/a/1190000018717485一、JavaScript起源技术的出现,和应用场景密切相关的。JavaScript诞生于1995年。当时，它的主要目的是处理以前由服务器端语言（如Perl）负责的一些输入验证操作。在JavaScript问世之前，必须把表单数据发送到服务器端才能确定用户是否没有填写某个必填域，是否输入了无效的值。N...
2019-04-03 10:58:19
2283
转载 10分钟了解JS堆、栈以及事件循环的概念
JS内存机制因为JavaScript具有自动垃圾回收机制，所以对于前端开发来说，内存空间并不是一个经常被提及的概念，很容易被大家忽视。特别是很多不专业的朋友在进入到前端之后，会对内存空间的认知比较模糊。在JS中，每一个数据都需要一个内存空间。内存空间又被分为两种，栈内存(stack)与堆内存(heap)。栈内存一般储存基础数据类型 Number String Null Undef...
2019-03-06 14:26:57
429
转载 dva 框架介绍
转自——https://www.jianshu.com/p/8b7def32740f dva 是基于 redux 最佳实践 实现的 framework，简化使用 redux 和 redux-saga 时很多繁杂的操作数据流向数据的改变发生通常是通过用户交互行为或者浏览器行为（如路由跳转等）触发的，当此类行为会改变数据的时候可以通过 dispatch 发起一个 action，如果是同...
2019-01-05 17:54:28
365
转载 阿里P7架构师谈职业生涯规划，给遇到瓶颈，迷茫期的人群一些建议
转发至：https://www.toutiao.com/a6611014689734263310/?iid=45815247299&app=news_article&group_id=6611014689734263310&timestamp=1539302510 一、规划工作3年了，感觉自己的技术现在到了一个瓶颈，在做一些重复性的业务性的工作，没有长进，提高太...
2018-10-12 09:38:49
2077
转载 React Router页面传值的三种方法
原文地址：https://blog.csdn.net/qq_23158083/article/details/68488831本文主要介绍React Router定义路由之后如何传值注：本文示例React Router版本为：3.0.2，使用前请注意检查版本一.props.params官方例子使用React router定义路由时，我们可以给<Route>指定一个pa...
2018-09-05 16:59:57
1378
转载 moment常用用法详解
原文：https://cnodejs.org/topic/58b15942ea21217a4486cd59安装依赖：npm install moment --save用法：'use strict'let moment = require('moment');//获取当前时间var now = moment().toDate();console.log(now)...
2018-08-29 10:43:53
26851
转载 react生命周期的基本用法
转载于：https://www.jianshu.com/p/c9bc994933d5首先，看一下一个组件的构造import React,{ Component } from 'react';class Demo extends Component { constructor(props,context) { super(props,context) ...
2018-06-28 10:13:01
1953
转载 Redux使用注意事项
转载于：http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html 作者： 阮一峰一篇redux好文，附redux中文文档：http://www.redux.org.cn/React 只是 DOM 的一个抽象层，并不是 Web 应用的完整解决方案。有两个方面，它没涉及。代码结构组件之间的通信对于大...
2018-06-26 09:25:38
706
原创 蚂蚁金服UI-Antd-design Mobile of React按需加载
import React from 'react';import ReactDOM from 'react-dom';// 由于 antd 组件的默认文案是英文，所以需要修改为中文import zhCN from 'antd/lib/locale-provider/zh_CN';import moment from 'moment';import 'moment/locale/zh-cn...
2018-06-25 11:38:18
4430
转载 Mock构建测试数据
转载于：https://segmentfault.com/a/1190000010211622mock大法好mock是一个模拟数据生成器，旨在帮助前端独立于后端进行开发，帮助编写单元测试。mock有如下功能根据数据模板生成模板数据模拟ajax请求，生成请求数据基于html模板生成模拟数据下载安装npm install mockjs//使用mockvar Mock = require('mock...
2018-05-11 11:24:58
5395
原创 基于钉钉平台采用Weex解决方案的Vue微应用项目搭建步骤
名词解释：Weex：Weex 是一套构建高性能，可扩展的原生应用跨平台解决方案；Vue：这个就很火了，尤雨溪大神搭建的一套框架；微应用：这是我们搭建在钉钉平台上的一个应用，可制作我们需要的功能，同时可以调用一些钉钉提供的开放接口以及js调用原生的SDK；创建微应用文档：https://open-doc.dingtalk.com/docs/doc.htm?spm=a219a.7629140.0.0....
2018-05-10 18:41:10
8836
1
原创 Promise使用笔记~~
至从ES6（ES2015）正式规范之后，Promise收到高度重视，一直没时间小结一波，今儿抽空整理下好东西Promise！基本所有浏览器都支持Promise，所以放心大胆使用！首先，控制台先打印下Promise是什么东西，如下图所示：Promise其实是一个构造函数，里面包含了很多行为方法（race,reject,resolve等），在prototype原型上then、catch等回调方法！使用...
2018-02-25 16:21:38
414
转载 CSS的单位及css3的calc()及line-height百分比
转载于：http://www.haorooms.com/post/css_unit_calc单位介绍说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw
2017-11-14 15:06:52
542
原创 安装Eclipse中报Java was started but returned exit code = 13 OR 提示查看日志log错误的方法
Eclipse安装步骤：一、查看自己电脑系统版本，W32还是W64 或者其他。这里以64为例。右击桌面我的电脑属性即可查看；二、到Eclipse官网下载相应的Eclipse和开发环境JDK；官网下载地址：https://www.eclipse.org/downloads/eclipse-packages/三、切记下载下来的Eclipse不要直接运行，首先配置安装
2017-11-13 17:41:18
4159
1
原创 使用Cookie存取用户登录信息
通常我们在开发一个登陆应用的时候，有一个非常常见的业务需求，那就是保留用户登陆信息多少天！！不废话，直接上demo！！<!--* @Author: [ZGM] IME33 * @Date: 2017-10-09 13:34:23* @Last Modified by: [ZGM] * @Last Modified time: 2017-10-09 13:44:23
2017-10-09 13:38:48
2465
1
转载 2017年如何在移动端优雅的使用flex
原文网址：http://yanhaijing.com/css/2016/08/21/flex-practice-on-mobile/做过移动端的同学都知道移动端布局太难了，终端太多了，传统的布局方式已经力不从心，各种新的布局方式被发明在flex之前，传统布局有流式布局（就是默认的方式），绝对定位布局，弹性布局（em），和浮动布局，其中浮动布局并不是为布局而设计的，使
2017-09-25 14:02:09
984
原创 JS常用
一、运算符比较运算符：大于> 、 小于< 、 大于或等于>= 、 小于或等于 <= 、等于== 、 不等于！= 、绝对等===（值和类型全满足才等于）逻辑运算符：&& = and =与都满足为true； || = or = 或 满足其一即可 为true ； not 非条件运算符：三目运算 var val = condition ...
2017-09-25 10:13:03
291
转载 WebAssembly，Web的新时代
原文：http://blog.csdn.net/zhangzq86/article/details/61195685在浏览器之争中，Chrome凭借JavaScript的卓越性能取得了市场主导地位，然而由于JavaScript的无类型特性，导致其运行时消耗大量的性能做为代价，这也是JavaScript的瓶颈之一。WebAssembly旨在解决这一问题。本文从WebAssembl
2017-09-16 11:40:57
555
转载 渐进增强的 Web 体验（Progressive Web AMP）
原文地址：Progressive Web AMPs原文作者：Paul Bakaus译文出自：掘金翻译计划译者：L9m校对者：marcmoore，sqrthree如果你最近几个月一直关注着 Web 开发社区，可能你对渐进增强的 Web 应用（Progressive Web App 简称 PWA）已有所了解。它是应用体验能与原生应用媲美的 Web 应
2017-09-16 11:23:32
461
转载 HTML渲染过程详解
转载于 我的小树林 原址：http://www.cnblogs.com/dojo-lzz/p/3983335.htmlHTML渲染过程详解 无意中看到寒冬关于前端的九个问题，细细想来我也只是对第一、二、九问有所了解，正好也趁着这个机会梳理一下自己的知识体系。由于本人对http协议以及dns对url的解析问题并不了解，所以这里之探讨url请求加载
2017-09-06 10:10:58
428
原创 雅虎前端优化35条军规
在面对网站内容越来越丰富，资源量越来越多，用户访问量PI PV持续增加过程中，如果做好网站优化就显得尤为重要了，一个良好的用户体验才是最基本、最基础的，雅虎前端优化35条军规适用各种程序猿、终身受益，发展至今，当然还有其他的优化方案！！内容部分 1.尽量减少HTTP请求数 80%的终端用户响应时间都花在了前端上，其中大部分时间都在下载页面上的各种组
2017-09-06 09:51:16
1627
原创 Eclipse下开发sap项目中i18n.properties文件编译显示中文
首先来一段概述（其实很讨厌这种，只做了解）：一、i18n是什么？i18n（其来源是英文单词 internationalization的首末字符i和n，18为中间的字符数）是“国际化”的简称。传言18是由于internationalization有18个单词而由来。二、应用场景?在开发国际化软件场景时，要使它能同时应对世界不同地区和国家的访问，并针对不同地区和国家
2017-08-24 15:45:23
806
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人