- 博客(45)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 2022年前端面试题目及知识点
兜兜转转在前端好几年，之前也分享过很多前端小点的文章，现在打算把前端需要的基础知识、面试的内容做一个前面的整理。
2022-09-18 21:04:30
278
1
原创 this
改变this：call、apply、bindbind和call、apply：call和apply：this指向this对象是在运行时基于函数的执行环境绑定的；在全局环境中，this等于window；定义对象时，this等于那个对象；匿名函数的执行环境具有全局性，因此其this对象通常指向window// 定义一个全局变量var type = "全局"; // 定义函...
2019-09-29 21:26:28
181
原创 事件循环Event Loop
一. 单线程1. 单线程首先，js是一个非阻塞的单线程脚本语言；非阻塞即执行异步任务，主线程会挂起任务，等待异步任务执行完成后按照一定的规则执行回调函数2. 堆和栈js的变量存放于堆或者栈中；堆中存放对象，栈中存放基本变量和对象的指针二. 执行栈和事件队列方法调用（1）脚本第一次执行，js引擎解析代码，将同步代码依次排列在执行栈中；（2）一系列方法依次调用，一次只能执行一个方法；...
2019-09-28 16:56:02
152
原创 ajax
状态readyState0 - (未初始化)还没有调用send()方法1 - (载入)已调用send()方法，正在发送请求2 - (载入完成)send()方法执行完成，3 - (交互)正在解析响应内容4 - (完成)响应内容解析完成，可以在客户端调用了具体状态100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本200——交易成功201——...
2019-09-24 21:25:41
145
原创 css
选择器-css权重问题css的主要选择器|类型|权重 ||–|--|| ! important | 无穷 || 行间样式 | 1000 || id | 100 || class/属性选择器/伪类 | 10 || 标签选择器 | 1 || 通配符 | 0 |...
2019-09-24 16:00:24
140
原创 原型链闭包相关
一.判断数据类型的方法typeof：[]、null、{}都会返回object；undefined返回undefined；function(){}返回function只能说对[]和null的判断不够精确instanceof：用来测试一个对象object在其原型链中是否存在一个构造函数constructor的prototype属性只能判断对象，不能判断基本类型格式：object inst...
2019-09-24 15:48:30
116
原创 前端面试-react
一. connectconnect是一个科里化的函数，接受两个参数：mapStateToProps数据绑定、mapDispatchToProps事件绑定connect(mapStateToProps,mapDispatchToProps)(component)mapStateToProps添加redux时，自动初始化, 用来建立和store的state之间的关系。（如果写了第二个参...
2019-09-20 19:01:10
401
原创 面试相关问题
TCP和UDP的区别路由器是OSI模型的哪一层?为什么？css的动画类型有哪些？你知道canvas吗？有哪些api？TCP的连接和断开的过程？（三次握手和四次挥手）有让我直接描述过程的，也有让我说详细一点儿的TCP的状态位你知道吗？TCP连接的过程中，服务器获得请求后，怎样才算是准备好了？（其实没有特别明白这个问题）url输入之后有哪些操作？promise、async/awai...
2019-04-14 23:02:03
129
原创 CycleGAN结构
类似于打太极的说法：参考https://zhuanlan.zhihu.com/p/32103958另外一个DiscoGAN：逻辑上和CycleGAN差不多，而且很和我的胃口啦
2019-04-12 11:18:00
1043
原创 微信小程序-评论系统
最近沉溺于微信小程序的评论类页面难以自拔，写了几种样式吧，相关代码都上传在github上了代码地址：https://github.com/wxcomponent/wxcomment还是祭出效果图吧：一. 样式一的效果二.样式二的效果图三.样式三的效果图四.样式四的效果图五.详细样式的效果图或者是这样的六.样式三里面用了一个搜索的样式搜索样式就是点击样式三顶部的搜索框...
2019-03-01 20:04:02
2214
1
原创 CSS背景颜色性质研究
一. repeating-linear-gradient：创建线性渐变图像语法：background: repeating-linear-gradient(angle | to side-or-corner, color-stop1, color-stop2, …);background: repeating-linear-gradient(right bottom,deepskybl...
2018-12-10 16:05:03
237
原创 CSS布局探秘
写在前面文本流：指相对于文本段落，html文本的显示文档流：指相对于盒子元素，html文档加载的时候顺序从上到下，从左到右一. displaydisplay:inline元素和其他的行内元素同处一行，不会独占一行不会起作用的设置：(1)height和width,因为根据内容进行适配，所以没用（2）padding和margin的top和bottom设置也没有用，padding和m...
2018-12-09 18:59:29
123
原创 探究React（二）React without JSX
写在前面：在React中使用JSX不是必须的，如果不想在build环境中添加解析器，React without JSX是很方便的JSX的只是React的语法糖，用来代替React.createElement(component, props, …children)举例来说：使用JSXreturn ( <div>Hello {this.props.test}<...
2018-12-09 15:05:10
258
原创 踩坑minAPP
minapp官网地址： https://qiu8310.github.io/minapp/报错信息thirdScriptErrorCannot read property 'go' of undefined; [Component] Event Handler Error @ components/reference/reference#(anonymous)TypeError: Ca...
2018-12-04 15:30:55
1513
原创 Mac系统安装JStorm 2.1.0配置过程
创建安装目录当前在桌面创建work目录# mkdir /work/jstrom# cd /work/jstrom安装jdk安装python安装ZooKeeper下载并解压：当前安装版本3.4.12（1）从Apache网站（http://zookeeper.apache.org/releases.html）上下载zookeeper（2）命令行下载# wget http:/...
2018-12-01 12:54:34
389
原创 HTTP常见状态状态码总结
主要写web端的代码，经常见到很多HTTP的状态码，所以来总结一下自己常见的状态码，持续补充中吧200：mock中经常会第一个来定义，表示数据请求成功即正常状态404：react-router中找不到网页的默认即为404页面400：错误请求经常表示请求的语义有误，所以请求无法被服务器理解。401：用户没有授权，表示请求没有相关权限408：表示请求超时，但是可以重复请求...
2018-11-23 21:37:14
194
原创 关于Chrome下的video文件currentTime无效问题
前段时间查到的bug：记录关于Chrome下video文件设置的currentTime没有效果，这里有详细的解释和解决方案https://stackoverflow.com/questions/53053444/cant-seek-through-video-from-rails-active-storage-with-rails-webpacker-react-fr/53242215#5324...
2018-11-18 21:32:07
3176
原创 前端bug：如何关闭所有的console.log，保证console.log只在测试环境下
方案一：(感觉莫名的有点儿emmm)使用text编辑器将所有的console.log()替换成//console.log()覆盖console.logconsole.log = function() {} // Firefox 8，IE8下运行成功，在Firefox 7的情况下并不能成功运行下面的例子取自stackOverflow，权当自己做个记录：https://stackov...
2018-11-18 21:24:50
6421
原创 前端成长之路（二）令人崩溃的static
前一段帮人解决一个bug，用了static，出现了this is undefined的错误，所以特地纠结了一下static的具体用法
2018-11-18 17:59:46
929
原创 前端成长之路（五） React高阶组件HOC
用React官网的解释来说，就是获取一个组件，然后返回一个新的组件一.高阶组件常用于解决交叉问题高阶组件可以使我们一个地方定义逻辑，之后在所有的组件处使用。For example:withSubscription 封装订阅高阶组件的基本定义方法：function withSubscription(WrappedComponent,passData){ ....... re...
2018-11-18 17:02:08
663
原创 前端成长之路之（四）React Hook
探秘React v16.7.0-alpha HooksHooks的本意是“钩子”，在React里就是表示一系列的特殊函数。主要阅读了React的官网React Hook，另外还有一些其他的资料。Hook并没有提出一些突破性的改变，并不需要对已有的代码进行重构。Hook提出了一个更好的方法来结合props, state, context, refs和lifecycle。首先，从为什么使用Ho...
2018-11-06 16:39:05
269
原创 前端进阶之路（三）React组件重新渲染之shouldComponentUpdate和React.PureComponent
state作为react的一个重要的部分，固然自动渲染给我们省了很多的麻烦，然而并不是我们想让他不渲染就很容易做到的一些时候，state的重新渲染机制导致了不必要的渲染，所以研究一下用来一些特定的情况下也是很有必要的一. shouldComponentUpdate（shouldComponentUpdate可能会导致bug，并不建议使用）关于shouldComponentUpdate，R...
2018-10-19 15:05:27
4502
3
原创 前端成长之路（一）react中setState需要注意的几点及嵌套state的更新
一直没有对setState有什么很深入的了解，最近阅读了一些文章，深感setState的运用并不简单setState的使用不当，很有可能会导致一些莫名其妙的bug首先：setState并不保证同步执行调用setState后，并不会直接改变state的值，而是会产生一个即将处理的state改变。在调用setState之后立即查看，有可能值并没有改变。所以，setState并没有办法保持同步，r...
2018-10-17 17:11:09
2248
原创 webStorm报错Import declarations are not supported by current Javascript version
贴出报错信息首先贴出报错信息，在webStorm编辑器上的报错：Import declarations are not supported by current JavaScript version.修改webstorm基本配置在webstorm–>prefrences–>Languages & Frameworks -->JavaScript—>React...
2018-09-26 15:58:22
1550
原创 this的用法
一.(1)javascript的宿主环境是web浏览器，浏览器环境需要提供一些接口javascript引擎才是真正执行代码的地方，e.g V8，Javascript core(2)Javascript的宿主环境是nodejs，对应引擎是V8二.global thisthis == window对象(1)声明变量没有var/let -> 给全局的this添加或改改变属性值(2)n...
2018-09-26 15:57:09
339
原创 ackage.json中库的版本号详解（～和^）
1. 使用npm install --save XXX2. 会优先考虑使用插入符号^而不是～3. ~：更新到当前minor version（中间那位数字）中最新的版本e.g body-parser:~1.15.2 会匹配1.15.x的最新版本出现1.16.0,不会自动升级4. 把当前库的版本更新到当前major version也就是第一位的最新版本e.g bluebird：^3.3....
2018-09-26 15:55:16
318
原创 github使用指南
下载代码git clone -b 分支名 仓库地址(https://…)上传代码fork进个人仓库git statusgit add .git commit -m ‘描述’git push网址 new merge request删除仓库settingsgeneralAdvanded settingsremove project本地创建仓库上传git init...
2018-09-26 15:53:34
85
原创 docker-compose
Dockerfile 记录单个镜像的构建过程， docker-compose.yml 记录一个项目(project, 一般是多个镜像)的构建过程。更常见的是, nginx, mysql, smtp 都分别是个镜像，然后这些镜像合作，共同服务一个项目。docker-compose 就是解决这个问题的。你的项目需要哪些镜像，每个镜像怎么配置，要挂载哪些 volume, 等等信息都包含在 dock...
2018-09-26 15:50:18
603
原创 Linux开发日记（一）：SSH登录
一．ssh生成ssh有公钥和密钥，可要求生成passphrase，也可以没有。.pub为公钥。密钥保存在自己的Linux系统上。然后公钥上传到Linux服务器，之后我们就能无密码SSH登录了．SSH密钥就好比是你的身份证明。就是一种加密算法，有很多类型的，默认的RSA长度是2048位．阿里云生成：阿里云默认生成2048位的rsa类型加密：https://helpcdn.aliyun.com/...
2018-09-26 14:30:09
1279
原创 微信小程序-BLE蓝牙实现demo
终于实现了蓝牙的功能，也找到了合适的硬件，记录一下自己需要注意和总结的地方具体的搜索、连接、断开、消息传输都已经实现了，作为项目的一个页面完成了相应的代码地址，具体的蓝牙代码在pages/bluetooth当中蓝牙部分代码地址一.硬件部分HC-08 蓝牙模块 4.0BLE主从一体 CC2540 无线串口透传模块 BLE串口通信硬件官网汇承官网基本连接教程注意：串口模块和usb...
2018-09-26 10:54:53
38308
18
原创 微信小程序-QQ音乐
尝试用微信小程序实现qq音乐，目前代码还在完成显示的部分，正在不断更新中了。代码地址：高仿的微信小程序-QQ音乐9月26日实现进度
2018-09-26 10:44:04
3858
5
原创 webpack-Guide的代码(均可运行)
一直对webpack的理解没有那么深，或者说只有真的用了webpack才会记得比较清楚，在github上把webpack的全部Guide内容都运行了一遍，每一个部分作为一个分支，均可以正常打包运行。应该还会不断的更新新的内容，补充一下webpack的知识。github上Guide的代码地址webpack官网地址webpack中文官网地址webpack官网翻译的部分内容当前webpack ...
2018-09-26 10:22:17
123
原创 border设置
border设置4个边框样式border-color：上 右 下 左border-left: width style colore.g border-left: thick double #ff0000border-radius 圆角边框设置px和%inherit: 从父元素继承边框颜色...
2018-09-25 09:49:47
564
原创 Ajax基础
AjaxAjax从服务器获取，用componentDidMount(调用数据)设置Ajax请求成功，再用setState重新渲染（1）(this)获取组件（2）(this)获取组件（2）(this)获取组件（2）(e.target)获取数据jQuery：（1）ajax-get()方法（2）远程HTTP GET请求载入信息（3）请求成功时可调用回调函数（4）$ajax较复杂，出错时...
2018-09-25 09:49:17
160
原创 异步
异步的实现原理例如AJAX，不会立即执行，而是等待请求成功之后才能执行传递过去不执行，等待结果后再执行的函数，称之为回调函数实现异步的核心原理：将callback作为参数传递给异步执行函数，当有结果返回之后再触发callback常见的异步操作：网络请求IO操作定时函数：setTimeout只在指定时间后执行一次setInterval以指定时间为周期循环执行异步操作不进入主线程，而...
2018-09-25 09:45:33
169
原创 Linux基础命令
一．rm语句:rm为删除文件或者文件夹rm 后面必须跟一个文件名，如果文件不存在，会提示文件不存在。（也可以 -f 不提示信息）。（这里test.text只是表明他是文件，其实只要 rm test 就可以了）。2.在ubuntu里面删除文件夹必须带 -r 因为删除文件夹和删除文件不同，删除文件夹还要删除子文件，子文件夹。二．cp(copy)命令：该命令的功能是将给出的文件或目录拷贝到另...
2018-09-25 09:44:05
298
原创 过渡&动画
进入/离开 & 列表过渡插入、更新或者移除DOMtransition封装组件，添加离开过渡v-ifv-show动态组件组件根节点（自动嗅探）是否应用CSS过渡或者动画判断是否提供了JS钩子函数（否则）DOM插入/删除，在下一帧立即执行不同过渡的类名 有6个Class切换CSS过渡<transition name="slide-fade"> (ht...
2018-09-25 09:39:45
193
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人