自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(76)
  • 资源 (14)
  • 论坛 (1)
  • 收藏
  • 关注

原创 React(前端面试题整合)

谈谈对react的理解react是基于v(视图层)层的一款框架,虚拟dom和diff算法react特点:声明式设计高效,其中高效以现在虚拟dom,最大限度减少与dom的交互和diff算法灵活,体现在可以与已知的框架或库很好的配合JSX,是js语法的扩展组件化,构建组件,是代码的更容易得到复用,比较建议在大型项目的开发单项数据,实现单项数流,从而减少代码复用react有哪几个生命周期自己的总结分为三个阶段,初始,运行中,销毁初始化: 执行getDefaultProps钩子

2020-12-16 09:03:26 72 10

原创 VueJs(前端面试题整合)

vue和react的区别React严格上只针对MVC的view层,Vue则是MVVM模式virtual(虚拟) DOM不一样,vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树。而对于React而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数方法来进行控制组件写法不一样,React推荐的做法是 JSX + inline style,也就是把HTML和CSS全都写进JavaScript了,即'all in

2020-12-10 09:24:24 2471 35

原创 NodeJs(前端面试题整合)

谈谈对Node的理解Node.js 在浏览器外运行V8 JavaScript引擎,单线程 非阻塞I/O 事件驱动,适应于数据高并发,适合多请求,但不适合高运算,有权限读取操作系统级别的API,npm 仓库,常用框架:Express,koa,Socket.io,AdonisJs,NestJS什么是gulp?作用?机制是什么?gulp是基于node的自动化构建工具作用:1 自动压缩JS文件2 自动压缩CSS文件3 自动合并文件4 自动编译sass5 自动压缩图片6 自动刷

2020-11-28 16:48:17 244 14

原创 ES6+(前端面试题整合)

谈一谈let与var和const的区别let为ES6新添加申明变量的命令,它类似于var,但是有以下不同: let命令不存在变量提升,如果在let前使用,会导致报错let暂时性死区的本质,其实还是块级作用域必须“先声明后使用”的性质,let 暂时性死区的原因:var 会变量提升,let 不会。let,const和class声明的全局变量不是全局对象的属性const可以在多个模块间共享const声明的变量与let声明的变量类似,它们的不同之处在于,const声明的变量只可以在声明时赋值,不可

2020-11-23 09:09:27 1390 21

原创 JS案例:实现Promise

说到ES6的Promise,大家并不陌生,它是JS中解决异步的方法之一其优点:避免回调地狱,链式调用,函数思路清晰,逻辑相对回调函数和事件发布/订阅更强缺点:理解性差,异步操作在promise构造函数内部这段时间在整理面试题时发现,Promise的实现可以单独拿出来分享,于是自己实现了一下...

2020-11-17 17:02:05 1751 24

原创 JS从看懂到看开(前端面试题整合)

解释一下为何[ ] == ![ ] // ---> true首先看一张图![ ] 是 false原式:[ ] == false根据第八条,false通过tonumber()转换为0原式:[ ] == 0根据第十条,[ ]通过ToPrimitive()转换为' '原式:' ' == 0根据第六条原式:0 == 0尝试实现new function ObjectClass() {//对象 console.log(arguments[...

2020-11-11 11:11:13 2687 31

原创 JS进阶篇(前端面试题整合)(二)

Ajax 是什么? 如何创建一个Ajax?AJAX全称是Asychronous JavaScript And Xml(异步的 JavaScript 和 XML)它的作用是用来实现客户端与服务器端的异步通信效果,实现页面的局部刷新,早期的浏览器并不能原生支持ajax,可以使用隐藏帧(iframe)方式变相实现异步效果,后来的浏览器提供了对ajax的原生支持其主要通过XMLHttpRequest(标准浏览器)、ActiveXObject(IE浏览器)对象实现异步通信效果实现方式(gitee上的案例):

2020-11-07 18:41:11 4095 30

原创 JS进阶篇(前端面试题整合)(一)

js的垃圾回收机制是什么原理垃圾回收机制有两种方法第一种是标记清除法:当变量进入执行环境时,就标记这个变量为”进入环境”,当变量离开环境的时候,则将其标记为”离开环境”,垃圾收集器在运行的时候会给储存在内存中的所有变量都加上标记,然后它会去掉环境中的标量以及被环境中的变量引用的标记,而在此之后再被加上标记的变量将被视为准备删除的变量,原因是环境中的变量已经无法访问到这些变量了,最后,垃圾收集器完成内存清除工作,销毁那些带标记的值,并回收他们所占用的内存空间 第二种是引用计数法:当声明了一个变量并将

2020-11-06 09:21:24 1490 19

原创 JS基础篇(前端面试题整合)(二)

如何创建函数第一种(函数声明): function sum1(num1,num2){ return num1+num2; } 第二种(函数表达式): var sum2 = function(num1,num2){ return num1+num2; } 第三种(函数对象方式): var sum3 = new Function("num1","num2","return num1+num2");三种弹窗的单词以及三种弹窗的功能1.alert //弹出对话框并输出一段提示信...

2020-11-04 16:01:05 409 6

原创 JS基础篇(前端面试题整合)(一)

解决js兼容性问题使用 event对象 function eventHandler(event) { event = event || window.event} 获取滚动条属性 var scrollTop = document.documentElment.scrollTop || document.body.scrollTop

2020-11-03 16:02:27 1393 18

原创 联想Tab M10 FHD PLUS (TB-X606F)解锁BL,获取root权限(无需第三方recovery),刷xp框架(太极-阳)适用大部分联发科CPU(国际版rom底包)

前言:5月份的时候在网上买了个联想M10 FHD PLUS平板,当时想找root方法拓展平板更多功能,发现几乎查不到教程,在国外网站也只有一些比较模糊的教程其中包括https://forum.xda-developers.com/thinkpad-tablet/general/twrp-lenovo-tab-m10-fhd-tb-x606f-t4139237...

2020-11-03 10:30:17 1593 23

原创 前端面试题整合(HTML,CSS等基础篇)

浏览器的内核 IE: trident内核,Firefox:gecko内核,Safari:webkit内核,Opera:以前是presto内核,Opera现已改用Google Chrome的Blink内核,Chrome:Blink(基于webkit,Google与Opera Software共同开发) HTML中的Doctype有什么作用 此标签可告知浏览器文档使用哪种HTML或XHTML规范。(重点:告诉浏览器按照何种规范解析页面) div+css的布局较table布局有什么...

2020-10-30 17:41:38 1285 17

原创 谷歌插件Infinity pro标签书签分享,附上本地pro版的书签的迁移方法

这个书签涵盖很多程序员必备网站,不止有前端方法一:直接在浏览器打开即可:m.infinitynewtab.com?6iyA0H​方法二:谷歌infinity插件下载:https://www.extfans.com/search/extensions/infinity/(推荐)官网:http://cn.infinitynewtab.com/

2020-10-24 10:24:11 1856 17

原创 从零开始,搭建一个简单的购物平台(十九)前端商城部分

从零开始,搭建一个简单的购物平台(十八)前端商城部分:https://blog.csdn.net/time_____/article/details/108918489项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping上篇文章后,前端商城部分基本功能已实现,包括商品列表,商品分类,首页商品展示,商品详情,购物车,用户登录注册,剩余内容:用户信息修改,提交订单,订单展示等,这篇文章将对剩余部分完结。用户信息修改的后端接口

2020-10-17 14:50:20 299 8

原创 从零开始,搭建一个简单的购物平台(十八)前端商城部分

从零开始,搭建一个简单的购物平台(十七)前端商城部分:https://blog.csdn.net/time_____/article/details/108893925项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping上篇文章对购物车进行了简单的介绍...

2020-10-08 11:38:17 226 10

原创 从零开始,搭建一个简单的购物平台(十七)前端商城部分

从零开始,搭建一个简单的购物平台(十六)前端商城部分:https://blog.csdn.net/time_____/article/details/108769229项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping上篇文章讲到了商品详情页面实现,最后一个功能是加入购物车,...

2020-10-08 11:38:05 859 10

原创 从零开始,搭建一个简单的购物平台(十六)前端商城部分

从零开始,搭建一个简单的购物平台(十五)前端商城部分:https://blog.csdn.net/time_____/article/details/108680599项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping在前几篇文章中,我们对首页,分类列表,公共组件,工具类进行了实现,这篇文章将实现商品详情页进行介绍,这里我们将商品详情页细化成多个组件,利用组件通信方式进行监听传递方式从而实现数据传递和效果逻辑先来看看效

2020-10-08 11:37:55 324 8

原创 从零开始,搭建一个简单的购物平台(十五)前端商城部分

从零开始,搭建一个简单的购物平台(十四)前端商城部分:https://blog.csdn.net/time_____/article/details/108545330项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping上篇文章对主页和部分公共组件进行了界面和功能实现,之前对项目用到的工具类,路由,全局状态进行了封装,这篇文章将对商品分类,商品主题界面进行介绍商品分类:界面样式及效果注意:由于分类商品列表和主

2020-10-08 11:37:39 228 2

原创 从零开始,搭建一个简单的购物平台(十四)前端商城部分

从零开始,搭建一个简单的购物平台(十三)前端商城部分:https://blog.csdn.net/time_____/article/details/108514710项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping本篇文章介绍实现部分组件和首页部分,首页组件如下,下面介绍一下实现过程pageTitle(页面标题)首先要考虑到标题的返回功能,在methods里写个路由返回函数 methods: {

2020-10-08 11:37:25 175

原创 从零开始,搭建一个简单的购物平台(十三)前端商城部分

从零开始,搭建一个简单的购物平台(十二):https://blog.csdn.net/time_____/article/details/108471436项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping这篇文章我们来实现一下工具类,其他配置和全局状态工具类:工具类我们统一放在utils文件夹下,并部署在Vue原型上(与Axios的一样) 首先我们要实现两个对象深复制的方法,之前博客也有介绍到,后续对全局静态变

2020-10-08 11:37:14 143 2

原创 从零开始,搭建一个简单的购物平台(十二)前端商城部分

从零开始,搭建一个简单的购物平台(十一):https://blog.csdn.net/time_____/article/details/108447234项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping从这篇文章开始对前端商城开发进行介绍效果图地址:https://gitee.com/DieHunter/myCode/tree/master/shopping/pic效果图也附上:主页 分类 ...

2020-10-08 11:36:45 116 2

原创 从零开始,搭建一个简单的购物平台(十一)

从零开始,搭建一个简单的购物平台(十):https://blog.csdn.net/time_____/article/details/108442619项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping

2020-10-08 11:35:04 120

原创 从零开始,搭建一个简单的购物平台(十)

从零开始,搭建一个简单的购物平台(九):https://blog.csdn.net/time_____/article/details/105465499项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping拖更时间较长,公司这几个月项目高峰期,请见谅这篇文章主要讲述后端管理系统新增的订单模块的部分内容(前端在之前的计划下稍稍改动,引入了订单的功能,但不包含支付功能),由于与用户管理和商品管理稍有不同,所以单独拎出来介绍一下

2020-10-08 11:34:42 152 2

原创 搭建一个线上版远程视频聊天

前言在另一篇博客中已经实现了远程视频聊天,然而这种方式只能运行在本地或者https服务下,因为navigator.mediaDevices.getUserMedia需要运行在安全模式下,所以这篇文章将对视频聊天做一个改进,达到真正的远程聊天功能之前的案例:使用JS+socket.io+WebRTC+nodejs+express搭建一个简易版远程视频聊天搭建https:搭建https的第一步得有一个服务器,相关的配置说明在我另一篇文章有提到案例:本地项目上线流程...

2020-08-17 17:27:48 305 13

原创 从零开始,搭建一个简单的购物平台(九)

从零开始,搭建一个简单的购物平台(八):https://blog.csdn.net/time_____/article/details/105452765项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping这篇文章将前后端管理功能完成,也就是将最后修改用户信息功能实现(由于商品管理与用户管理类似,所以不做描述),并...

2020-04-14 08:56:36 359 4

原创 从零开始,搭建一个简单的购物平台(八)

从零开始,搭建一个简单的购物平台(七):https://blog.csdn.net/time_____/article/details/105448383项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping...

2020-04-13 14:07:03 294

原创 从零开始,搭建一个简单的购物平台(七)

从零开始,搭建一个简单的购物平台(六):https://blog.csdn.net/time_____/article/details/105440818项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping到现在为止,项目前后端功能已实现登录,token获取验证,上传头像,添加用户,这篇文章主要讲述实现前后端用户列...

2020-04-13 08:22:31 289

原创 从零开始,搭建一个简单的购物平台(六)

从零开始,搭建一个简单的购物平台(五):https://blog.csdn.net/time_____/article/details/105437534项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping在第四篇文章中实现了服务端的文件上传以及添加用户的后端功能,并进行了测试,这篇文章主要实现前端上传头像和添加用...

2020-04-12 10:02:56 264

原创 从零开始,搭建一个简单的购物平台(五)

从零开始,搭建一个简单的购物平台(四):https://blog.csdn.net/time_____/article/details/105414410项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping前面几篇文章将项目配置以及部分功能实现,这篇主要把前端的路由跳转功能实现一下,话不多说,直接开始盘说到路由...

2020-04-11 14:25:41 278 2

原创 从零开始,搭建一个简单的购物平台(四)

从零开始,搭建一个简单的购物平台(三):https://blog.csdn.net/time_____/article/details/105411636项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping本篇文章延续上篇的登录界面搭建完成后,进行用户管理后端的编写,主要功能包括:添加用户,上传头像目录结构...

2020-04-11 09:21:56 258

原创 从零开始,搭建一个简单的购物平台(三)

从零开始,搭建一个简单的购物平台(二):https://blog.csdn.net/time_____/article/details/105408640项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping这篇文章在上次的服务端登录基础上增加前端界面在开始前我们可以简单用postman测试一下token和登录的...

2020-04-10 16:49:41 336 2

原创 从零开始,搭建一个简单的购物平台(二)

从零开始,搭建一个简单的购物平台(一):https://blog.csdn.net/time_____/article/details/105191286项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping上一篇文章将项目主体以及插件模块搭建完成,这篇文章目的主要搭建服务端token验证及登录功能服务端:文...

2020-04-09 15:12:30 428

原创 从零开始,搭建一个简单的购物平台(一)

这个项目是我利用空余的时间写的,商城App界面主要模仿零食商贩小程序写的,其余都是自己写的项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping

2020-04-09 11:45:04 887 6

原创 Echarts案例:整一个炫酷一点的仪表盘

故事发生在几天前公司要求做个仪表盘,大致UI是这样的这不是为难我胖虎嘛,于是找遍整个全网也没找到相似的,只能自己手写一个。然而,最开始是准备用极坐标写的折腾了一上午发现极坐标做出的效果两头是360度的圆环,这使UI给的标注无法实现,于是我又开始研究仪表盘,官方给的实例倒是挺炫酷当我感觉快找到希望时,却无法实现两端圆角以及将刻度显示在数字外,在网上找资料发现也有同学...

2020-03-23 14:08:26 2289 11

原创 Echarts案例:使用象形柱状图(PictorialBar)实现电池效果柱状图

分享一个公司项目案例UI小姐姐给的图是这样的:最终实现效果:以下是所有代码首先引入Echarts,cdn或npm都行HTML:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...

2020-03-21 18:49:25 1713 8

原创 Echarts案例:使用极坐标加柱状图实现类似Apple Watch上的运动环形效果

分享自己公司项目类似的一个案例,用Echarts中的Polar(极坐标)和Bar(柱状图)实现的大致效果是这样的参照的是AntV中的https://antv-f2.gitee.io/zh/examples/gallery/fitness-ring的效果,只不过我是用Echarts实现的...

2020-03-21 10:10:20 575

原创 使用JS+socket.io+WebRTC+nodejs+express搭建一个简易版远程视频聊天

WebRTC网页即时通信,是Web Real-Time Communication的缩写,本文使用到RTCPeerConnection对象配合socket+node构建远程实时视频聊天功能,文章有一个不足之处,后面会讲到。相关文档:MediaDevicesWebRTC API参考文章:https://rtcdeveloper.com/t/topic/13777...

2020-03-12 12:37:11 3146 16

原创 分享些自己收藏的书签,基础占多,大牛勿入

入坑前端3年,收藏了一些用得到或者可能会用到的书签基础知识类菜鸟教程 - 学的不仅是技术,更是梦想!(教学齐全,陪伴三年之余,几乎啥都有)http://www.runoob.com/w3school 在线教程(前端官方文档,不解释)http://www.w3school.com.cn/index.html书栈网 · BookStack_程序员IT互联网开源编程书籍免费阅读与下载...

2020-03-08 17:50:02 827 6

原创 JS案例:用购物车理解前端MVC架构

什么是MVC:Model View Controller即:模型-视图-控制器通俗来讲,在编程语言中,Model就是数据,可以理解为数据库,View就是显示数据的外观,Controller是用来连接前两者的行为,常见的Vue采用的是M-V-VM架构,与MVC类似,但是基于MVCMVC的作用:说到作用,就不得不提面向对象与面向过程的区别了面向过程就是,将解决问题的思路流程一步...

2020-03-05 17:19:00 1663 5

原创 JS案例:如何用300行原生js代码写出高大上的购物车

购物车可谓是js中十分经典的案例,很多电商平台都会用到,是一个十分考验综合性的案例今天分享一个自己编写的购物车,采用的是原生面向对象实现,数据的传导通过事件代理进行,以下是源码文件夹注释写的很详细HTML:<!DOCTYPE html><html lang="cn"><head> <meta charset="UTF-...

2020-02-24 09:08:19 420 7

javascript面向对象编程

javascript面向对象编程,JavaScript 的演化是渐进而稳固的。历经过去十年的进程,JavaScript 在人们的认知里 已经从一门简单的玩物式的语言逐渐发展成为一门倍受推崇的编程语言,被全世界的公司和 开发者用来构造种种精彩的应用。现代 JavaScript 编程语言一如既往地可靠、健壮,强大得 令人难以置信。

2020-10-26

从零开始,搭建一个简单的购物平台

这个项目是我利用空余的时间写的,商城App界面主要模仿零食商贩小程序写的,其余都是自己写的 项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping 使用到的技术: 后端:node+express+MongoDB 管理界面:react+antd 商城界面(移动端):Vue+Mint UI 开发工具:npm 打包工具:webpack 代码管理:git 技术栈: 后端(express,mongoose,cors,body-parser,multer,jsonwebtoken,crypto-js,bcrypt

2020-09-08

一些用jq和原生实现的案例

案例是几年前在学校的时候做的,一些学习过程,案例 主要包括:轮播图,弹出框效果,下拉菜单,动画函数,全选框等等

2020-04-11

Echarts案例:整一个炫酷一点的仪表盘

使用Echarts仪表盘加极坐标实现一个炫酷的仪表盘,表盘渐变,边缘圆角,(备份的案例) 源码:https://gitee.com/DieHunter/myCode/tree/master/Echart/PolarGauge

2020-03-21

Echarts案例:使用象形柱状图(PictorialBar)实现电池效果柱状图

Echarts案例:使用象形柱状图(PictorialBar)实现电池效果柱状图,数据驱动更新charts (备份的案例) 源码:https://gitee.com/DieHunter/myCode/tree/master/Echart/PictorialBar

2020-03-20

Echarts案例:使用极坐标加柱状图实现类似Apple Watch上的运动环形效果

分享自己公司项目类似的一个案例,用Echarts中的Polar(极坐标或称为平面直角坐标系)和Bar(柱状图)实现的 源码:https://gitee.com/DieHunter/myCode/tree/master/Echart/AppleWatch

2020-03-20

使用JS+socket.io+WebRTC+nodejs+express搭建一个简易版远程视频聊天

使用到JS+socket.io+WebRTC+nodejs+express构建远程实时视频聊天功能,实现浏览器对浏览器之间通过socket建立连接,再通过WebRTC进行流式传输

2020-03-12

用购物车理解前端MVC架构

购物车整体流程: 目录结构将model view controller剥离开 Modedl层:存储数据,显示数据 View:根据Model数据渲染页面 Controller:传递数据 Command:操作数据,获取数据 Event:事件总线,注册事件 商品列表: 初始化View层,建立Ajax获取数据,之后由controller触发事件至事件总线,然后再由注册的事件将ajax数据传至Model中完成商品列表初始化 当model获取到商品列表数据时,通过代理set() 触发新建商品列表事件,通过command操作view达到新建列表目的 购物车表格: 当用户对view进行操作时,触发注册的事件,通过command修改Model中的数据(购物车列表)从而再由command驱动view中的刷新表格进行渲染

2020-03-05

原生JS实现高大上的购物车

购物车可谓是js中十分经典的案例,很多电商网站都会用到,是一个十分考验综合性的案例 今天分享一个自己编写的购物车,采用的是原生面向对象实现,数据的传导通过事件代理进行。

2020-02-24

前端XMind汇总

除了小部分别人分享的,其他全是自己总结的,主要是原生的,nodejs,Vue,React等等也有,没原生详细

2019-03-08

前端面试题

自己收集的一些前端面试题以及解答,希望会派上用场,原生JS,Vue,React居多,非常全面,物超所值

2019-03-07

JavaScript面试题集锦

JavaScript常见面试题,特别不错,强烈推荐

2018-12-17

JavaScript案例

自己写的一些JS案例备份,博客里的有注释,资源不提供注释

2018-12-04

收集前端常用框架包,及UI库

该资源包括前端常用的组件库和js框架库,由于react太多,所以没有加入TAT,其中包括Vue(vue大法好,可能不全),angular(据说用的不多了),animate(一款css的动态库,用animation做的),core.js(用的比较少,貌似是jQ的包),H-ui(比较不错的组件库),jQuery(这个不用说了吧),layui(也挺好用的UI组件),less(sass,scss,less一起的),swiper(一个挺好用的轮播图的库,强烈推荐),Tween(运动函数库),sport.js万能运动公式

2018-11-13

帮忙删除一下,需要更新

发表于 2019-03-07 最后回复 2019-03-08

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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