- 博客(22)
- 收藏
- 关注
RSS订阅原创 Google中安装Axure RP扩展程序报错处理
下载了扩展包后拖入 更多工具-扩展程序 但是会提示crx包已损坏解决方案：将下载的.crx文件的后缀名改为.rar，然后解压到文件夹，在更多工具-扩展程序-加载已解压的扩展程序，选择刚刚解压的文件夹即可安装完毕。...
2019-07-12 17:53:49
911
1
原创 Ant Design 控制Tabs标签页 哪页高亮
项目上遇到一个关于Ant Design Tabs标签页问题。项目背景：用户个人中心包括基本信息、我的钱包、我的订单、消息与通知四个模块(如下左图)；需求为该用户提交完订单，跳转到我的订单模块(如下右图)，但是项目中个人中心是一个组件，基本信息、我的钱包、我的订单、消息与通知是四个小组件，所以只能调到个人中心组件，且默认跳到基本信息。这是不符合需求的。为了解决该问题，我先在提交页面跳转时...
2019-07-10 18:11:03
5119
原创 Ant Design时间选择框汉化问题总结------国际化
Ant Design用起来确实很好用，若是做管理后台真的是很适合。最近遇到了时间框汉化的问题，代码如下图：<RangePicker disabledDate = {this.disabledDate} disabledTime = {this.disabledRangeTime} onChange = {this.onChange} showTime = {{hideDi...
2019-07-10 11:22:39
3440
1
原创 apply()和call()应用与区别
apply()：能继承另外一个Function对象的方法和属性，调用一个对象的一个方法，用另一个对象替换当前对象；call()：与apply()的意思一样，但是参数列表不同；语法如下：function.apply(thisObj[,argArray]);function.call(thisObj[,arg1[,arg2[,arg3]]]);B.apply(A,arguments...
2019-04-12 15:33:25
164
原创 Promise
Promise是异步编程的一种解决方案，比传统的解决方案（回调函数和事件）更合理和更强大；Promise其实就是一个容器，里面保存着某个未来才会结束的时间（异步操作）的结果；Promise对象有两个特点：1. 对象的状态不受外界影响，Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）、rejected（已失败），只有异步操作的结果，可以决...
2019-04-08 17:41:17
153
原创 DOM事件类
基本概念：DOM事件的级别DOM0 element.onclick = function(){};DOM2 element.addEventListener('click',function(){},false);DOM3 element.addEventListener('keyup',function(){},false);DOM事件模型捕获：从上到下冒...
2019-02-27 10:25:35
114
原创 前端面试题目：页面布局
页面布局：假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为300px，中间自适应有五种方式：1.float方式2.absolute方式3.flex4.table5.网格grid<!--float方法--><section id="float"> <style type="text/css"> #float{ bac...
2019-02-26 17:21:13
517
原创 前端面试题目：谈谈对CSS盒模型的理解
CSS盒模型是CSS的基石，面试一定会问道；基本概念：标准模型+IE模型；（content，padding，border，margin）标准模型和IE模型的区别：CSS如何设置这两种模型： box-sizing: content-box;(标准模型，默认) box-sizing: border-box;(IE模型)JS如何设置获取盒模型对应的宽和高：...
2019-02-26 13:41:32
1895
原创 对象的扩展，对象新增方法
属性的简洁表示法：const foo = 'bar';const baz = {foo};console.log(bar);//{foo:"bar"}//等同于以下const baz = {foo: foo}function f(x,y){ return {x,y};}//等同于以下function f(x,y){ return { x: x,y: y }...
2019-01-28 18:04:34
248
原创 上传文件时，点击按钮，文件夹弹窗不弹出
做的一个项目，在别的电脑上都可以上传文件，但是部署到私有云上就不可以；开始怀疑是不是代码问题，但经过排查，并无问题；随后怀疑是 没有wps，但安装过后，并没有用...然后又感觉是浏览器禁止了这一操作...随后排查果然是...如下操作：在浏览器的设置中，选择高级，选择打开代理设置：在Internet属性中选择安全选项卡把自定义级别中的禁用改为启用，重启浏览器即可。...
2019-01-25 11:53:12
15846
原创 ES6中数组的扩展：扩展运算符...Array.from()Array.of()copyWithin()find()findIndex()fill()entries()key()values()...
扩展运算符（...），和rest参数逆运算差不多一个意思，将一个数组转为用逗号分隔的参数序列；主要用于函数调用；function add( x, y ){ return x + y;}const numbers = [4, 38];add(...numbers); //42替代函数的apply方法：//ES5function f(x, y, z){}var...
2019-01-24 18:32:05
336
原创 ES6中函数的扩展（箭头函数）
ES6中允许使用"箭头"（=>）定义函数var sum = ( a, b ) => a + b;var sum = function( a, b ){ return a + b;}如果箭头函数的代码块部分多于一条语句，就要用大括号将它们括起来，并且使用return语句返回；var sum = ( a, b ) => { return a + b...
2019-01-23 15:39:55
154
原创 ES6中函数的扩展（rest参数）（name属性）
ES6引入rest参数（形式为...变量名），用于获取函数的多余参数，这样就不需要使用arguments对象了；//arguments变量的写法function sortNumbers(){ return Array.prototype.slice.call(arguments).sort();}//rest参数的写法const sortNumbers = (...numbe...
2019-01-23 14:44:22
446
原创 ES6中函数的扩展（函数参数默认值）
ES6允许为函数的参数设置默认值，即直接写在参数定义的后面。function log(x,y='World'){ console.log(x,y);}log('Hello');/*Hello World*/log('Hello','China');/*Hello China*/log('Hello','');/*Hello*/function Point(x=0,y=0...
2019-01-23 14:30:18
276
原创 webpack基本配置
项目目录如下图：webpack.config.js如下：var path = require('path');/*由于webpack plugins是在webpack中，所以引用webpack*/var webpack = require('webpack');module.exports = { mode: 'none',/*webpack中必加，否则报错*/...
2019-01-22 16:49:27
136
原创 webpack4压缩代码 使用UglifyJsPlugin：但是报webpack.optimize.UglifyJsPlugin has been removed.
由于打包出的文件有很多注释 还有空行 所以打包出来的文件会很大，所以在webpack.config.js中如下配置：var webpack = require('webpack');module.exports = { plugins: [ new webpack.optimize.UglifyJsPlugin() ]};所以webpack.op...
2019-01-22 15:19:08
5821
原创 如何解决---Error: Cannot find module 'webpack-cli'；
在进行初步的webpack配置后，通过webpack --process --colors打包项目，结果报出如下错误：（提示安装webpack-cli）但是按照提示安装webpack-cli又报出如下的错误：（安装失败，找不到module "webpack-cli"）经过查阅资料，发现 webpack-cli需要全局安装 即可解决上述问题即 npm install -g webpa...
2019-01-22 14:01:09
2420
原创 react踩过的坑1：a标签跳转编辑页面，跳到编辑页面后又跳到首页？？？
加班一晚上，倒腾这一个问题；问题：普通列表页，编辑功能如下点击编辑过后快速跳到编辑页面，转而快速跳到首页，找了一晚上没有找到；；；第二天才发现原因a标签的href="###"的原因，改成href="javascript:;"。href="javascript:;"就是去掉a标签的默认行为。...
2019-01-18 18:30:57
2486
1
原创 解决webpack中 使用webpack-dev-server不能自动刷新的问题
在自己搭建的项目中，使用webpack命令可以打包，随后使用webpack-dev-server启动服务，可以查看更改；在package.json中我是如下配置：但是我配置了热更新插件却不生效，更改代码后，控制台的确编译完成，但是浏览器并没有刷新，而且手动刷新之前修改的代码并没有生效；查找很多资料发现：1.webpack命令是打包命令，会生成在webpack.config.js...
2019-01-18 18:13:47
6988
3
原创 React项目报Module not found: Error: Can't resolve ... in ...
在自己搭建react项目中，引入.jsx的文件，结果报出如下错误：检查语法也没有问题，经过反复排查，查出是由于省略了.jsx，但由于webpack环境是由自己搭建，没有在webpack.config.js中加入自动补全后缀配置；在webpack.config.js中加入如下代码：再重新启动就正常运行了...这只是报这种错误的一种原因吧......
2019-01-17 16:26:33
29141
原创 react.js页面间传值方式
页面中的表格需要跳转页面编辑，同时应该携带唯一标识id：import { History } from 'react-router'; edit = (record) => { this.props.history.push({ pathname:'/app/systemManage/EditUser', state:{...
2018-05-08 15:10:06
3019
原创 获取天气详情
近日，公司新开展一个项目用的react框架，其中有一个公共的部分是显示当天天气详情，当时就在网上看天气插件，有很多官方的天气插件，都是用<iframe></iframe>嵌套的。在一个react框架又不想使用<iframe></iframe>，而且样式也不太好重写。所以，我尝试用新浪天气API接口获取天气，想要哪些数据就用那些数据，样式想怎么写就怎么...
2018-04-19 14:42:07
584
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人