赫子子的博客

个人博客正在开发当中,敬请期待......
私信 关注
Yucihent
码龄4年

新博客开发中...

  • 101,313
    被访问量
  • 31
    原创文章
  • 103,249
    作者排名
  • 119
    粉丝数量
  • 于 2017-02-28 加入CSDN
获得成就
  • 获得106次点赞
  • 内容获得27次评论
  • 获得213次收藏
荣誉勋章
兴趣领域
  • #前端
    #HTTPS#前端框架#TypeScript#小程序#WebPack#ECMAScript 6#面试#Node.js#Flutter#JavaScript#React.js#Vue.js
TA的专栏
  • CentOS 7
    3篇
  • 深入学习JavaScript
    5篇
  • JavaScript
    15篇
  • 开发工具
    2篇
  • React+Redux学习历程
    1篇
  • Nodejs
    2篇
  • MongoDB
    1篇
  • 经验总结
    8篇
  • Vue
    1篇
  • Git
    1篇
  • 代码规范
    1篇
  • 其他
    3篇
  • 最近
  • 文章
  • 资源
  • 问答
  • 课程
  • 帖子
  • 收藏
  • 关注/订阅

JS导出Excel文件

需求: datatable表格,每一行带有checkbox,勾选checkbox导出当前行所有数据,全选则导出所有选中行的数据<a class="download" download="用户列表">导出</a>function exportFile() { var dataArr = [];//定义数组用来保存所勾选的列表当前行数据 // 定义表头...
原创
222阅读
0评论
0点赞
发布博客于 3 年前

深入javascript之原型和原型链

原型和原型链是js中的难点也是重点,明白了原型和原型链会让我们在后面不管是学习还是工作都会更加高效,并且原型和原型链会是面试中必不可少的话题。看完此篇文章一定会让你对原型,原型链有深刻全面的了解。深入系列:深入javascript之作用域深入系列:深入javascript之执行上下文 一,函数对象                所有引用类型(函数,数组,对象)都拥有__prot...
原创
61487阅读
24评论
59点赞
发布博客于 3 年前

windows下MongoDB的安装和启动服务

mongodb下载地址:mongodb安装下载后直接点击next,可以点击custom选项自定义安装目录,我的安装目录是在F:\mongoDB目录结构:安装完成时没有data和mongod.cfg,这是后续需要自己新建配置在安装的根目录下(跟bin同级)新建文件夹data,在data文件夹下新建db文件夹用作为数据库目录我的目录:F:\mongoDB\data\db进入b...
原创
4114阅读
0评论
1点赞
发布博客于 3 年前

CentOS 7上安装MongoDB

博客项目使用数据库为mongodb,此章介绍在centos 7 上安装mongodb安装配置包管理系统yum进入linux环境中输入vim /etc/yum.repos.d/mongodb-org-4.2.repo写入[mongodb-org-4.2]name=MongoDB Repositorybaseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/4.2/x86_64/gpgcheck=1enabl.
原创
190阅读
0评论
0点赞
发布博客于 9 月前

几道面试题来看JavaScript执行机制

几道常见面试题来看 JavaScript 执行机制前面的话根据 JavaScript 的运行环境,锁定它为单线程,任务需要排队执行,如果网站资源比较大,这样会导致浏览器加载会很慢,但实际上并没有,大家肯定立刻想到了同步和异步。所谓的同步和异步也是在排队,只是排队的地方不同。同步和异步同步任务进入主线程排队,异步任务进入事件队列中排队同步任务和异步任务进入到不同的队列中,也就是上...
原创
160阅读
0评论
1点赞
发布博客于 1 年前

更优雅的HTTP请求方式

此次所讲的知识点为 Axios ,主要包含以下几个方面:Axios 二次封装Api 统一管理请求错误处理文件└─src ├─request // 请求目录 ├─ api.js // api管理 ├─ axios.js // axios请求 ├─ fetch.js ...
原创
200阅读
0评论
1点赞
发布博客于 1 年前

CentOS 7上安装Nginx

此次分享的知识点为nginx部署前端项目,主要分一下几个部分:VMware Workstation上安装CentOS 7CentOS 7上安装nginx,node,pm2等一些部署项目所需的工具nginx部分知识点介绍最后以部署个人博客项目带大家进一步熟悉今天所要讲的是第二部分,CentOS 7上安装nginx,node,pm2等一些部署项目所需的工具环境...
原创
151阅读
0评论
0点赞
发布博客于 1 年前

VMware Workstation上安装CentOS 7

拖更好久了,自我检讨,今年2020年以知识记录分享为主要点之前觉得有些东西没什么好记录的,简单也好,复杂也好,自己了解就可以了,后来我觉得我还有必要记录一下,希望对正在学习这些知识点的同学有所帮助此次分享的知识点为nginx部署前端项目,主要分一下几个部分:VMware Workstation上安装CentOS 7CentOS 7上安装nginx,node,pm2等一些部署项目所...
原创
126阅读
0评论
2点赞
发布博客于 1 年前

开发者生存技能 - 代码规范篇

多人合作做项目,为了提高开发效率以及项目管理,一个良好的代码风格非常重要。以下为本人开发项目中的代码风格,仅供参考WHY?良好的代码习惯,方便团队合作,也是方便自己,多想想你的同事,不要让你的同事看你的代码时很痛苦代码亲切易读减少bug处理,方便bug查找解决,提高开发效率,减少不必要的精力消耗方便后期维护HOW?代码缩进严格统一,要么都是2空格,要么都是4空格,禁止一切空...
原创
133阅读
0评论
0点赞
发布博客于 2 年前

npm 删除 node_modules 文件夹

项目中大家肯定有想删除 node_modules 文件夹的,但是直接删除并不能解决问题npm 提供一个包 remove-node-modules[添加链接描述](https://www.npmjs.com/package/remove-node-modules) 来帮助删除 node_modules安装yarn global add remove-node-modulesnpm in...
原创
1334阅读
0评论
1点赞
发布博客于 3 年前

React学习之路 -- React脚手架搭建项目

前言:写此系列博客的目的是对自己所学的react知识点的总结和巩固,以及自己对react相关知识点的个人见解,希望能帮助到还并不会使用react的开发者入门reactreact官方文档react中文文档react社区项目搭建...
原创
506阅读
0评论
1点赞
发布博客于 3 年前

git常用操作

git用了很长时间了,对此做一个git常用操作总结仓库在当前目录新建一个Git代码库git init新建一个目录,将其初始化为Git代码库git init [project]下载一个项目git clone [url]配置显示当前的Git配置git config --list设置提交代码时的用户信息git config [–global] user.name ...
原创
95阅读
0评论
0点赞
发布博客于 3 年前

JavaScript中的循环遍历

总结JavaScript中的循环遍历定义一个数组和对象const arr = ['a', 'b', 'c', 'd', 'e', 'f'];const obj = { a: 1, b: 2, c: 3, d: 4}for()经常用来遍历数组元素遍历值为数组元素索引for (let i = 0; len = arr.length, i &l...
原创
155阅读
1评论
1点赞
发布博客于 3 年前

nodejs搭建一个简单的服务器

nodejs文档创建一个简单的http服务器:加载http模块创建http服务对象监听用户请求事件设置监听端口新建一个demo.js文件加载http模块 const http = require('http');创建http服务对象http.createServer()方法创建http服务对象 const server = http.crea...
原创
413阅读
0评论
0点赞
发布博客于 3 年前

性能优化之减少页面重排

做web开发,性能优化无疑是很重要的一点,此篇文章主要是从减少页面重排来优化性能<div class="content"> <ul></ul></div
原创
587阅读
0评论
0点赞
发布博客于 3 年前

Atom的基本使用

vscode内存泄漏的问题,不得已放弃,转而使用atom,用了之后才发现atom真的太好用了 下载地址:atom 在这说一下atom的一些小玩意tips安装插件 点击 File – Settings – Install 搜索想要安装的插件进行安装即可自定义代码段 相比于vscode,我更喜欢atom自定义代码段风格,更加方便 vscode自定义代...
原创
3995阅读
0评论
0点赞
发布博客于 3 年前

dataTables -- ajax 分页基本使用

dataTables是一款很强大很好用的前端table 分页插件,地址:dataTables 如何使用大家可以去官网看看教程,此处总结下dataTables结合ajax需要注意的点一,开始使用JavaScript代码$(document).ready(function() { $('#example').DataTable( { "...
原创
3088阅读
2评论
2点赞
发布博客于 3 年前

深入javascript之作用域链和闭包

前言:深入js对学习框架很重要,希望这一系列文章会对你有帮助(持续更新中) 深入系列:深入javascript之原型和原型链 深入系列:深入javascript之作用域 深入系列:深入javascript之执行上下文 一,前言有关作用域和执行上下文还不是很清楚的上面有链接,可以去看看。函数内可以访问到函数外的变量,但函数外无法访问函数内的变量(此...
原创
339阅读
0评论
3点赞
发布博客于 3 年前

经验总结之javascript篇

新地址:https://github.com/hezizi/Blog/issues/4,欢迎戳此篇文章主旨是记录js中常见,易犯错,重要等相关知识点(不定期更新)window.onload和$(document).ready()的区别    window.onload是在页面中包含图片在内的素有元素全部加载完成再执行;    $(document).ready()是DOM文档树加载完成之后执行,不...
原创
2273阅读
0评论
8点赞
发布博客于 3 年前

深入javascript之执行上下文

前言:深入js对学习框架很重要,希望这一系列文章会对你有帮助(持续更新中)深入系列:深入javascript之原型和原型链深入系列:深入javascript之作用域一,相关概念        EC : 执行上下文        ECS : 执行环境栈        VO : 变量对象        AO : 活动对象        scope chain :作用域链二,执行上下文        j...
原创
2440阅读
0评论
6点赞
发布博客于 3 年前

深入javascript之作用域

前言:深入js对学习框架很重要,希望这一系列文章会对你有帮助(持续更新中)深入系列:深入javascript之原型和原型链深入系列:深入javascript之执行上下文一,作用域        包括静态作用域和动态作用域,静态作用域也叫词法作用域,javascript采用的是静态作用域。        js中作用域是指可访问变量,对象,函数的集合,也就是调用它们能生效的代码区块。在js中没有块级作...
原创
2155阅读
0评论
2点赞
发布博客于 3 年前

javascript中Array常用方法

js内置对象之Array一,会改变原数组            1.移除数组末尾最后一项.pop(),返回删除的元素               如果你在一个空数组上调用 pop(),它返回  undefined        let word = ['a', 'b', 'c', 'd']; let newArr = word.pop(); console.log(...
原创
1359阅读
0评论
4点赞
发布博客于 3 年前

判断一个变量是数组还是对象

javascript中如何准确判断一个变量是什么,面试中这是考一个人基本功扎不扎实必定会问的一个问题。如果你还不是很清楚,相信这篇文章会对你有所帮助。一,判断方法        1.typeof                我们能够使用typeof判断变量的身份,判断字符串得到string,数字和NaN得到number,函数会得到function等,但是判断数组,对象和null时都会得到obje...
原创
4472阅读
0评论
6点赞
发布博客于 3 年前

夯实js基础 -- 数据类型

不积小流无以成江海 ,夯实基础很重要,此次从js的数据类型开始,我相信会带来帮助。一,js的数据类型        简单数据类型:Number,String,Boolean,Null,Undefined        复杂数据类型:Array,Object        es6新增:Symbol二,判断数据类型        注意 : typeof()返回的都是字符串形式        alert...
原创
516阅读
0评论
0点赞
发布博客于 3 年前

vscode自定义代码段

 用vscode做开发时,平时所用的代码段比较简洁,为了提高开发效率,我们需要自定义我们用着习惯方便的代码段,这里只是以js,vue为例。 相信大家一看就明白,至于代码段在哪里编写,在这我就不多说了,大家都明白。 我们就可以自定义开发中常用的代码段,节省时间,大大提高开发效率。(注意:创建哪种语言的代码片段就进相应语言的代码片段区域,写js代码段就不要把代码段写在了php的代码段编写区) \r
...
原创
6951阅读
0评论
2点赞
发布博客于 3 年前

上下左右居中的那些事

 做前端开发难免会碰到左右居中,上下居中,之前也一直没做个总结有哪些上下左右居中的方法,今天记录一下经常会遇见的小问题,以便以后回顾方便。1. 左右居中:a. 行内元素左右居中只需在父元素上加上text-align:center;属性即可b. 块级元素左右居中在子元素上加上margin:auto;c. 使用定位2. 上下居中:a. 文本对象:单行文本(文本长度没超过盒子长度):直接使用line-h...
原创
741阅读
0评论
0点赞
发布博客于 3 年前

插件开发 -- Tab

只配置了两个参数, 功能还需要完善<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &
原创
176阅读
0评论
1点赞
发布博客于 4 年前

box-shade和border-radius在定位与未定位对象中的使用

box-shade以及border-radius这些css3属性大家肯定不陌生,在此为那些对于box-shade和border-radius还不太熟悉的小白提出一些值得注意的地方,这些值得注意的地方在大家使用过程中肯定遇到过。好了,话不多说,直接正题。为什么会把这两个拿在一起说,后面会讲到。先说box-shade:   box-shade是css3属性(IE8以上)使用方法:{box-shadow...
原创
670阅读
0评论
1点赞
发布博客于 4 年前

angularJS基础总结

指令:Directive指令(directive):系统内置指令、自定义指令;定义指令使用驼峰法命名,使用时使用“-”连接多个单词1.系统指令:ngApp(ng-app):定义一个应用程序所有者是谁,如果写在html中,表示html是应用程序的所有者;如果写在body里表示body是应用程序的所有者;写在div中,则表示div是应用程序的所有者。把ng-app指定个某个标签后,
原创
399阅读
0评论
1点赞
发布博客于 4 年前

jquery DOM操作

jquery里面的DOM操作之访问节点1.父级访问:parent(),parents(),parentUntil(),closest()1.parent():获得当前匹配元素集合中每个元素的父元素<body>  <div><p>Hello</p></div>  <div class="selected"><p
原创
265阅读
0评论
1点赞
发布博客于 4 年前

原生js仿写QQ讨论组

可以实现人员的添加,删除,添加进讨论组后,可以进行简单的对话<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">*{margin: 0;p
原创
769阅读
0评论
2点赞
发布博客于 4 年前