- 博客(35)
- 收藏
- 关注
RSS订阅
原创 就8张图片带你搞清楚JS的原型链
JS（JavaScript）是目前互联网开发中十分重要的一门编程语言，他承载着网页、手机应用程序、硬件程序、微信、微信小程序中的各种特效及处理逻辑功能。...
2020-02-27 18:25:43
777
原创 Vue3解决问题之Proxy在Vue中的作用
前言在讲解Proxy之前，我们有些前置知识点是必要掌握的：Object相关静态函数Reflect相关静态函数简单说明知识盲点名称介绍Object.isExtensible()方法判断一个对象是否是可扩展的（是否可以在它上面添加新的属性）Object.setPrototypeOf()方法设置一个指定的对象的原型 ( 即, 内部[[Prototype]]属性）...
2020-02-26 15:04:55
1898
原创 Vue指令（超详细）
准备开始本章要给大家带来的内容是相关Vue中的组件以及一系列常用属性。本章合适人群囊括了除已有开发经验人员以外的小白新手，从how、why、what三个角度来让大家理解并使用该技术历史介绍angular 09年，年份较早，一开始大家是拒绝 star:33.4kreact 2013年, 用户体验好，直接拉到一堆粉丝 star:89kvue 2014年, 用户体验好 star:...
2019-12-19 00:15:08
8918
5
原创 Vue-router路由系统介绍
路由原理传统开发方式 url改变后 立刻发起请求，响应整个页面，渲染整个页面SPA 锚点值改变后 不会发起请求,发起ajax请求,局部改变页面数据页面不跳转 用户体验更好SPAsingle page application(单页应用程序)前端路由锚点值监视ajax获取动态数据核心点是锚点值前端框架 Vue/angular/react都很适合开发单页应用基本使用...
2020-03-28 12:39:41
778
原创 Vue3中的大热门——其他技术
全局安装/配置API更改在Vue2.x中对全局属性和全局API函数是这么玩的import Vue from 'vue'import App from './App.vue'Vue.config.ignoredElements = [/^app-/]Vue.use(/* ... */)Vue.mixin(/* ... */)Vue.component(...
2020-03-28 12:31:04
768
原创 为你解读Vue3中的大热门——Composition API
作者：Filip Rakowski翻译：启道学院我们已经知道，在Vue的新版本中编写的应用程序将表现得非常好，但性能并不是最重要的部分。 对我们开发人员来说最重要的是新版本将如何影响我们编写代码的方式。正如你所预料的，Vue3带来了许多新的振奋人心的功能。 幸运的是，Vue团队主要对当前的Composition API进行了添加和改进，而不是进行了重大更改，因此已经知道Vue2的人应该很快...
2020-03-22 15:53:32
693
原创 FireEye：勒索软件攻击多发生在夜间或周末
FireEye最新研究统计：27％的勒索软件攻击发生在周末，而49％的工作时间是在工作日之后进行的。针对企业部门的绝大多数勒索软件攻击是在正常工作时间之外，晚上或周末进行的。根据美国网络安全公司FireEye今天发布的报告，企业部门所有勒索软件感染中的76％发生在工作时间以外，其中49％发生在工作日的夜间，而27％发生在周末。FireEye表示，这些数字是根据2017年至2019年数十次勒索...
2020-03-19 17:07:20
806
原创 用白话讲解JS中的继承核心
【前言】近来因为讲课需要，涉及到使用JavaScript中的继承，但发现遇上不懂的同学，无法用一句话带过，因为周边涉及的知识点比较多，因此决定系统的来说一说，我先简单用一点图来描述什么是继承。（不懂的同学可以先忽略英文）请先忽略prototype等看不懂的单词，可以看到祖宗改变就能影响后代，这样也就让我们能改一处，多出发生变化，减轻了工作量，提高了效率。【继承的思路】总的来说继承可以理解...
2020-03-17 13:06:41
772
原创 最新报告！开源软件及编程语言的数据调查
什么是开源软件由于开源软件的分享、自由等特点收到越来越多的使用者的亲睐，如今大家使用开源软件的频率已经越来越高。科普一下，比较常见的开源软件例如——CentOS、 Apache(httpd)、Jboss、Tomcat、Maven、Eclipse、Spring、一些浏览器中的内内WebKit等。 报告核心内容在使用开源软件得到便利的同时，根据开源管理专家WhiteSource ...
2020-03-16 17:41:31
759
原创 大众学开发——59秒学习编写刮刮乐游戏
前言本视频通过59秒快速带大家了解JS实现游戏刮刮乐的全过程，大家不妨可以动手尝试一下。如万一出现困难可以积极与我沟通，我将无偿提供技术支持及源代码。效果预览开始分析创建canvas设置图片设置遮罩插入文档绑定鼠标移动事件检查是否超出50%——移除遮罩难点、API说明绘制灰色矩形var context = canvas.getContext('2d')...
2020-03-15 13:34:26
931
原创 大众黑科技——免验证看电影
####【故事是这样的】最近有空看了一下电影，莫名的找到了某个电影网站，结果可恶的是播放才15秒左右就出现气死我啦！！！！接着我开始研究他的请求，结果看到发了57个ajax，这是啥呀。。又不是整数，又没有特点，居然还标号，我想肯定与这个无关。又重新测试了一次，感觉时间差不多也是15秒左右，同时这次的请求数量发到了68，这更加验证我的猜测，肯定是定时器。于是我。。，选择干掉定时器，方...
2020-03-12 17:39:14
880
原创 Vue和React中的diff算法核心
虚拟DOMjs对象替代真实DOM, 更改避免回流(重新渲染),一次性通过render函数渲染成真实DOM声明的样子输出的样子实现render函数生成真实DOM设置属性render函数渲染函数diff算法diff算法其实就是对DOM进行different比较不同的一种算法(虚拟的比较更节约性能)__ 补丁:用来更新DOM的任务__比较原则平级对比不跨级...
2020-03-10 17:36:45
1773
原创 浅谈编程思维与我们的关系
这几年一直致力希望把编程中的精髓带给更多的人，但突然回首看看，似乎编程给人们带来好处的核心点，却一直感到言语晦涩。不是说不清，而是一直沉寂在技术中，无法将内心的远景描述出来。今天就给大家聊聊思维编程给所有人带来的好处。在这里我们不评论谁好谁坏，只是聊聊而已！首当其中，就是整体的宏观思维，具备编程思维的人，在思考一件事的时候，不再是面向一步步该怎么做，而是整体的思考。在整体中又会切分成不同的维度...
2020-03-06 17:41:07
803
原创 部署杂谈（nodejs+负载均衡+redis共享session）
处理koa中快进的问题部署---NodeJs是基于V8解析引擎并执行的，所以不同于其他后端语言，需要先编译后才能在服务器运行node是解释型的语言，本身就能直接运行NodeJs自身又包含服务器，所以当启动了NodeJs的程序，就会在使用当前机器的公网IP并监听端口运行服务器包含服务器的node，自己就可以跑无需单独编译和服务器的支持PM2管理node项...
2020-03-05 13:05:27
1039
原创 开发中比较容易理解的代码套路
前言今天给大家纯手工整理一下本人在开发中认为比较有用的代码思想套路，欢迎大家可以与我一同讨论链式编程所谓链式编程即是函数调用后返回对象本身var calculator = { total:0, add (n) { // 模拟执行功能 this.total += n; // 为了能在调用完add()后继续.substruct()...
2020-03-04 17:51:26
800
原创 身在或将在互联网行业的你，该如何突围？
今天是3月3日，武汉封城的第41天，由于不能出门导致的无聊，最近给自己的计划是每日一篇文章+晚上直播讲课。经过这段时间，突然回想起了自己以前的不眠不休、挑灯夜战。每天做梦都是算法、数据结构、范式、设计模式、面向对象、面向切片啥的。。。。【回忆】那是很久以前的事了，在准备找工作的前2周，几乎也就是 var 生活 = (泡面 + 面试题) * 18小时。当然不论准备得再好，有些东西也会忘记、或者理...
2020-03-03 16:06:29
491
原创 Axios中的取消请求源码解析
前言在开发中，为了活动动态数据，因此我们需要与后台通过请求进行交互，获取动态数据来展现给用户看。有些一些网站对实时信息要求还更高，比如股票类、聊天类、直播类等。本章内容涉及思想层面东西比较多，如果出现知识盲点无所谓，主要就是体会Promise的运用思想！思想！思想！（小白也可以试试）当下流行的http库http库在当下作为请求交互来说，是比较主流的，今天就给大家介绍一个比较受欢迎的库：Ax...
2020-03-02 17:45:23
809
原创 微信小程序入门讲解
微信小程序注册由于发文限制，请自行到微信公众平台注册项目结构project.config.json 配置文件（不需要动）app.json（用户配置）路由pageswindow 整个程序样式tabar底部设置.....app.js 入口程序xxx.jsapp.js是入口程序，代表应用要做的事通过路由切换到了index.js中Page...
2020-03-01 17:49:48
912
1
原创 Vue组件通信应知必知
前言本章我们来学习Vue组件通信中的可以算是所有内容，在此之前，您最好掌握Vue的基础语法、指令等内容，同时也建议您查看我其他的文章进行补充。组件通信父子组件关系通过上图顺带给大家说明了父子组件的实现原理，以及组件间传值传DOM的实现思路，那么我们看看Vue的代码来感受一下父向子传值模板部分(此处传值也能使用组件内的变量)<div id="app"> ...
2020-02-28 19:15:41
789
原创 戏说前端之CSS编码规范
前言项目启动时 css 应该注意哪些问题文件名规范文件名建议用小写字母加中横线的方式。为什么呢？因为这样可读性比较强，看起来比较清爽，像链接也是用这样的方式，例如 // 地址: github的地址 https://github.com/wangjeaf/ckstyle-node那为什么变量名不用小写字母加小划线的方式，如：family_tree，而是推荐用驼峰式的fami...
2020-02-25 15:33:03
848
原创 Vue中你可能认为是bug的情况原来是这样的
前言我们知道Vue框架剧本双向数据绑定功能，在我们使用方便的同时，还有一些细节问题我们并不知道，接下来一起探讨一些吧双向数据绑定js变量改变影响页面页面改变影响js变量Vue2是如何做到数据绑定的Object.defineProperty(obj,key,{ set:function (newV) { ...
2020-02-24 18:39:58
819
原创 前端网络监控与断网重链
业务背景最近在做大屏数据可视化项目得时候，在思考项目交付和运行情况得时候，考虑到了需要在公司大屏显示器上面展示，突然想到了项目可能面临断网及其网速慢得情况下得一下展示问题，因此作为专栏进行这两个问题得讲解问题一 WebSocket 在网络终端和重新联网后自动链接知识点: 理解WebSocket心跳及重连机制在使用websocket的过程中，有时候会遇到网络断开的情况，但是在网络断开的时候...
2020-02-22 14:14:17
1425
原创 Vue实战之【企业开发常见问题】
1.vue框架使用注意事项和经验1.1 解决Vue动态路由参数变化,页面数据不更新问题描述：遇到动态路由如：/page/:id从/page/1 切换到 /page/2 发现页面组件没有更新解决方式1：给增加一个不同:key值，这样vue就会识别这是不同的了。<router-view :key="key"></router-view> ... compute...
2020-02-21 16:19:26
919
原创 step1：准备歌词之《前端开发是个啥》
以下是给大家介绍前端开发的填词，曲子是李圣杰的《最近》，大家喜欢可以试试唱。点赞关注超过100的平台，我后续上来发本人原唱视频（目前正在练习中...），另外大家觉得哪些词写得不好的，欢迎评论给与建议，谢谢！！...
2020-02-20 17:56:25
758
原创 ES6之Promise详解
前言Promise，用于解决回调地域带来的问题，将异步操作以同步的操作编程表达出来，避免了层层嵌套的回调函数。什么是 Promise所谓的 promise，简单的来说就是一个容器，里面保存着某个未来才会结束的事件(也就是我们的异步操作)的结果。从语法上面来说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处...
2020-02-19 11:54:06
834
原创 你们要的Web前沿技术PWA在这里
PWA是progress web app的缩写，是一种理念，使用多种技术来增强web app的功能，可以让网站的体验变得更好，能够模拟一些原生功能，比如通知推送。history模式• 如果不希望看到丑陋的 # 可以使用history模式 ， 其原理依赖于 history.pushState函数– a标签点击以后，如果没有# 必然会页面跳转发起请求– 使用pushState函数可以改变url...
2020-02-15 17:47:19
960
原创 优雅的设计模式-面向对象基础(上)
如何理解面向对象面向对象的特性中抽象是封装、继承、多态的前提基础。合理的抽象源于对业务主题合理分析和合理认识。合理的抽象应该是自洽的，易理解的关于组合和聚合的关系：最核心的区别就是生命周期的区别。组合关系中，整体和个体是一个整体，离开了整体，个体就没有意义，同时产生，同时销毁。而聚合关系中，部分单独个体存在也是具有存在的意义，即使脱离整理，个体也可以单独存在。别滥用继承：继承的作用更多的时候是为...
2020-02-13 12:55:43
866
原创 零基础一篇文章实现网页轮播图效果，我太难了啊
你瞅啥？有没有想过？一直从事流水线操作的你，或许在编程中的流程控制方面天赋异禀。有没有想过？一直以来左右逢源的你，或许也能靠手中的键盘做点大事？有没有想过？平时好像平淡无奇的你，或许身上埋藏了“程序员”的惊奇骨骼。或者，也许你并没有！那么跟我一起动手试试就知道了！不扯淡，上干货！我们要做的成果展示（轮播图）：菜单（需要的材料）：html语言（处理页面结构）css语言（美化页面）...
2020-02-12 02:11:13
283
原创 一篇文章让你彻底了解 JS 原型链
前言原型是 JavaScript 中一个比较难理解的概念，原型相关的属性也比较多，对象有"[[prototype]]"属性，函数对象有"prototype"属性，原型对象有"constructor"属性。认识原型(什么是原型)开始原型的介绍之前，我们首先说说什么是原型？定义在 JavaScript 中，原型也是一个对象，通过原型可以实现对象的属性继承，JavaScript 的对象中都包含...
2020-02-11 16:18:51
297
原创 前端 P5 最基本应该掌握的代码实现
前景疫情无情人有情,在去年经历互联网一系列的风波之后，我相信大家有很多的小伙伴想在今年金三银四的面试季中为自己的未来找一个好一点的公司。那么今天我们来讲解一下身为 P5 工程师需要知道的一些原理及其如何亲自手写出它的实现过程，有可能我们日常开发业务的时候用不上这些自己写的方法，但是我们我们对原理一无所知，那么在面试的时候一旦被深挖那么可能离自己心念的公司就会又远一步。模式 call第一个...
2020-02-09 14:34:08
1515
原创 优雅的设计模式之旅-开闭原则
开篇致词最近有很多小伙伴私信问我，如何能书写出高逼格让人一看就觉得是一个好程序员写得代码呢？什么样得代码是标准得代码呢？怎样成为团队中代码标准呢？…等等咨询一些前端代码书写方面得问题，因此我们我们开始设计模式之旅。心态++好的代码像粥一样,都是用时间熬出来的++背景介绍在软件开发中，为了提高软件系统的可维护性和可复用性，增加软件的可扩展性和灵活性，程序员要尽量根据 7 条原则来开发程序，...
2020-02-05 22:19:34
230
原创 call apply bind区别
今日技术点-call apply bind区别介绍欲想深入call、apply 、bind，必现了解函数及其thisthisthis就是日常我们代码中调用函数的主体对象举个例子: var obj = { foo: function(){ console.info("this===>",this) } } ...
2020-02-03 19:41:14
386
原创 Nuxt入门
文章目录准备开始nuxt(SSR Server Site Render)整体预览便捷使用axiosInstallNuxt.config.jsUse Axios关于部署准备开始本章要给大家带来的内容是相关Vue中的组件以及一系列常用属性。本章合适人群囊括了除已有开发经验人员以外的小白新手，从how、why、what三个角度来让大家理解并使用该技术…nuxt(SSR Server Site...
2020-01-07 16:52:35
768
原创 Vue-Router（超详细）
本章要给大家带来的内容是相关Vue中的组件以及一系列常用属性。本章合适人群囊括了除已有开发经验人员以外的小白新手，从how、why、what三个 角度来让大家理解并使用该技术目录文章目录目录@[toc]路由原理SPA基本使用router-link命名路由参数router-link,别名重定向阶段总结嵌套路由路由守卫守卫meta属性的应用编程导航过渡效果及缓存路由原理传统开发方...
2019-12-25 14:47:13
728
原创 ES6核心详解
ES6核心详解本章你将学习到如下知识点ES6模块ES6关键字ES6模块相信学习过前端的同学们都听说过前端的模块懒加载和前置加载，其最早来源于前端模块加载器RequireJS和SeaJS中的AMD和CMD的概念。其中AMD规定和CMD对模块的规定如下图[外链图片转存中…(img-koPSqqwK-1576756807789)]为什么要扯这么远呢？ 因为我们接下来学习的ES6模块是...
2019-12-19 20:02:10
802
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人