vue+springboot前后端分离实现token登录验证和状态保存的简单实现方案；手写JS函数的call、apply、bind实现；面试重点：webpack；Vue实现图片与文字混输；JS精进系列之你必须知道的对象操作(包含最新特性optional chaining）；css+js相关笔记；javascript学习记录(二)；从 0 到 1 的 websocket — 概念篇
-
手写JS函数的call、apply、bind实现 之所以要写这篇，是因为曾经面试被要求在白纸上手写bind实现 结果跟代码一样清晰明确，一阵懵逼， 没写出来！ 下面，撸起袖子就是干！~ 把call、apply、bind一条龙都整一遍！~~ call 定义与使用 Function.prototype.call(): https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Glob…
-
面试重点：webpack 熟练掌握Webpack的常用配置,能够自己构建前端环境,并进行项目优化; 001.谈谈你对webpack的看法: webpack是一个模块打包工具，可以使用它管理项目中的模块依赖，并编译输出模块所需的静态文件。它可以很好地管理、打包开发中所用到的HTML,CSS,JavaScript和静态文件（图片，字体）等，让开发更高效。对于不同类型的依赖…
-
Vue实现图片与文字混输 用多了 JQuery ，习惯了使用JQuery的API操作 DOM ，几乎忘记了原生JS对DOM操作，今天在项目中遇到了文字和图片混输的情况，第一个想到的办法是用 textarea 实现，结果发现实现不了图片输入，然后想着找个富文本编辑器的插件实现，深思熟虑之后，我的需求好像也没那么复杂，不至于引用个插件，看了 掘金 的发布沸点功能，…
-
JS精进系列之你必须知道的对象操作(包含最新特性optional chaining） 2019年8月的已经进入stage3的提案 optional chaining非常的nice, 它改变了我们访问深层次对象的方式。 在我们业务开发中, 遇到的最常见的复杂数据类型是 ___。 答案： 对象 (plain object) 无论是restful API获取服务端JSON数, 或者是配置, 再或者是初始化时候的optional属性, 都是一个复杂的对象, 里面…
-
css+js相关笔记 作者: 故事我忘了 c 个人微信公众号: 程序猿的月光宝盒 css部分: 1.内联元素垂直居中的设置: (1) 设置父级元素的行高 line-height,和高度 height 原则:line-height=height (2) 再设置内联元素的 vertical-align: middle 2.页头,页尾拼接 通常在开发中,都会有公共的页面部分(不只是…
-
javascript学习记录(二)之前的学习记录来源于一本较老的教材，老到见不到html5的身影。最近换了一本教材——JavaScript DOM编程艺术(第2版)，所以这一篇博客更新一下基础的语法。
-
轻松理解webpack热更新原理 Hot Module Replacement ，简称 HMR ，无需完全刷新整个页面的同时，更新模块。 HMR 的好处，在日常开发工作中体会颇深： 节省宝贵的开发时间、提升开发体验 。 刷新我们一般分为两种： window.location.reload() WDS (Webpack-dev-server) HMR 作为一个 Webpack 内置的功能，可以通过 HotModuleReplacementPlu…
-
js基础——错误处理 一：错误捕获 1.try-catch 语句（错误捕获） try{ //这里放置可能出现问题的代码 }catch(error){ //错误发生时执行的代码 console.log(error.name) //打印错误类型 console.log(error.message) //打印错误消息 } 说明：如果try中的代码出现任何错误，就会立即退出代码执行过程，接着执行ca…
-
让我们来写个 webpack 插件 扫码或点击链接查看完整 Slides 时至今日，webpack 已成为前端打包工具链中不可或缺的一环，如若只是配置使用，那么了解到如下几类即可满足大部分需求： Entry：入口，Webpack 执行构建的第一步将从 Entry 开始，可抽象成输入。 Module：模块，在 Webpack 里一切皆模块，一个模块对应着一个文件。Webpa…
-
前端模块化的今生众所周知，早期 JavaScript 原生并不支持模块化，直到 2015 年，TC39 发布 ES6，其中有一个规范就是 ES modules（为了方便表述，后面统一简称 ESM）。但是在 ES6 规范提出前，就已经存在了一些模块化方案，比如 C…
-
5 个有趣的 Node.js 库,带你走进 彩色 Node.js 世界 1.chalk GitHub：[链接] GitHub Stars : ✨13.5k 这是一个能给你的 log 染色的库,让你的代码靓起来 !! 黑白的 console.log 令人绝望 ? 让我们给它点颜色看看 !!! 2.Inquirer.js GitHub：[链接] GitHub Stars : ✨11…
-
IVWEB 玩转 WASM 系列-WEBGL YUV渲染图像实践最近团队在用 WASM + FFmpeg 打造一个 WEB 播放器。我们是通过写 C 语言用 FFmpeg 解码视频，通过编译 C 语言转 WASM 运行在浏览器上与 JavaScript 进行通信。默认 FFmpeg 去解码出来的数据是 yuv，而 canvas 只…
-
[扩展推荐] Laravue —— 漂亮的 Laravel 管理界面几个月前我尝试为我的项目寻找新的解决方案, 我已经使用 Vue 构建了一个 单页应用 (使用这个 非常棒的框架, 使用 Laravel Lumen 作为 API 网关, 使用 Laravel Passport 作为 SSO 服务器)。经过几周的工作, 我发现…
-
美团外卖前端容器化演进实践 总第372篇 2019年 第50篇 提单页在美团外卖交易链路中非常重要，但随着业务不断发展，提单页模块越来越多，逻辑的耦合也越来越重。为了解决这一问题，需要实现提单页的动态化，而动态化是需要基于容器来实现，所以，美团外卖技术团队提出了提单页的容器化方案。希望本文对同样深受此问题困扰的…
-
前端工程师吐后端工程师（第五讲）——包管理工具NPM和Go get 在我们做前端时候，很少会有人做需求的时候上去就什么脚手架都不用直接裸写，基本都会找个所谓的框架，比如三大框架：Angular、Vue、React。所以在做Go的时候我们也不会裸写，需要选个Go的框架。 对比了一下，现在盛行的Go框架，选择了Gin。Gin是一个golang的微框架，API比较友好，源码注释文档非常优秀，具有快速灵活…
-
JS基础语法—预解析 预解析:就是在解析代码之前 1. 预解析做什么事? 把变量的声明提前了—-提前到当前所在的作用域的最上面 函数的声明也会被提前—提前到当前所在的作用域的最上面 举例： function f1() { console.log(num); var num = 10; } f1(); //此时运行结果是undefined 此时运行…
-
关于angularjs异步操作后台请求时，用$q.all排列先后顺序的问题 最近我在做angularjs程序时遇到了一个问题 1.页面有很多选择框，一个选择框里面有众多的选择项，和一个默认选定的项,像下面这样（很多选择框，不只一个）： 2.众多的选项要从后台接口得到，默认项从另一个后台接口得到，这就需要$promise.then（）操作 3.而多个$promise.then（）属于异步操作，先后顺序不是…
-
SOLID的 JavaScript 实现 设计模式为什么重要? 因为可读性? 因为少 bug? 因为好测试? 我觉得这些都不是最主要的, 就像狗刨和有泳姿的游泳, 只有掌握了泳姿, 游泳才会有乐趣, (去游泳馆洗眼睛的除外). 设计模式可以让我们写代码有章可循, 写出艺术性. JavaScript 里万物皆对象, 虽然 ES6 之前一直是用比较让人头晕的原型链, 加上__proto__在各个…
-
angular8.x + ngx-translate实现国际化 本文将介绍ngx-translate在angular8.x中的使用，主要内容有ngx-translate的安装、前端json翻译模板的配置以及如何改造为请求后台获取翻译模板json。完成后整体应用文件目录结构如下： |- src |- |- app |- |- |- app.component.css |- |- |- app.component.html |- |- |- app.component.ts |- |- |- app.module.ts |- |…
-
基于 React 的可视化编辑平台实践 基于 React 的可视化编辑平台实践 本文主要介绍了基于 React 构建可视化编辑平台的实践，包括对可视化拖拽布局、在线编辑、同构直出的实现。 背景 目前，HRG 的英才校园在线招聘业务有大量的企业定制化需求，企业在英才校园做招聘，同时也希望有自己的招聘主页，每年都会招聘一部分兼职同学来开发这类…
前端日报栏目数据来自码农头条，每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等，为开发者提供动力，如果觉得内容对你有用，记得分享给你的小伙伴。进入码农头条查看更多
