- 博客(24)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 gulp学习感受
前段时间写了一点点的webpack学习见解，其实也是很简单的说了对webpack的理解。平时的项目中用的最多的自动化构建工具就是webpack，但是很早之前也听过gulp，就是没在项目中使用过，所以最近没事的时候，就学习了一下gulp的使用（想再以后的工作中装一波）我个人的理解gulp是短小精悍，可以用很少的代码完成整个项目的自动化构建...
2021-04-01 15:03:31
186
原创 webpack学习感受
从刚入行的时候就一直听说webpack如何好用，对项目的帮助有多大，但是自己一直没有仔细的去了解过，平时项目中也仅仅停留在够用的阶段，最近看了几篇关于webpack学习的文章、视频，想说说自己对webpack的认识。webpack其实有两个主要的机制，一个是loader一个是plugin，这两个机制构建了webpack强大的功能。使其成为现在前端模块化开发过程中不可获取的一项。对于loader，它的主要功能是加载项目中各种模块，因为webpack内部默认是按照javascript规范打包模块，所以对
2021-03-31 15:26:06
177
转载 深浅拷贝的区别
金九银十的求职黄金期已然过去，但作为开发，时刻都要保持一种虚心学习的态度，比较机会是留给有准备的人，说不定后面就会用到呢。所以我把之前面试中碰到的一些问题给整理出来了，希望能对你有一些帮助，今天先说面试中遇到的一些js的问题。这个可以从赋值、浅拷贝、深拷贝三者之间的区别。首先是赋值就是把一个数值或者对象赋给某个变量的过程。有两种情况一、赋值！基本数据类型：这类型的是直接赋值了。赋值以后在修改变量，之间是不会有影响的。基本数据类型有：Undefined，Null，Boolean，Number和S.
2020-11-06 17:39:56
710
原创 上线了个人博客
最近不是很忙，就想着做一个自己的博客。网上看到有很多一键生成的模板很便捷，但是作为一个开发，还是想自己一点点写出来，也算是锻炼下自己。因为之前一直使用的都是vue框架做前端开发，现在这次选了react和蚂蚁金服的ant组件库。毕竟很早之前也用过一点点，现在想着再熟悉熟悉。熟话说好记性不如烂笔头，平时在工作中碰到的一些问题，我也会定时记录在这个博客上，如果对你有一些帮助，请关注下wx gongzhonghao(科技生活大爆炸)。技术上使用的是node(后端)+react+antd(ui)。地址是:http
2020-11-06 17:27:56
290
原创 程序员现在到了供大于求的地步了吗？
因为程序员高薪，现阶段越来越多的小伙伴报考计算机专业，不少同学上大学期间或毕业后转行跨专业学编程。通过查询资料，参考CSDN注册用户数和知乎及悟空问答等一些问题，预估中国程序员至少有5000万，当然其中包含业余爱好者，在这种情形下，中国程序员是不是饱和了？提供一个数据，根据《智联招聘新基建信息基础设施产业人才发展报告》，2020年一季度，软件开发人才缺口最大。在信息基础设施产业核心技术岗位中,缺口较大即CIER指数较高的职位以软件开发类为主,包括Java开发工程师、软件工程师、An...
2020-11-06 17:24:12
881
原创 node 结合 token 验证登录过期
上一篇文章说了node结合mongodb和前端连接的具体使用方法。后面我又想到了，要做就做的像那么回事。把token验证也加进去。但是之前重来也没有搞过这个东西，只是听说过，不知道怎么下手。所以这一块着实饶了一些弯子，好在有广大的网友帮忙，最终欧冠也是解决了。所以这次就来说说我对它的用法。传统基于服务器的验证方式传统的验证方式是基于服务器的，就是把登陆信息存在服务端，每次登陆需要去辨别存储的登陆信息，一般都是通过session来实现，我们比较老的项目都是通过存储session来实现登陆验证的。这
2020-11-02 18:19:12
1807
5
原创 mongodb 结合 nodejs使用方法
一个月之前发了几篇搭建博客的文章。现在博客已经成功上线了， 后面会继续说我在这中间遇到的问题。今天先来说一说我在使用nodejs结合mongodb时候的用法。最开始我想的使用本地存储：localStorage/sessionStorage来做数据的保存，但是这种方法太low，而且自己也做了两三年的开发，总要在技术上有一些提升，这也是个自我学习的机会。我就想自己用node做后端，加上mongodb数据库作为保存数据使用。node是运行在服务端的javascript，所以对前端开发来说是由很大的优势，...
2020-11-02 17:41:08
1307
2
原创 react结合node以及mongodb开发一个小的个人项目
上篇文章说了搭建一个小小的react项目框架。虽然已经有了登录等页面，但毕竟只是假的啊，所以我就想着再结合node,和mongodb应该是可以实现真的登录、注册等功能的。说干就干，之前也接触过一点node和mongodb。所以这一块进行还算顺利。第一步：创建一个文件夹用来放node代码。为了好调试，我直接把node放在了react项目内部。当然放在哪里都是可以的，全平个人喜好。上图就是我的服务了，里面有一些token的东西后面会说的。这里面的设置请求头、设置post请求就不说了。三个路由模块、其
2020-09-29 18:04:25
593
3
原创 create-reac-app搭建项目框架(第二部分)
上部分说的是最简单的创建react项目。这里依然以上项目骨架为基础，增加布局的开发。我是这样考虑的。把项目分成两个大的布局。一个是登录、注册、忘记密码的外层布局，和基于antd的layout做成的内层布局。如图，忘记密码和注册和这个页面几乎一样，就不贴图了。在登录成功后，会跳转到内层布局。因为之前一直再用vue，使用react开发在这一块真的饶了太久了，最后还是看了很多方法才解决的。下面看下项目的结构先看路由文件的内容，上面有引入文件的写法，截图就没有放上去了。现在再来看
2020-09-29 17:36:31
166
原创 create-reac-app搭建项目框架(第一部分)
最近公司的项目不是很忙。就想着用react练练手，主要是最近三年用的全部都是vue，有些审美疲劳了。还有就是大厂用的还是以react居多，毕竟像蚂蚁金服还专门开发了一套基于react的组件antd。话不多说下面就说下我这两个礼拜都做的一些内容吧。首先假设大家的电脑上都已经安装了node，npm，cnpm(使用这个的原因大家都懂)。我在这里就不一一叙述了，网上很多好的文章，大家可以对照着安装就行了。下面就是安装create-reatc-app，这是官方提供的脚手架，还是很好用的。第一步：全局安装r
2020-09-29 17:00:23
201
原创 js函数防抖--节流(闭包的用法)
函数防抖（debounce）：当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定的时间到来之前，又一次触发了事件，就重新开始延时。如下图，持续触发scroll事件时，并不执行handle函数，当1000毫秒内没有触发scroll事件时，才会延时触发scroll事件实现方式：每次触发事件时设置一个延迟调用方法，并且取消之前的延时调用方法缺点：如果事件在规定的时间间隔内被不断的触发，则调用方法会被不断的延迟// 防抖function debounce(fn, wai
2020-09-04 10:10:53
986
原创 electron-builder打包的坑
在执行了cnpm i electron-builder --save后，packager.json中会把它安装在这个位置。但是在执行打包的时候会报错“Package "electron-builder" is only allowed in "devDependencies". Please remove it from the "dependencies" section in you...
2020-01-16 18:29:45
4827
2
原创 vue-cli3的一些简单配置
vue-cli3和vue-cli2还是差异很大的，今天在配置vue-cli3的项目时候想使用类似于vue-cli2中build里面的webpack.base.conf.js的一些功能，比如想使用下面红框里的配置。苦于不知道在vue-cli3放在何处。最后还是在网上找到了解决方案,如图。是要加在configgureWebpack这个函数里面才会起作用。...
2020-01-07 17:00:58
146
转载 vue组件通讯的几种方案(转载)
昨天下午面试时候遇到过这个问题，当时我知道的方法有vuex,$emit,$parent。突然听说一个新的方法inject，觉得很稀奇，没想到晚上关注的技术公众号就发了一篇文章专门说了这个问题(是不是监视我的生活了，哈哈开玩笑的)。感觉说的很详细就转载过来，自己没事的时候可以看看，如果对别人有帮助也算是好事一件。正文：初识 Vue.js ，了解到组件是 Vu...
2019-09-05 10:01:50
155
原创 mpvue单独页面下拉刷新pe
在网上找的都是说在各自下面里面的main.js里面配置(如下图)//main.jsimport Vue from 'vue'import App from './index' const app = new Vue(App)app.$mount() export default { config: { "enablePullDownRefresh": ...
2019-07-23 17:20:25
534
原创 纯css写三角形/箭头
1，箭头html:<div class="d1"></div>css:.d1{width: 0;height: 0;border-width: 10px;border-style: solid;border-color: transparent transparent transparent #339933;position: relativ...
2019-06-26 16:59:56
273
原创 配置creat-react-app创建文件的webpack
现在react是最流行的前端框架之一，用起来上手比较快搭建项目也是很好的选择，但是如果你还是自己一点点造轮子来搭建react的画还是有点。。。，所以现在有很多现成的懒人工具，为我们提供了快速的项目构建，比如现在要说的creat-react-app。首先第一步:npm i -gcreat-react-app 先全局安装脚手架。第二部:creat-react-app xxx(项目名称)等...
2019-05-17 16:06:08
728
翻译 es6中数组的拓展运算符
阮一峰的Es2017书中详细讲解了数组的新增方法，拓展运算符(...)这个是最重要的它可以把数组转换为一列数值，可以替换数组之前的apply方法。es5:var a = [1,2];var b = [3,4];Array.prototype.push.apply(a,b)这样才能把一个数组push到另一个数组后面es6:var a = [1,2];var b = [3,4];a.push(...
2019-04-24 11:40:39
111
原创 个人对es6中的set使用理解
最近一直拜读阮老师的ES6，这个博客不敢说分享心得（实力不容许啊），只算是自己做的一些笔记吧。首先说Set，它比较特殊，是个类数组而且里面的值是唯一的，所以根据这点可以做个数组去重的方法，需要结合Array.from方法就可以完成这个需求。这里的Array.from也是Es6对于数组新添加的方法，关于它的详情后续会接着介绍。下面就做个简单的数组去重的方法。首先可以构造Set函数，它会返回一...
2019-04-24 11:07:57
726
翻译 构造函数的继承
//1,对象冒充模式/*function Parent(username){ this.username = username; this.hello = function(){ console.log(this.username);}}function Child(username,password){ //通过以下3行实现将Parent的属性和方法追加到C
2017-08-28 18:52:34
279
翻译 面向对象的构建
//1.字面量。var clock={ hour:12, minute:10, second:10, showTime:function(){ console.log(this.hour+":"+this.minute+":"+this.second); }}clock.showTime();//调用方法console.log(clock.second)/
2017-08-28 18:51:31
322
转载 CSS样式重置方法（京东，淘宝，网易等）
重置样式 body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend{margin:0; padding:0;}ul,li,ol{list-style:none;}img,fieldset{border:0; }img{display:block;}a{text-decoration
2017-07-21 09:11:38
4394
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人