- 博客(239)
- 资源 (1)
- 收藏
- 关注
RSS订阅转载 mac nvm安装node
文章目录nvm 的安装解决 "443: Connection refused" 的问题解决 command not found 的问题nvm 的安装首先，在安装 nvm 过程中尽量不要用 brew，因为 nvm 的官方文档中有说明：（我第一次安装的时候就是用了 brew install nvm这句命令，然后遇到了很多麻烦）第二次的安装方式：在 Mac 的 terminal 里面输入命令：curl -o- https://raw.githubusercontent.com/creatio
2021-03-22 21:15:33
237
原创 vscode终端执行cnpm出错的解决办法
vscode终端执行cnpm出错的解决办法说白了就是这个编辑器不能用罢了执行以下代码1.鼠标右击以管理员身份运行vscode;2. 执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的;3. 执行：set-ExecutionPolicy RemoteSigned;4.最后 再执行就可以啦参考文献：https://www.cnblogs.com/zmxzy/p/13322651.html...
2021-03-02 19:50:58
329
转载 React之antd Form回显数据
转自：https://blog.csdn.net/welkin_qing/article/details/110004969文章目录一、antd4如何回显数据 1. 定义变量 2. 保存接口数据到form变量中 3. form显示数据 4. 表单提交数据 onFinish 二、antd3如何回显数据 1. 引入FormComponentProps 2. 设置interface 3. 设置组件 4. 定义getFieldDecorator和setFieldsV
2021-01-27 14:57:19
4504
原创 nvm 切换node 版本突然无效
nvm 切换node 版本突然无效查了很多资料，和我的问题都不是很像，不知道为什么昨天还能正常切换，今天就不行了试了和多方法，都没解决后来直接卸载了nvm，连带其中的node，然后重新安装最后可以切换了重新安装大法好，就是麻烦了些，之前项目依赖的环境都得重新安装了...
2021-01-14 11:12:35
686
3
原创 React hook 报错Warning...cancel all subscriptions and asynchronous tasks in a useEffect cleanup fn
场景：有两个组件，组件A和组件B。组件B新建保存后，跳转到组件A，同时需要再请求组件A中的数据。我是这么写的，在点击 保存 按钮 时，跳转组件A，下一行是请求接口参考文献：https://blog.csdn.net/u011607490/article/details/88953692...
2020-08-11 14:08:55
2319
原创 React16 useEffect和useLayoutEffect的区别
目录useEffect是什么？有什么作用？useLayoutEffect是什么？有什么作用？两者区别是什么？useEffect的使用场景useLayoutEffect的使用场景useEffect是什么？有什么作用？该 Hook 接收一个包含命令式、且可能有副作用代码的函数。在函数组件主体内（这里指在 React 渲染阶段）改变 DOM、添加订阅、设置定时器、记录日志以及执行其他包含副作用的操作都是不被允许的，因为这可能会产生莫名其妙的 bug 并破坏 UI 的一致性。使用 use
2020-08-03 21:05:25
801
原创 前端优化---图片预加载
1、图片预加载场景：现在有一个点赞功能，点赞与取消点赞是两张图片，点赞后突然断网了，再点击取消点赞，此时图片会加载失败，显示图片加载失败的那种图片体验非常不好因此，需要把取消点赞的图片预加载出来！！！实现的方法有：https://blog.csdn.net/baidu_24024601/article/details/76167082*******不断补充****...
2019-04-15 15:40:29
4150
原创 node 用socket创建简单的聊天室
//构建简单的TCP聊天服务器var net=require('net');var server=net.createServer();//存放所有连接var sockets=[];server.on('connection',(socket)=>{ console.log('连接'); socket.setEncoding('utf8'); //存连接...
2019-03-19 19:38:48
232
原创 18总结19目标
工作入职已经有8个月了，有过一段适应期，有过一段满足期，还有一段过渡期，现在是提升期。适应期可以用同事的一句话总结：“接一个项目，上一次火，不是张火疙瘩就是张疖子”。当时每天都想着我不能延期，不能耽误公司的业务，每天都加班到很晚，急急忙忙把项目做完。每次codereview自己的代码时，都不忍直视。满足期可以用自己的傻气总结：“我做的这两个项目基本都是0bug，哈哈哈哈哈”。然后没有好好总结...
2019-03-12 20:10:11
188
原创 html基础知识
这些年的前端知识被狗吃了吗？竟然不知道标签页是啥在当前标签页（当前窗口）跳转 window.location.href=""在新窗口跳转 window.open("http://www.baidu.com")返回上一页不刷新 window.history.back(-1)...
2019-03-01 16:38:52
143
原创 css制作各种效果
纯css制作斑马线背景：https://blog.csdn.net/wjnf012/article/details/80242510?utm_source=blogxgwz7纯css制作毛玻璃效果：https://www.cnblogs.com/ghost-xyx/p/5677168.htmlhttp://www.cnblogs.com/xiaohuochai/p/7511823.html...
2019-02-26 20:37:39
337
转载 JavaScript 复杂判断的更优雅写法
转自：https://juejin.im/post/5bdfef86e51d453bf8051bf8前提我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。举个例子先看一段代...
2019-02-25 19:54:44
195
原创 初探微信小程序
* 布局问题一：wx.showModal的content内容换行显示添加‘\r\n’就行，真机上有效果，模拟器上没效果。问题二：小程序布局的单位rpx是怎么回事？参考了网上一些资料，这篇说的比较清楚：https://www.jianshu.com/p/25f28d80ec81rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。 ...
2019-02-15 17:27:35
176
原创 RN中的flex布局
Flex是CSS3中的一种新的布局模式，是可以自动调整子元素的高和宽，来很好的填充任何不同屏幕大小的显示设备中的可用显示空间，收缩内容防止内容溢出，确保元素拥有恰当的行为的布局方式。flex的主要概念1、容器 和 子项目容器的属性 和成员的属性（这个一定要弄清楚，不能瞎用，否则是浪费时间）2、主轴 和 侧轴主轴默认的方向是水平容器使用主轴的方向主轴和侧轴是垂直关系当你改...
2019-01-11 15:50:33
1740
转载 css3实现文字间歇滚动
场景：假设有4条数据或者标题，视口中只显示两条，采用每次向上滚动一条数据来展示所有的数据。效果如图：用JavaScript也很容易实现，但是需要操作DOM，可以参考这篇博客。考虑到项目中经常使用Vue，已经很少操作DOM了，所以考虑最好通过CSS来实现，可以通过Vue给模板元素动态绑定class来实现相同的功能，如果需要考虑css3兼容性的话，可以去使用JavaScript去完成。...
2018-12-08 11:49:05
1180
转载 React 组件间的通信
在使用 React 的过程中，不可避免的需要组件间进行消息传递（通信），组件间通信大体有下面几种情况：父组件向子组件通信 子组件向父组件通信 跨级组件之间通信 非嵌套组件间通信下面依次说下这几种通信方式。父组件向子组件通信这是最简单也是最常用的一种通信方式：父组件通过向子组件传递 props，子组件得到 props 后进行相应的处理。下面是演示代码：父组件 App.js：...
2018-12-06 15:58:58
236
转载 jsx中使用判断语句
在react中用jsx渲染dom的时候经常会遇到if条件判断，然而在jsx中竟是不允许if条件判断的。以下有几种判断方式，可以根据自己的应用场景，挑选适合的。方案一：class HelloMessage extends React.Component { render (){ let userMessage; if (this.props.loggedIn) { ...
2018-12-06 14:56:05
6068
转载 Flex Basis与Width的区别
转自：https://www.jianshu.com/p/17b1b445ecd4最近在学习Flex Box，其中的Flex Box属性中的Flex Basis是关于项目宽度属性设置的，这让许多初学Flex Box的人困惑它与CSS盒子模型Width属性的区别在哪？Google了一番，找到一篇解释写得很是不错的文章，尝试着翻译分享一下。原文地址：http://gedd.ski/post/th...
2018-11-20 15:48:32
157
原创 ant design 如何将后台传送的带特殊字符的数据转义为html解析
目录问题场景解决拓展问题场景ant design 是基于React实现的组件库，会将\n这样的特殊字符转成空格，但是我们想让数据显示在前端界面上，怎么做呢？解决首先，将data中的\n替换为<br > 因为ant design 直接将特殊字符转换成空格了，我们应将特殊字符自己处理一下data = json.data.replace(/\n/g,'...
2018-10-30 18:02:39
4996
原创 TS如何使用第三方库，如jquery
参考博客：https://blog.csdn.net/crazy_rabit/article/details/77849746#commentBox首先，安装jquery和@types/jquerynpm install --save jquerynpm install --save-dev @types/jquery什么要安装@types/jquery呢？ 因为T...
2018-10-26 17:43:43
10224
原创 短轮询、长轮询和web socket定义及其实现
短轮询定义：其实就是普通的轮询。指在特定的的时间间隔（如每1秒），由浏览器对服务器发出HTTP request，然后由服务器返回最新的数据给客户端的浏览器。应用场景：传统的web通信模式。后台处理数据，需要一定时间，前端想要知道后端的处理结果，就要不定时的向后端发出请求以获得最新情况。优点：前后端程序编写比较容易。缺点：请求中有大半是无用，难于维护，浪费带宽和服务器资源；响应的结果没...
2018-10-26 16:55:24
5228
转载 axios的详细用法
axiosAxios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中特点支持浏览器和node.js 支持promise 能拦截请求和响应 能转换请求和响应数据 能取消请求 自动转换JSON数据 浏览器端支持防止CSRF(跨站请求伪造)一、安装1、 利用npm安装npm install axios --save2、 利用bower安...
2018-10-10 11:36:30
1013
原创 React-Native利用React Navigation实现页面跳转——很好的RN入门DEMO
功能：1、简单的查看电影demo2、点击按钮跳转3、点击列表页中的某一条跳转到相应详情页页面：首页=>电影列表页=>详情页总结：1、练习了props，state，样式，长列表，网络，触摸事件，Flexbox布局（学习资料：http://flexboxfroggy.com/）2、练习了使用导航器跳转页面 https://reactnative.cn/d...
2018-09-11 18:26:54
8747
原创 查看端口是否被占用可以使用如下命令(8081)
1、windows查找占用端口的命令netstat -ano|find "8081"2、windows查看这个PID所在的程序tasklist|findstr "4816"3、结束该进程命令：taskkill /f /t /im node.exe指定新端口https://blog.csdn.net/a944540438/article/details/7162737...
2018-09-05 18:27:05
1747
转载 React Native样式总结
转自：https://blog.csdn.net/Wbiokr/article/details/79133409布局类（flex）具体可参考justifyContent//主轴上对齐方式alignItems//副轴上对齐方式flexDirection//flex布局方向flexWrap//flex换行设置flexGrow//（子元素）放大权重flexShrink//(子元素)...
2018-09-05 17:02:56
424
原创 React Native之样式篇
昨天会调试之后，今天迫不及待的就开始练习了。实现了一个电影列表，想让其样式变好看点，想要实现border：1px soild #ccc不好意思，RN告诉你不能这么用，于是百度呀。。。只能这样用：1、边框类borderWidth//边框宽度，单方向设置为borderBottomWidth,borderTopWidth,borderLeftWidth,borderRightWidth...
2018-09-05 17:01:00
1000
原创 React-Native调试工具的下载与使用
1、从官网下载安装react-native-debugger这个就找了半天，因为看到英文文档就看不下去，然后兜兜转转还是在官网上找的，怪我怪我，浪费时间https://github.com/jhen0409/react-native-debugger/releases 解压后点击其中的exe，就会出现高大上的界面2、调试先看官方文档：https://github.com/j...
2018-09-04 18:07:07
7015
原创 React-Native遇到那些坑
目录搭建环境1、在模拟器上都安装不上package2、安装JDK竟然有问题3、Unable to load script from assets 'index.android.bundle'.4、ReactNative:The development server returned response error code: 5005、Unable to resolve mo...
2018-09-03 21:20:03
3020
原创 工作中遇到的JS问题
移动开发中禁止屏幕横转：https://blog.csdn.net/wu1991924/article/details/43483289https://blog.csdn.net/teddyu_leo/article/details/49081813
2018-08-22 15:07:55
334
原创 图片太大，导致页面加载过慢的处理方法
整合博客：https://blog.csdn.net/wsyzxss/article/details/73480436 与 http://yujiangshui.com/three-html5-feature-intro/#toc-1使用浏览器预加载，firefox当中是prefetch，chrome当中是prerender图片过大加载慢？而不是图片太多加载慢？首先要尽可能的压缩，看...
2018-08-22 15:04:29
31696
原创 不可变性思想
摘抄自：https://doc.react-china.org/tutorial/tutorial.html不可变性思想的重要性改变应用数据的方式一般分为两种。第一种是直接修改已有的变量的值。第二种则是将已有的变量替换为一个新的变量。直接修改数据var player = {score: 1, name: 'Jeff'};player.score = 2;// Now play...
2018-08-09 21:06:16
256
转载 http 中设置过期时间expires和max-age的区别
文章转自：https://www.cnblogs.com/fengye87626/p/3949553.html主要重点在于我们要明白一个相对(Expires)一个绝对(max-age).分别max-agemax-age是HTTP/1.1中,他是指我们的web中的文件被用户访问(请求)后的存活时间,是个相对的值,相对Request_time(请求时间).例如:A.html 用户请求...
2018-08-01 20:37:57
28901
原创 解决问题
解决问题的时候，1、不要想当然，觉得我做的这样应该没错啊，到底是哪出错了，就是不往下想。。。2、要从源头开始查找，看是否从一开始获得的所要研究的对象就错了。。。3、解决问题的时候一定要多想，不要哎，我解决不出来，咋样的呀。。。然后就放弃了，或者找别人去解决，等人家解决了发现，咦，原来是这样啊，我再多想一会，我也知道了。。。呵呵，再给你多点时间你也想不出来，这就是解决问题能力的差距。。。...
2018-07-26 11:29:31
171
原创 js检测页面上一个元素是否已经滚动到了屏幕的可视区域内
应用场景：只要页面加载了，其中在页面中出现的li就向控制台输出第几个发送请求；在本次加载的页面中，再将滚动条滚回前边的li，不再向控制台输出东西，也就是说已经显示过的li，不再向控制台输出东西。<body><ul><li onclick="jumpOther()">0001</li><li>0002</li>
2018-07-25 16:47:23
17313
原创 js监听滚动条滚动到底部
$(document).ready(function () { window.addEventListener("scroll",function(e){ if (($(document).scrollTop()) >= ($(document).height() - $(window).height())) { //当底部基本距离+滚动的高...
2018-07-24 20:27:15
4615
转载 如何阅读源码？
转自这里http://www.sohu.com/a/225873553_500651这篇文章主要介绍下笔者看源码的一些心得和方式，由于笔者看的大部分是前端项目，当然也看过一些其它领域的源码，不过不多，所以内容主要还是以前端项目为主了解和熟悉在准备看一个开源项目源码的时候先去熟悉下这个项目的背景、功能以及相应的API。这步为了理解整个项目的功能做准备，也是为了后面重点看哪些模块做准备 ...
2018-07-23 20:11:42
1409
原创 css 制作各种三角形
三角形的制作原理其实很简单。原理：利用div元素的border属性来做。border的上左下右四个属性组成了一个正方形。这样我们就可以从正方形中拆出三角形了。不想要显示的设置成透明颜色，剩下的想显示的就是三角形。.square{ width:0; height:0; border:solid 15px; border-color: red yellow p...
2018-07-19 10:21:18
256
原创 css生成button的方法以及对text-align的理解
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>button</title> <style type="text/css"> html{font-size: 100px;} .btn{ c
2018-07-18 21:08:39
816
转载 css问题-设置子元素的margin background也跟着移动
转自这里一般就是给父元素设置overflow: hidden;即可解决问题，之所以出现这种情况的原因是：普通文档流盒子间，只要垂直外边距直接接触就会发生合并，合并后外边距视觉高度取两个发生合并外边距中较大者。发生这一现象的有三种情况：相邻兄弟块元素间、父元素及其首子元素和末子元素间（没有内边距或边框把外边距分隔开）、空块级元素自身的合并。...
2018-07-17 18:18:35
721
原创 使用rem单位
自适应布局：http://caibaojian.com/web-app-rem.html 看了这篇才发现原来我一直理解的是错的同上：http://caibaojian.com/rem-responsive-2.html原因：rem只能控制字体大小吗，在ff和chrome表现不一。目前中文版chrome浏览器的默认字体大小下限是12像素，把html根元素设置为62.5%时，rem单位的...
2018-07-13 11:54:03
581
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人