- 博客(72)
- 收藏
- 关注
原创 2022届 杭州React相关岗位
2022届 杭州 涂鸦智能 大量前端实习岗位招聘有兴趣的可以直接扫描下方二维码投递岗位职责:岗位方向(移动端html5 / 数据可视化 / 移动混合开发 / 微信小程序)前端技术全栈实践机会(React/React Native/NodeJS/WebGL…)岗位要求:前端基础扎实;熟练使用 git、github、linux 等工具;有良好的编码习惯, 能够编写清晰, 易于维护的代码;4.本科及以上学历,2021届毕业生,至少实习3个月以上,表现优秀者可提供转正机会。...
2021-04-16 00:19:30
200
原创 react-native 在debugger调试模式下运行正常,非debugger模式不正常
多数原因:在debugger调试模式下,我们经常会打印诸多的东西,来查看结果是否正确,在debugger模式下正常,却在非debugger模式下出现异常解决方案:删除多余的console.log()或者在项目最初始添加:if (!__DEV__) { global.console = { log: () => { }, warn: () => { }, info: ...
2020-01-29 17:13:28
1567
2
原创 git分支拉取develop分支最新代码
拉取最新的代码首先 git checkout develop 切换到develop分支— 执行 git pull 拉取最新代码再切换到 所修改分支 使用 gIt merge develop 合并代码
2019-09-24 16:27:17
5536
原创 mbox整合多个store
1.store/index.js (根store)// 整合两个storeimport NativeStore from './nativeStore';import IpcStore from './ipcStore';const nativeStore = new NativeStore();const ipcStore = new IpcStore();export defa...
2019-09-04 11:05:34
1304
原创 react native底部View会有间隙,没有贴合手机屏幕底端
查找原因原因: 因为对宽度、高度做了一些计算变换,使其在每个手机型号上的显示效果都能一致,所以在使用borderRadius: cx(12) 会出现小数,导致不能贴合。解决方案: 将borderRadius进行取整。...
2019-09-04 10:10:05
774
原创 根据ID 进行分类
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-08-02 11:25:04
571
原创 Ie浏览器和其它浏览器设置不同的css样式
@媒体查询@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #breadcrumb { z-index: auto !important; }}
2019-07-23 10:15:34
1333
原创 js中文件流下载导出excel文件方法
需求:数据列表导出为excel文件,通过向后台请求接口,返回的结果一般有两种方式:1. 后台返回excel文件http地址(后台会在服务器生成,前端请求url再下载一遍,浪费服务器资源,优点:前端处理方便)2. 后台返回二进制文件流(后台不会再服务器生成文件,只需前台进行解析,不占用服务器资源)代码1.http地址形式window.location.href="后台返回的地址"2.二...
2019-07-11 16:05:13
6413
原创 rem布局秒解
视口(viewport)的理解layout viewport(布局视口)Layout viewportd 宽度大于浏览器的可视区域,就好比你的电脑屏幕宽度是1024,但是你网页的宽度是1400.那么1400就是layout viewport的宽度。Visual viewport(视觉视口)Visual Viewport 的宽度就相当于你客户端的屏幕大小。宽度获取可以通过 wind...
2019-07-08 20:01:15
213
原创 闭包的定义与应用
闭包的来源:闭包源自函数的嵌套闭包的产生: 如果外部函数的变量被内部函数的变量引用的话,就产生了闭包闭包和函数的区别: 闭包传递的是函数,而函数传递的是变量example:// sum函数为外部函数// add函数为内部函数funtion sum(a){ funtion add(b) { return a+b; // a为外部函数的变量,却在内部函数add中被调用,从而形...
2019-07-05 11:19:44
243
原创 react 16版本 生产环境取消控制台输出
npm run eject 暴露create-react-app配置在webpack.config.js代码:// 配置取消console.logconst UglifyJsPlugin = require('uglifyjs-webpack-plugin');在minimizer数组中添加new UglifyJsPlugin( { ...
2019-06-13 16:48:29
2582
转载 栈和队列、堆、堆栈的区别?
原文:https://blog.csdn.net/qq_42092177/article/details/80459227队列是先进先出,有出口和入口,先进去可以先出来。栈就像一个箱子,后放上去的,可以先出来堆是在程序运行时,而不是在程序编译时,申请某个大小的内存空间。即动态分配内存,对其访问和对一般内存的访问没有区别。{堆是指程序运行是申请的动态内存,而栈只是指一种使用堆的方法(即先进后出...
2019-06-10 16:12:01
513
原创 this指向
this的指向,就是那个对象调用函数,函数里面的this指向那个对象es6提供了箭头函数没增加了我们的开发效率,但是箭头函数里面,没有this,箭头函数里面的this是继承外面的环境...
2019-06-10 15:41:27
233
原创 vue常见面试题(一)
1. VUEX是什么?怎么使用?那种功能场景使用它?vuex其实就是就是专门为vue构建的状态集管理。主要是为了解决组件间状态共享的问题。强调的是集中式管理。(本来是组件与组件的通信,现在变成组件与仓库之间的通信)普遍来说主要是为了 便于维护,便于解耦,所以不是所有的项目都适合使用vuex。如果不是构建大型项目,使用vuex 反而使你的项目代码繁琐多余。vuex的核心state: ...
2019-06-08 11:19:07
458
原创 vue兄弟组件通信$emit,$on
使用bus事件中心(空的vue对象;方便起见:新建文件bus.js文件import Vue from 'Vue';export default new Vue();兄弟组件1<template> <div> <button @click="sendmsgToMyBrother">向我兄弟传值</button> ...
2019-06-06 15:21:03
875
原创 统计字符串出现次数最多的字符,且次数最大且相同的不止一个
// 统计一个字符串中出现次数最多的字符 function strMaxCount(str) { let obj ={}; if(str.length === 0) { alert('字符串为空,无法统计,请输入字符串'); } else { // 遍历字符串 ...
2019-05-27 14:59:57
535
原创 grid布局解析及实例实现
在学习gird布局使用阮一峰的教程进行学习,并实现下里面的布局阮一峰grid布局学习网址:http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html实现案例:html代码如下:<div class="grid"> <div class="left"> &l...
2019-05-25 16:33:27
1255
原创 map标签与area标签构建映射图片解析
一、需求分析 在给的UI设计图,有两个a标签或者button,以往需要将其分成三部分背景图,两个下载按钮需要将背景图放于一div中,按钮相对背景图做定位或者其它方式.它的优点:按钮点击的动态效果可以自行添加,美观;它的缺点:自适应适配难做,设备宽度有大有小,按钮的定位在某些程度上会存在偏差; 花费时间长;简单功能复杂化;优化方案使用map标签,area标签,img标签,Adobe...
2019-05-24 14:50:38
1102
1
转载 react.js 教程之 create-react-app 命令行工具系统讲解
大神对creat-react-app详细介绍附上链接https://www.cnblogs.com/ye-hcj/p/7191153.html
2019-05-23 16:03:09
251
原创 moment 时间戳转为固定格式时间错误
moment转为时间正确的转换格式应如下:moment(value).format('YYYY-MM-DD HH:mm:ss')注意:可能导致错误的:moment(value).format('YYYY-MM-DD hh:mm:ss');moment(value).format('YYYY-MM-DD Hh:mm:ss');moment(value).format('YYYY-MM-...
2019-05-23 11:47:01
4287
原创 create-react-app 打包后资源路径引入不正确
解决方案在根目录下package.json配置 homepage: '.'为避免麻烦,使用HashRouter代替BrowserRouter
2019-05-21 19:27:48
2502
原创 解决跨域的几种方式
1.document.domain由于js同源策略的限制,脚本只能读取和所属文档来源相同的窗口和文档属性对于有公共的上级域名,这些服务器上的页面之间的跨域访问可以通过document.domain来进行默认document.domain存放的是载入文档的服务器的主机名,可以手动设置这个属性,不过只能设置成当前域名或者上级域名,并且必须要包含一个.号。举例:zy.ttdvideo.com ...
2019-05-21 15:25:29
440
原创 后台管理系统导出数据列表返回二进制数据,下载后为null
导出文件,后台返回二进制数据前台ajax请求需要设置responseType: arraybufferArrayBuffer对象,表示通用的、固定长度的原始二进制数据缓冲区。ArrayBuffer 不能直接操作,而是要通过类型数组对象或 DataView 对象来操作,它们会将缓冲区中的数据表示为特定的格式,并通过这些格式来读写缓冲区的内容。这里我使用的自己封装的axios公共配置impo...
2019-05-21 14:15:07
779
原创 echarts图像下载与和传参传给后台导出excel文件
需求分析将echarts图像以file形式传给后台,以excel列表形式进行下载导出图像与列表掌握内容canvas图像下载到本地,转成Blob对象,转成file文件FormData添加其它需求参数js-file-download下载后台返回的二进制文件Step1: canvas图像下载到本地,转成Blob对象,转成file convertCanvas(canvas) { /...
2019-05-20 16:49:09
1864
原创 react组件通信解析: 1. 父子组件传值 2.父子组件方法互相调用
父组件 parent.jsximport React from 'react';import Child from './child';class Parent extends React.Component { constructor(props) { super(props); this.state = { queryInfo: { a: ...
2019-05-20 14:07:12
332
原创 antd table如何默认选中第一行,并添加背景色
table配置<Table columns={this.state.columns} dataSource={this.state.tableData} bordered // loading rowClassName='table-box-detail' pagination={false} // scroll={{y: ...
2019-05-17 17:33:39
7248
1
原创 this.setState修改某一对象的某个属性值,其它保留不变
state中数据如下class Illegals extends React.Component { constructor(props) { super(props); this.state = { pageNav: { pageSize: 20, pageNum: 1, total: 50 } ...
2019-05-16 18:58:53
11124
1
原创 react中index中引入ckplayer播放器
1. 下载包到本地 网址: http://www.ckplayer.com/将包解压放于public文件夹下3. index.html中引入ckplayer.js在body标签下添加script type="text/javascript"> // 动态生成腳本 // urls----script.src地址数组、callback---回调函数 ...
2019-05-16 15:16:44
2044
9
原创 react中查看图片大图插件react-zmage的用法
近期react项目有使用到查看大图这一功能,特此记录下react-zmage的使用心得插件官方地址 https://zmage.caldis.me/ 使用方法yarn add react-zmage -S 或者 npm install react-zmage -S在需要的地方引入 import Zmage from 'react-zmage' 将页面中的i...
2019-05-16 14:09:56
7886
1
原创 动态添加script标签加载插件,web性能优化
登录页进入,可以把暂时不需要的js插件进行动态异步载入,提高页面渲染效率,方法如下:<body><script type="text/javascript"> // 动态生成腳本 // urls----script.src地址数组、callback---回调函数 function loadScripts(urls, callback) { ...
2019-05-14 18:41:10
830
原创 antd 国际化如何解决
前提 已对antd的按需引入做了配置moment 是处理日期的插件yarn add moment -S 即可或者 npm install moment按照图下引入
2019-05-14 14:34:21
4987
原创 获取省市级数据转换为 antd中Cascader组件数据要求
后台获取数据格式如下[ {cid: 51, city: "北京市", pid: 1, province: "北京市"}, {cid: 106, city: "天津市", pid: 2, province: "天津市"}, {cid: 6, city: "上海市", pid: 3, province: "上海市"}, {cid: 338, city: "重庆市", p...
2019-05-10 17:09:25
1588
原创 react-router4 嵌套子页面路由设计
App.jsx 文件中import {BrowserRouter, Redirect, Switch, Route} from 'react-router-dom';import Login from './page/logoin';import Main from './component/Main';import NotFound from './component/NotFound'...
2019-05-07 17:20:18
2110
原创 plugin-transform-react-jsx文件找不到
使用creat-react-app脚手架搭建npm run eject 后 报错解决方案删除node_modules文件夹重新 yarn 或者npm install 命令重新下包yarn start 或 npm run start 运行项目
2019-05-07 11:33:55
612
原创 create-react-app创建,ie11不兼容
问题描述按照官方文档使用yarn create react-app centre-app 创建工程使用yarn start, chrome浏览器可正常访问以下为packge.json配置文件但在ie11下报如下图错误经过百度、必应、google一通后,发现并没有react@16.8.6版本的解决方案,最后在github官方issues中找到解决方案,记录分享下。1. yarn ad...
2019-05-06 19:46:50
5557
5
原创 导出二进制文件
后台返回 导出二进制文件 getexcle:function () { console.log('开始导出'); var totalCount=$("#page").data("total"); if(totalCount==0){ layer.msg("暂无数据"); return ...
2019-04-29 10:03:08
1020
原创 fetch与Promise实战应用
fetch基于Promise进行设计的,用于同Ajax发起获取资源的请求,返回一个promise。example: 模拟登录post请求react-native绑定点击登陆事件 <Button onPress={this.LogIn}> <Text>登录/注册</Text> </Button方法1 es6箭头函数实现 LogIn...
2019-04-25 14:07:28
525
原创 react-native-modal-translucent\scripts\translucent not find
解决方案 npm install react-native-modal-translucent --save react-native link react-native-modal-translucentgithub地址https://github.com/listenzz/react-native-modal-translucent
2019-04-24 19:25:28
543
原创 es6 Set和Map数据结构
// Set去除数组的重复成员[…new Set(array)]Array.from(new Set(array))二、垃圾回收原理浅析现在各大浏览器通常用采用的垃圾回收有两种方法:标记清除、引用计数。Symbol是Es6引入的一种新的原始数据类型,表示独一无二的值,它是JavaScrpt语言的第7种数据类型:前6种分别是Undefined,null,Boolean ,string Nu...
2019-03-15 17:18:00
190
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人