20200418 前端开发日报

vue项目打包上线;vue制作抓娃娃机;【JS基础系列】彻底搞懂执行上下文和调用栈;前端新手的初级前端面试学习笔记(有答案,有些我自己觉得可以);深入浅出Vue实例事件方法(简单易学);JavaScript 企业级编程规范(二):常量-变量-函数-事件-操作符;C# + Web = ?微软 Blazor;创建一个 Node.js CLI

  1. vue项目打包上线

    自己的项目文件都需要放到 src 文件夹下 项目开发完成之后,可以输入 ==npm run build== 来进行打包工作 打包完成后,会生成 dist 文件夹,打包后的文件结构如下 注意下面的tip,告诉你这个打包后的文件需要放到服务器才能打开,不能直接使用浏览器打开 这时我们…

  2. vue制作抓娃娃机

    去年为联通制作双十一活动,做四个小游戏:‘配对消消乐’、移动拼图、抓娃娃、倒计时。 现在先做来分享一下制作抓娃娃游戏时的经验 先上效果图 游戏规则:在指定时间内抓到上图四张卡片为挑战成功。 现在直接说游戏主要内容:娃娃滚动、爪子向下抓取、抓到卡片 废话不多说直接上代码!(此样式是根据需求而定…

  3. 【JS基础系列】彻底搞懂执行上下文和调用栈

    今天是系列第六篇,主要讲一下执行上下文和调用栈的一些知识点。之前我们在第二篇文章讲到了作用域的一些知识,那篇文章提到还有一些执行上下文,变量提升之类的知识点因为篇幅的问题没有讲清楚,今天这篇文章就是来补充这些知识点的。 之前的那篇文章说到,js中的作用域是词法作用域(静态作用域),就是说我们在写代…

  4. 前端新手的初级前端面试学习笔记(有答案,有些我自己觉得可以)

    千里之行始于足下, 基础知识就要一个脚印一个脚印的走才能走的远.我,前端新手,找了一点可能常出现的初级前端面试题,注意,是 初级前端面试题 . 每个问题的答案都是由我,也就是前端新手的我写的,所以肯定有和大家相悖的地方,欢迎大家支出错误,大家一起成长,一起进步. 前端新手的我写的 前端新手的我写的 前端新手的…

  5. 深入浅出Vue实例事件方法(简单易学)

    大家好,我是六六。今天分析关于Vue实例事件相关的方法。与事件相关的实例方法有四个,vm.$on,vm.$emit,vm.$once,vm.$off。这四个方法都挂载到Vue的prototype属性上,接下里我们详细的讲一讲: 目录 vm.$on vm.$once vm.$off vm.$emit 总结 1. vm.$on vm.$on( event, callback ) 参数: {string |…

  6. JavaScript 企业级编程规范(二):常量-变量-函数-事件-操作符

    虽互不曾谋面,但希望能和你成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 标星公众号(ID:itclanCoder) 如果不知道如何操作 点击这里,标星不迷路 ━━━━━━ …

  7. C# + Web = ?微软 Blazor

    C#开发可以用Blazor在今后写前端渲染的网页了! – C#(C sharp)是什么?C#是微软公司发布的一种面向对象的、运行于.NET Framework和.NET Core(完全开源,跨平台)之上的高级程序设计语言。 – 为什么会出现Blazor?我觉得起因是因为浏览器支持WebAssembly,WebAssembly是一种新的编码方式,可以在现代的网络浏览器中运行…

  8. 创建一个 Node.js CLI

    今天我们要谈论创建 node.js 可执行文件。 我想拥有一个我在我的计算机上打字,然后把它变为其中的一个小熊表情。 目前可以看到我的机器上没有此命令,我们开始动手写一个 开始 准备工程 mkdir node-cli cd node-cli touch cli.js touch bears.txt 复制代码 bears.txt : ʕ•ᴥ•ʔ ˁ˚ᴥ˚…

  9. 基于 Hyperf 实现 RabbitMQ + WebSocket 消息推送

    思路 利用 WebSocket 协议让客户端和服务器端保持有状态的长链接,保存链接上来的客户端 id。订阅发布者发布的消息针对已保存的客户端 id 进行广播消息。 WebSocket 服务 composer require hyperf/websocket-server 配置文件 <?php return [ ‘mode’ =&gt…

  10. 绝地求生模拟登陆高难度JS解密教程,Python高级爬虫开发,

    前言 本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理。 PS:如有需要Python学习资料的小伙伴可以加点击下方链接自行获取 http://t.cn/A6Zvjdun 这篇文章因为涉及到JS解密部分,所以难度比较高,Python基础比较薄弱的同学可以来看看思路。 …

  11. 简易实现一个 Vue(1)【原理解析】

    简单实现一个Vue,还原一些基本功能。当然,实现之前需要先了解它的实现原理。 其实 Vue 的源码确实很清楚了,这里可能讲的也就一知半解,也就是个大概思路。 要想实现一个 Vue,还是应该先来理解一下MVVM。(以下源码均为2.6版本,讲解较简单,大概思路) 什么是MVVM? MVVM是 Model View ViewModel 的简写,与M…

  12. vue项目实现用户登录 以及携带token

    调取登录接口 (首先明确一下要做到事情) 在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下: 第一次登录的时候,前端调后端的登陆接口,发送用户名和密码 后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token 前端拿到token,将token存储到localStorage和vuex中…

  13. 关于vue响应式原理的一点理解:observer,watcher,dep

    一直以来都搞不清,或者是勉强理解过后又忘记了,observer, dep, watcher 这三个傻傻分不清,结合vue源码和自己的理解,特写此文记录一下。 响应式原理的思路 知道data什么时候改变 知道哪些dom需要用到data,当触发setter时把所有用到该数据的dom更新 Dep可以看做是书店,Watcher就是书店订阅者,而Observer就…

更多内容请关注公众号【前端开发博客】每日更新


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流