- 博客(64)
- 收藏
- 关注
RSS订阅原创 前端性能指标
小菜鸡今天开始接触前端性能指标，之前一直觉得项目的性能一般，但是又说不出哪里有问题、哪里可优化一.监控工具使用chrome的lighthouse测试页面性能二.指标含义FP、FCP、FMP、TTI三.各指标的优化本章内容copy，慢慢参悟1.FP的优化（白屏时间）SPA 切换场景，一般页面一直处于有内容状态，首次渲染的概念意义不大优化 FP 指标，关键是缩短资源的下载时间，以及减少阻塞浏览器渲染 DOM 的任务的执行时间。常见方法有：减少外链 CSS 资源的数
2021-03-14 21:59:42
744
原创 CSS实现文字循环滚动效果
想实现这样的滚动条功能，参考https://blog.csdn.net/qq_30449567/article/details/80417304，可使用css animation的思路想让前面的icon不随右侧滚动，有两种思路均可1.icon盖在右侧滚动条上（更简单）2.右侧滚动部分外包一个定宽容器需注意几点，1.使用animation则不需再设overflow: scroll2.滚动条外的容器设了定宽，需给滚动条设display:inline-block，否则在文字较长的情况...
2021-03-09 17:51:27
1462
原创 埃里克森的社会心理发展阶段
引自《心理学与生活》第十章：人的毕生发展理论埃里克森提出个体必须成功地通过一系列的心理社会发展阶段，每个发展阶段都会出现一个主要冲突或危机。大致年龄 危机 充分解决 不充分解决 0-1.5岁 信任对不信任 基本信任感 不安全感、焦虑 1.5-3岁 自主对自我怀疑 知道自己有能力控制自己的身体、做某些事情 感到无力完全控制事情 3-6岁 主动对内疚 相信自己是发起者、创造者 缺少自我价值感 6岁-青春期 .
2021-02-22 23:01:10
586
原创 计算广告笔记
计费方式在线广告多种多样的计费方式，实际上反映着市场结构的分工不同：具体来说，与供给方和需求方如何分工估计点击率和点击价值，从而完成整个市场的资源优化配置有关。
2021-02-04 16:04:25
105
原创 ejs-compiled-loader升级后run ejs文件报no such file
ejs-compiled-loader版本从^1.1.0升至^2以后，运行ejs文件时报no such fileejs-compiled-loader从^1.1.0升至^2，是个break change升级，更换了repo为https://github.com/mde/ejs其中一个变化是ejs文件include引用其他文件的方式改变...
2020-12-07 20:11:09
265
原创 前端面试题整理（十）工程化
准备面试的时候做的个人整理，比较基础，难度对标实习一面，校招应该比这难点。前端面试题整理之工程化个人经验 工程化的问题一般是基础问题聊的比较好之后才会被问到的。感觉面试官普遍对实习/校招同学对工程化的了解不报太大期待，接触过/有经验的当然是加分项，不了解的也不用太担心，老老实实的回答，态度认真就好。 学生面试中切忌吹牛。瞎说一通即使当场没有被怼，一旦被识破肯定是慢走不送的结果。题目整理工程化了解么？webpack了解么？（最常见的问题） 前端工程化的理解、如何自己实现一个文件打包..
2020-11-25 19:28:41
843
原创 前端面试题整理（八）ES6
准备面试的时候做的个人整理，比较基础，难度对标实习一面，校招应该比这难点。你对ES6了解多少？知道哪些？（必问hhh） Promise（考过） Async/Await ES6中迭代器的使用：Generator函数 es6的继承和es5的继承有什么区别 箭头函数，以及它的this（考过） let暂时性死区（考过） ES6中map遍历的实现原理 Symbol，写一个应用实例，并说出它的其他应用场景...
2020-11-25 19:27:40
126
原创 前端面试题整理（九）用JS写组件/api
准备面试的时候做的个人整理，比较基础，难度对标实习一面，校招应该比这难点。前端面试题整理之JS实现相关，一、JS写组件 一个列表怎么监听每一个li的点击事件？如果新加li呢？ 事件委托：https://www.cnblogs.com/liugang-vip/p/5616484.html 自动补全组件 https://www.cnblogs.com/Hyacinth-Yuan/p/6715795.html 实现一个双向数据绑定 轮播图的实现，以及轮播图组件开**
2020-11-25 19:26:10
321
原创 前端面试题整理（七）框架
前端面试题整理之框架相关，主react什么是MVVM，MVC，MVP（考过） react和vue理念的区别（考过） rn的生命周期 react的生命周期 https://www.cnblogs.com/qiaojie/p/6135180.html（考过） render理念，虚拟dom（考过） vue的生命周期 https://segmentfault.com/a/1190000008010666 vue的双向绑定原理 https://www.cnblogs.com/libin-1/p/689
2020-10-27 11:24:20
88
原创 前端面试题整理（六）html
前端面试题整理之HTML相关，HTML5新特性，语义化 xhtml和html的区别 使用data-的好处 meta标签 css js放置位置和原因 什么是渐进式渲染 meta viewport原理 nodeValue、value和innerHTML的区别
2020-10-27 11:23:37
60
原创 前端面试题整理（五）HTTP相关
前端面试题整理之HTTP相关，一、基础fetch、ajax、axios的区别？ osi七层模型/tcpip四层模型： 一个请求发送后，在这几层模型里边都干了什么 http1.0 1.1 2.0区别 ajax请求中，readyStatus的状态有哪些 各种响应码503 401 403 204 206 https://blog.csdn.net/liukai6/article/details/80375412（最重要的304一定要说清楚，详见http缓存详解，cache-control）.
2020-10-26 18:53:20
281
原创 前端面试题整理（四）浏览器
前端面试题整理之浏览器相关，一、概述骨架知识：浏览器模型，渲染原理，JS解析过程，JS运行机制重点知识： http相关，cookie，cache，web安全相关，跨域处理二、基础从输入URL到页面加载：http://www.dailichun.com/2018/03/12/whenyouenteraurl.html 浏览器机制（异步机制、线程宿主环境）：https://www.jianshu.com/p/abc2dddcff18 微任务宏任务（非常重要，考过）：https://.
2020-10-26 18:52:46
147
原创 前端校招面试题整理（三）简单算法
前端面试题整理之简单算法，请注意是【非常简单】的算法....一、基本数据结构：（数组、队列、链表、堆、二叉树、哈希表等等）8种排序算法，原理，以及适用场景和复杂度 string、array的API 超大金额转换，1000000000->10,000,000,000 数组去重(多种方法) 去重PLUS：给定arr1 arr2，合并去重，返回result 超大整数相加：https://www.jianshu.com/p/c51d63028371 手写实现求两个集合A, B 的差集，&l
2020-10-26 18:51:42
277
原创 前端校招面试题整理（二）CSS基础
个人经验由于本人的css不是强项，这里主要是失败的经验。个人在面试的时候感觉对于css的这部分，关心的面试官是真关心（各种实操往死里问），不关心的面试官是真不关心（轻飘飘问几个问题就问js和项目去了）。从工作一段时间往回看， 面试官在面试中关心的问题内容往往也是在透露他们部门的工作内容 。关心css的面试官本身很懂css，经验丰富，说明在工作中需要经常处理css的各种奇怪问题；不关心css的面试官可能在工作中接触css复杂问题的也少。这里主要是想表达不同团队的前端工作内容不同，对面试者的要求也就不同
2020-10-26 18:51:07
144
原创 前端校招面试题整理（一）JS基础
一、个人经验JS基础是面过的大多数面试的一面主要考点（一面基础，二面项目，三面内容靠RP）。也遇到过面试官更关心css应用，js只考非常简单的，这样的一般未来工作内容也更偏css。根据个人经验，基础的JS问题肯定是得hold住，不然一面估计也过不去；对于一些细节/应用型的问题，建议慢慢积累，理解型记忆，看到就记一下，考过的记住作为下一次的背书；难一些的问题看个人能力和目标公司要求，毕竟还有其他知识也需要准备。有时间精力的，推荐看看《JavaScript权威指南》或者《JavaScript高级程序
2020-10-26 18:50:13
582
原创 聊聊校招内推，意义/优缺点/如何抓住机会等
发布内推消息之后，逐渐收到一些同学的内推邮件，也有直接填写链接自己投递的。这样走内推其实和官网投递无异，感觉有些可惜，所以想来聊聊内推这件事。这篇文章主要是写给没有特别熟的学长学姐内推、在网上找公开内推的朋友，希望能通过我的经验帮助大家更充分的了解内推。以下仅代表个人经验和观点，没水平代表各公司情况，有说错的欢迎留言指正。一、什么是内推？内推即内部员工推荐，简单来说就是在普通的面试者vs公司hr的投递方式之间增加了一道内部员工推荐的步骤。一般内推可以推公司内部任何开放的岗位，其余面试流程和普通投
2020-10-26 18:15:02
4306
原创 React native sticky tab吸顶功能
rn的吸顶实现思路和h5不同，且安卓可能有兼容性问题思路一使用ScrollView的stickyHeaderIndices属性IOS支持，Android不支持 吸顶目标需要是Scrollview的第n+1个子节点<ScrollView style={ s.container } onScroll = { this.onScroll } scrollEventThrottle = {1} showsVerticalScrollIndicator = ...
2020-10-19 23:18:51
1891
1
原创 python 安装报错 Cannot fetch index base URL http://pypi.python.org/simple/
使用pip install xxx命令的时候，抱Cannot fetch index base URL http://pypi.python.org/simple/的错看网上主要是让换镜像，pip install xxx -i xxx尝试了下还是报新镜像找不到Cannot fetch index base URL xxx我的python是用anaconda装的2.7，最后发现把anaconda卸了，从官网上重新安python3+后就不再报错了因此如果换镜像的方法无效，可以切换下p
2020-06-20 03:37:19
1082
原创 npm install报错: Unexpected end of JSON input while parsing near
运行项目的时候，npm install总遇见Unexpected end of JSON input while parsing near报错网上容易搜到的一些方法无效//1.清理cache，无效npm cache clean --force//2.换镜像，无效npm config set registry "https://registry.npm.taobao.org" ...
2020-04-08 00:19:33
265
原创 react native: Image设置resizeMode为contain导致图片居中，不向左对齐
需求背景是给一个组件传不同宽度的图片，希望在显示时能展示完整图片，保持图片位置、高度一致，宽度自适应最开始给图片统一设置了宽高，本以为能像h5的img标签一样，自适应宽高还能左对齐 img: { position: 'absolute', top: 6, left: 6, height: 16, w...
2020-03-28 02:17:02
2663
原创 ReactNative TextInput: onChange 与 onChangeText
在使用rn提供的TextInput组件的过程中，发现提供了两个onChange方法，在此记录https://reactnative.cn/docs/0.48/textinput.html官方解释，两个方法的时机相同，传参不同，一个是object一个是string示例如下。使用时需注意需分二者，不然会导致rn报错// onChangeText示例<TextInput ...
2020-03-24 18:36:34
1835
原创 react router native : rn to web使用link标签失效
rn项目的路由使用link标签可以成功跳转const linkParams = { pathname: '/star', state: { data: item },}<Link to={ linkParams } component={ TouchableOpacity }> <Item text={ item.text } index={ ...
2020-03-18 11:36:55
278
原创 react router native:link点击不跳转
rn嵌入原生，出现点击TouchableOpacity组件内容没反应、不跳转的情况// App.jsconst history = createMemoryHistory()<Router history={ history }> <Switch> <Route path="/" component={ Home }/> ...
2020-02-18 23:10:16
1587
原创 react router native报错：cannot read property location of undefined
兜兜转转，我又搞回了rn。节后复工，跟不上进度很难受，希望能重拾初心。项目需要，在rn中引入router，选择了react-router-native。照着官网的例子搞，import { Router, Route } from 'react-router-native'<Router> <Route path="/" component={ Test...
2020-02-16 20:39:22
1756
原创 理财知识入门
记录一些近期学习的理财知识年化收益率年化收益率是指投资期限为一年所获的收益率年化收益率=[（投资内收益 / 本金）/ 投资天数] * 365 ×100%工资可配置类别进阶工薪族应该根据工资、用钱情况（可投资时长）、预期收益选择不同的投资。序列 投资类型 投资目标 目标年化收益率 投资时长 1 活期 日常消费等临时使用 2....
2019-10-12 11:46:15
268
原创 少壮不努力，老大徒伤悲
同为70后的工程师，感受良多.其实老员工的经验，是年轻大学生欠缺的.一个大公司，包括华为，大龄老员工的经验是难得的财富，只是相应的岗位很少．以一个３５岁的技术主管带十个２５岁的程序员为例，技术主管与程序员的岗位市场需求是１比10, 10年后这10个程序员竞争１个技术主管职位，不是说老员工无用，只是相应的岗位少．体育界也类似，一个教练可以带２０个球员，２０个球员退役后，教练职位只有一...
2019-10-09 17:06:06
504
原创 为什么merge记录时有时无
引言关于git和merge本文不做讲解，想学习的可以看阮一峰大大的git教程本文主要讨论下面的commit记录什么时候出现（下称目标分支：待被合并的分支，多为master；自己分支：准备合并到目标分支的分支）是否出现原则自己分支是否对目标分支以前的提交时间线有改动即如果自己分支的提交记录与目标分支的现有记录完全重合时，提交不会产生merge记录；如果提交是对目标分支...
2019-05-16 18:30:26
2742
原创 h5坑：scrollTop取值非整数
1.scrollTop取值非整数背景：做上拉加载需求时，需通过滑动条滚动时判断e.scrollTop+e.clientHeight === e.scrollHeight实现。坑1 端内的h5取到的scrollTop非整数型号：oppo X9、小米 MIX2解决：应用Math.round(scrollTop)四舍五入判断坑2 在坑1存在的情况下，还有手机滑动过快时，取得的...
2019-05-16 16:59:39
750
原创 图片式进度条实现原理
功能描述图片式进度条。输入一个百分比数值，根据输入值显示高度占比。视觉原理从UI实现的角度，是两张图片（最好是svg）重叠，向底端对齐。底层是灰色图片，保持固定高度；上层是蓝色图片，宽度与底层一致，高度根据输入值修改。这样可以在视觉上体现高度占比的效果。前端实现原理从前端实现的角度，这个组件可以理解为一个底端对齐的进度条，进度条样式由图片决定。进度条功能由一对父子div...
2019-05-05 14:40:30
1239
原创 JS设计模式：观察者模式
学习MVVM的资料，在此记录观察者模式建立一种对象与对象之间的依赖关系，一个对象发生改变时将自动通知其他对象，其他对象将相应作出反应。在此，发生改变的对象称为观察目标，而被通知的对象称为观察者，一个观察目标可以对应多个观察者，而这些观察者之间没有相互联系，可以根据需要增加和删除观察者，使得系统更易于扩展，这就是观察者模式的模式动机。发布订阅模式发布订阅模式是最常用的一...
2019-04-24 20:20:05
122
原创 通过命令行使用git
不听老人言，吃亏在眼前以前偷懒，都用vscode，结果提交第一个需求的时候全找回来了。因为对git命令不熟悉，没看出问题在哪，搞了两个多小时ssh。。。查看本地分支$ git branch新建分支、同步代码此过程前半部分遵循阮一峰大大的git使用规范流程。此处只是为后半部分加些注解提交到本地分支$ git commit -m 'MESSAGE' #提交时加...
2019-04-17 18:17:01
132
原创 ssh的坑与相关命令
在公司第一次上传代码到gitlab，总是报权限问题。最后发现不是ssh的问题，却把ssh能踩的坑都踩了一遍。。。在此记录如果怀疑ssh有问题，按照下面的命令敲一遍，包治百病检查ssh时常用命令$ ssh -T [email protected]#测试链接情况$ ssh -v [email protected] #查看调试信息此处bug：debug: No more authen...
2019-04-17 18:09:25
193
原创 JS基础：理解bind,apply和call
call和bind本质上是apply方法的语法糖一、关联今天看到一篇手写bind的文章，首先提到绑定隐式丢失的问题，然后提出普遍的解决方法是call和applyfunction foo() { console.log( this.a); }var obj = { a: 2 };var bar = function() { foo.call(obj); ...
2019-03-27 22:43:14
151
原创 JS设计模式：模块模式
模块模式的关键在于对象字面量和闭包。对象字面量封装模块，闭包实现私有和公有。它提供了一种包装混合公有/私有方法和变量的方式，防止其泄露至全局作用域。为我们提供了一个屏蔽处理底层事件逻辑的整洁解决方案，同时只暴露一个接口供其他部分使用。该模式的特点是返回一个对象而不是一个函数，除此之外非常类似一个立即调用的函数表达式。由于闭包的存在，声明的变量和方法只在该模式内部可用。但在返回对象上定义...
2019-03-11 16:11:20
486
原创 JS设计模式：工厂模式
工厂模式是一种创建型模式。它的特点在于，提供一个通用的接口来创建对象，不显式地要求使用一个构造函数，我们可以指定我们所希望创建的对象工厂的类型。假设有一个UI工厂，我们要创建一个UI组件的类型。不需要直接使用new运算符或者通过另一个创建型构造函数创建这个组件，而是要求Factory对象创建一个新的组件。我们通知Factory需要什么类型的对象，它会进行实力化，然后将它返回给我们。PS.除...
2019-03-11 11:46:52
98
原创 JS基础：字符串操作
JS提供的String API一、字符串查找search(),indexOf()方法，查找子字符串并返回第一个子字符串的初始位置（输入子串，返回位置）var str='abcdef'console.log(str.search('bc')) // 1console.log(str.search('u')) // -1indexOf()是更底层的方法。对于查找具体子字...
2019-02-08 14:28:25
166
原创 JS基础：原型链图拆解
识别原型链关键：跟着__proto__走画出原型链关键：理解A，A.prototype与B.__proto__网上的原型链图有很多种，作为新手看着看着就迷糊了。看不懂的其中一个原因是他们一步到位，从老老老父亲到刚new的对象都放在一张图上。 一、I级原型因此想要理解，首先从最上层的Object开始捋一下：如图，Object是js提供的引用类型。它是function对象，...
2019-02-06 01:10:02
151
原创 JS基础：关于原型链的基本知识
1.__proto__,prototype通过new操作符实现的继承关系：child.__proto__ = father.prototype 只有function有prototype属性2.Object与new ObjectFunction,Object,Array是function对象，对于子对象来说他们是构造函数 new Object是对象3.原生类型与对象类型判断原生类...
2019-02-06 00:03:36
100
原创 JS基础：Object.defineProperty的应用
Object.defineProperty是ES5中的方法，它可以直接在一个对象上定义一个新属性，或者修改一个对象的现有属性并返回这个对象其自带get()和set()两个访问器，可在对象属性取值赋值的时候自定义方法。1.赋值取值时自定义方法问：p1的name改变了，a1的name也要跟着改变，怎么实现function Person() {}function Animal()...
2019-02-05 17:23:21
148
原创 JS基础：函数柯里化
概述curry(add,1,2,3)(1)(2)(3,4,5,5)()函数柯里化(curry)是说，把函数参数分多次传入，最终获得的结果和一次性输入全部参数一致。好的柯里化函数可以自定义函数func，作为第一个参数传入。实现function curry(func){ var args=[].slice.call(arguments,1) var _func=functio...
2019-02-04 13:26:14
368
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人