自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 18总结19目标

工作入职已经有8个月了,有过一段适应期,有过一段满足期,还有一段过渡期,现在是提升期。 适应期可以用同事的一句话总结:“接一个项目,上一次火,不是张火疙瘩就是张疖子”。当时每天都想着我不能延期,不能耽误公司的业务,每天都加班到很晚,急急忙忙把项目做完。每次codereview自己的代码时,都不忍...

2019-03-12 20:10:11

阅读数 63

评论数 0

原创 前端优化---图片预加载

1、图片预加载 场景:现在有一个点赞功能,点赞与取消点赞是两张图片, 点赞后突然断网了, 再点击取消点赞,此时图片会加载失败,显示图片加载失败的那种图片 体验非常不好 因此,需要把取消点赞的图片预加载出来!!! 实现的方法有:https://blog.csdn.net/baidu_24...

2019-04-15 15:40:29

阅读数 2104

评论数 0

原创 node 用socket创建简单的聊天室

//构建简单的TCP聊天服务器 var net=require('net'); var server=net.createServer(); //存放所有连接 var sockets=[]; server.on('connection',(socket)=...

2019-03-19 19:38:48

阅读数 83

评论数 0

原创 html基础知识

这些年的前端知识被狗吃了吗? 竟然不知道标签页是啥 在当前标签页(当前窗口)跳转 window.location.href="" 在新窗口跳转 window.open("http://www.baidu.com") 返回上一页不刷新 window.h...

2019-03-01 16:38:52

阅读数 69

评论数 0

原创 css制作各种效果

纯css制作斑马线背景:https://blog.csdn.net/wjnf012/article/details/80242510?utm_source=blogxgwz7 纯css制作毛玻璃效果:https://www.cnblogs.com/ghost-xyx/p/5677168.html...

2019-02-26 20:37:39

阅读数 151

评论数 0

转载 JavaScript 复杂判断的更优雅写法

转自:https://juejin.im/post/5bdfef86e51d453bf8051bf8 前提 我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断,但这样会有个问题,随着逻辑复杂度的增加,代码中的if/else/switch...

2019-02-25 19:54:44

阅读数 84

评论数 0

原创 初探微信小程序

* 布局 问题一:wx.showModal的content内容换行显示 添加‘\r\n’就行,真机上有效果,模拟器上没效果。 问题二:小程序布局的单位rpx是怎么回事? 参考了网上一些资料,这篇说的比较清楚:https://www.jianshu.com/p/25f28d80ec81 r...

2019-02-15 17:27:35

阅读数 84

评论数 0

原创 RN中的flex布局

Flex 是CSS3中的一种新的布局模式,是可以自动调整子元素的高和宽,来很好的填充任何不同屏幕大小的显示设备中的可用显示空间,收缩内容防止内容溢出,确保元素拥有恰当的行为的布局方式。 flex的主要概念 1、容器 和 子项目 容器的属性 和成员的属性(这个一定要弄清楚,不能瞎用,否则是浪费时...

2019-01-11 15:50:33

阅读数 278

评论数 0

转载 css3实现文字间歇滚动

场景: 假设有4条数据或者标题,视口中只显示两条,采用每次向上滚动一条数据来展示所有的数据。效果如图: 用JavaScript也很容易实现,但是需要操作DOM,可以参考这篇博客。考虑到项目中经常使用Vue,已经很少操作DOM了,所以考虑最好通过CSS来实现,可以通过Vue给模板元素动态绑定...

2018-12-08 11:49:05

阅读数 602

评论数 0

转载 React 组件间的通信

在使用 React 的过程中,不可避免的需要组件间进行消息传递(通信),组件间通信大体有下面几种情况: 父组件向子组件通信 子组件向父组件通信 跨级组件之间通信 非嵌套组件间通信 下面依次说下这几种通信方式。 父组件向子组件通信 这是最简单也是最常用的一种通信方式:父组件通过向子组件传...

2018-12-06 15:58:58

阅读数 148

评论数 0

转载 jsx中使用判断语句

在react中用jsx渲染dom的时候经常会遇到if条件判断,然而在jsx中竟是不允许if条件判断的。以下有几种判断方式,可以根据自己的应用场景,挑选适合的。 方案一: class HelloMessage extends React.Component {   render (){    ...

2018-12-06 14:56:05

阅读数 1281

评论数 0

转载 Flex Basis与Width的区别

转自:https://www.jianshu.com/p/17b1b445ecd4 最近在学习Flex Box,其中的Flex Box属性中的Flex Basis是关于项目宽度属性设置的,这让许多初学Flex Box的人困惑它与CSS盒子模型Width属性的区别在哪?Google了一番,找到一篇...

2018-11-20 15:48:32

阅读数 45

评论数 0

原创 ant design 如何将后台传送的带特殊字符的数据转义为html解析

目录 问题场景 解决 拓展 问题场景 ant design 是基于React实现的组件库,会将\n这样的特殊字符转成空格,但是我们想让数据显示在前端界面上,怎么做呢? 解决 首先,将data中的\n替换为<br >    因为ant design 直接将特...

2018-10-30 18:02:39

阅读数 1601

评论数 0

原创 TS如何使用第三方库,如jquery

参考博客:https://blog.csdn.net/crazy_rabit/article/details/77849746#commentBox 首先,安装jquery和@types/jquery npm install --save jquery npm install --save-...

2018-10-26 17:43:43

阅读数 2988

评论数 0

原创 短轮询、长轮询和web socket定义及其实现

短轮询 定义:其实就是普通的轮询。指在特定的的时间间隔(如每1秒),由浏览器对服务器发出HTTP request,然后由服务器返回最新的数据给客户端的浏览器。 应用场景:传统的web通信模式。后台处理数据,需要一定时间,前端想要知道后端的处理结果,就要不定时的向后端发出请求以获得最新情况。 ...

2018-10-26 16:55:24

阅读数 1535

评论数 0

转载 axios的详细用法

axios Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中 特点 支持浏览器和node.js 支持promise 能拦截请求和响应 能转换请求和响应数据 能取消请求 自动转换JSON数据 浏览器端支持防止CSRF(跨站请求伪造) 一...

2018-10-10 11:36:30

阅读数 513

评论数 0

原创 React-Native利用React Navigation实现页面跳转——很好的RN入门DEMO

功能: 1、简单的查看电影demo 2、点击按钮跳转 3、点击列表页中的某一条跳转到相应详情页 页面: 首页=>电影列表页=>详情页 总结: 1、练习了props,state,样式,长列表,网络,触摸事件,Flexbox布局(学习资料:http://f...

2018-09-11 18:26:54

阅读数 5003

评论数 0

原创 查看端口是否被占用可以使用如下命令(8081)

1、windows查找占用端口的命令 netstat -ano|find "8081" 2、windows查看这个PID所在的程序 tasklist|findstr "4816" 3、结束该进程 命令:taskkill /f /t /im no...

2018-09-05 18:27:05

阅读数 300

评论数 0

转载 React Native样式总结

转自:https://blog.csdn.net/Wbiokr/article/details/79133409 布局类(flex) 具体可参考 justifyContent//主轴上对齐方式 alignItems//副轴上对齐方式 flexDirection//flex布局方向 flexW...

2018-09-05 17:02:56

阅读数 233

评论数 0

原创 React Native之样式篇

昨天会调试之后,今天迫不及待的就开始练习了。实现了一个电影列表,想让其样式变好看点,想要实现border:1px soild #ccc 不好意思,RN告诉你不能这么用,于是百度呀。。。 只能这样用: 1、边框类 borderWidth//边框宽度,单方向设置为borderBottomWi...

2018-09-05 17:01:00

阅读数 469

评论数 0

原创 React-Native调试工具的下载与使用

1、从官网下载安装react-native-debugger 这个就找了半天,因为看到英文文档就看不下去,然后兜兜转转还是在官网上找的,怪我怪我,浪费时间 https://github.com/jhen0409/react-native-debugger/releases  解压后点击其中的...

2018-09-04 18:07:07

阅读数 3775

评论数 0

原创 React-Native遇到那些坑

目录 搭建环境 1、在模拟器上都安装不上package 2、安装JDK竟然有问题 3、Unable to load script from assets 'index.android.bundle'. 4、ReactNative:The development ser...

2018-09-03 21:20:03

阅读数 1834

评论数 0

原创 工作中遇到的JS问题

移动开发中禁止屏幕横转: https://blog.csdn.net/wu1991924/article/details/43483289 https://blog.csdn.net/teddyu_leo/article/details/49081813

2018-08-22 15:07:55

阅读数 192

评论数 0

原创 图片太大,导致页面加载过慢的处理方法

整合博客:https://blog.csdn.net/wsyzxss/article/details/73480436  与 http://yujiangshui.com/three-html5-feature-intro/#toc-1 使用浏览器预加载,firefox当中是prefetch,c...

2018-08-22 15:04:29

阅读数 11331

评论数 0

原创 不可变性思想

摘抄自:https://doc.react-china.org/tutorial/tutorial.html 不可变性思想的重要性 改变应用数据的方式一般分为两种。第一种是直接修改已有的变量的值。第二种则是将已有的变量替换为一个新的变量。 直接修改数据 var player = {sco...

2018-08-09 21:06:16

阅读数 142

评论数 0

转载 http 中设置过期时间expires和max-age的区别

文章转自:https://www.cnblogs.com/fengye87626/p/3949553.html 主要重点在于我们要明白一个相对(Expires)一个绝对(max-age). 分别 max-age max-age是HTTP/1.1中,他是指我们的web中的文件被用户访问(请求)...

2018-08-01 20:37:57

阅读数 8822

评论数 0

原创 解决问题

解决问题的时候, 1、不要想当然,觉得我做的这样应该没错啊,到底是哪出错了,就是不往下想。。。 2、要从源头开始查找,看是否从一开始获得的所要研究的对象就错了。。。 3、解决问题的时候一定要多想,不要哎,我解决不出来,咋样的呀。。。然后就放弃了,或者找别人去解决,等人家解决了发现,咦,原来是...

2018-07-26 11:29:31

阅读数 96

评论数 0

原创 js检测页面上一个元素是否已经滚动到了屏幕的可视区域内

应用场景: 只要页面加载了,其中在页面中出现的li就向控制台输出第几个发送请求;在本次加载的页面中,再将滚动条滚回前边的li,不再向控制台输出东西,也就是说已经显示过的li,不再向控制台输出东西。 <body> <ul> &lt...

2018-07-25 16:47:23

阅读数 8722

评论数 0

原创 js监听滚动条滚动到底部

$(document).ready(function () { window.addEventListener("scroll",function(e){ if (($(document).scrollTop()) >= ($(docume...

2018-07-24 20:27:15

阅读数 2458

评论数 0

转载 如何阅读源码?

转自这里http://www.sohu.com/a/225873553_500651 这篇文章主要介绍下笔者看源码的一些心得和方式,由于笔者看的大部分是前端项目,当然也看过一些其它领域的源码,不过不多,所以内容主要还是以前端项目为主 了解和熟悉 在准备看一个开源项目源码的时候先去熟悉下这个项...

2018-07-23 20:11:42

阅读数 1083

评论数 0

原创 css 制作各种三角形

三角形的制作原理其实很简单。 原理: 利用div元素的border属性来做。border的上左下右四个属性组成了一个正方形。这样我们就可以从正方形中拆出三角形了。不想要显示的设置成透明颜色,剩下的想显示的就是三角形。 .square{ width:0; height:0; ...

2018-07-19 10:21:18

阅读数 93

评论数 0

原创 css生成button的方法以及对text-align的理解

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>button...

2018-07-18 21:08:39

阅读数 351

评论数 0

转载 css问题-设置子元素的margin background也跟着移动

转自这里 一般就是给父元素设置overflow: hidden;即可解决问题,之所以出现这种情况的原因是:普通文档流盒子间,只要垂直外边距直接接触就会发生合并,合并后外边距视觉高度取两个发生合并外边距中较大者。发生这一现象的有三种情况:相邻兄弟块元素间、父元素及其首子元素和末子元素间(没有内边距...

2018-07-17 18:18:35

阅读数 230

评论数 0

原创 使用rem单位

  自适应布局:http://caibaojian.com/web-app-rem.html 看了这篇才发现原来我一直理解的是错的 同上:http://caibaojian.com/rem-responsive-2.html 原因:rem只能控制字体大小吗,在ff和chrome表现不一。目前...

2018-07-13 11:54:03

阅读数 356

评论数 0

原创 工作用到的工具和框架

fiddler:能监控电脑上的所有网络请求,能作为代理让手机访问内网所在的未上线的网页 http://www.hangge.com/blog/cache/detail_1697.html ejs:使得js代码模块化的框架 https://www.jianshu.com/p/81ea81d29...

2018-07-10 16:24:53

阅读数 92

评论数 0

原创 工作中遇到的环境配置问题

使用nvm控制node的版本切换,弄了将近一上午没弄好,结果后来发现是因为之前装过了node,然后安装nvm的时候,nvm生成的symlink(符号链接/超链接)不会覆盖现有的(甚至是空的)安装目录。所以要把之前的nodejs目录删掉。 安装教程:https://www.cnblogs.com/...

2018-07-09 14:43:35

阅读数 46

评论数 0

原创 工作遇到的CSS问题

1、文字两边有横线 https://blog.csdn.net/Bumphy/article/details/78319678 2、文字换行 https://www.cnblogs.com/fsyz/p/7770839.html 3、table布局 https://segmentfaul...

2018-07-06 20:26:15

阅读数 69

评论数 0

原创 找工作季——人人面试

人人一面弱类型AJAXJSON怎么解析的人人二面1、String字符串的方法  变成unicode编码charCodeAt()2、Object的一些方法怎么创建一个空的对象。Var temp={};创建的其实不是空的,那怎么创建空的呢?Create()、is()判断两个值是否是同一个值、keys(...

2018-05-08 12:09:53

阅读数 122

评论数 0

原创 找工作季——链家、去哪儿面试

链家一面1、一个按钮,让他在60s内只能点击60次,超过60次后就不能点击了,应该怎么做?用栈入栈是点击按钮就入栈一次其中栈的最大值是60每过了1秒就出栈2、求一个二叉树的A节点、B节点的最近的父节点怎么写?剑指offer上的题3、一个字符串怎么变成JSON对象?JSON.parse(jsonst...

2018-05-08 12:01:53

阅读数 127

评论数 0

原创 找工作季——腾讯面试

去年9、10月份找工作的时候,一家家面试,一家家挂掉。男票说我那一段的表情大部分都是生无可恋,其实,现在我回过头来看那段,感觉还可以,没有那么痛苦(其实有点,笑哭)。现在剩下的感觉只有男票十一期间一直陪着我升级打怪(感动),从大渣渣不断变成小渣渣的过程,最终拿到一个、两个、三个offer。其实,总...

2018-05-08 11:52:41

阅读数 158

评论数 0

提示
确定要删除当前文章?
取消 删除