20180928 前端开发日报-前端开发博客

【实例】通过 CSS自定义属性（CSS变量）和 JavaScript 实现高级CSS主题切换；JavaScript中浅拷贝和深拷贝的区别和实现；记一次ajax的JSESSIONID 变化解决、非跨域变化；Vue：学习笔记（二）-实例；JS继承从入门到理解；github 上有趣又实用的前端项目（持续更新，欢迎补充）；谈谈前端性能优化（一）；2018-09-25 学习手记：JavaScript Modules 和 Express Middleware

【实例】通过 CSS自定义属性（CSS变量）和 JavaScript 实现高级CSS主题切换在本教程中，我们将使用 CSS自定义属性（也称为CSS变量）来为简单的HTML页面实现主题切换。我们将创建暗黑和明亮的示例主题，然后编写JavaScript 以在用户单击按钮时在两者之间切换。如果你以前没接触过，请先阅读CSS变量(自定义属性)实用
JavaScript中浅拷贝和深拷贝的区别和实现前言要理解 JavaScript中浅拷贝和深拷贝的区别，首先要明白JavaScript的数据类型。JavaScript有两种数据类型，基础数据类型和引用数据类型。 1. 基础数据类型： undefined、boolean、number、string、null，保存在栈内存中的简单数据 2. 引用数据类型：Array、对象、Function，保存在堆内存空间中概述如下…
记一次ajax的JSESSIONID 变化解决、非跨域变化前言某一天测试提了一个bug，系统进入到某个页面中后，出现登录失效，不管怎么样，只要进入这个页面再点击其他链接就会去到登录页面，测试环境没有问题。开始解决第一步：怀疑代码问题因为测试环境没有任何问题，所以怀疑是代码本身的问题，于是在本地测试，发现本地没有问题，于是重新打包部署到正式服务器…
Vue：学习笔记（二）-实例书接前文。继续学习Vue，距离上一篇笔记又有十几天了，因为最近实在是工作太忙了，但还是应该努力坚持。正文创建Vue实例如何创建一个Vue的实例呢？ var vm = new Vue({ // options }) Vue参考了MVVM模型，这里的vm指代ViewModel。当你创建一个Vue实例的时候，你可以创建一个options对象给它，这个将…
JS继承从入门到理解作者 | 张文慧开场白大三下学期结束时候，一个人跑到帝都来参加各厂的面试，免不了的面试过程中经常被问到的问题就是JS中如何实现继承，当时的自己也是背熟了实现继承的各种方法，回过头来想想却不知道__proto__是什么，prototype是什
github 上有趣又实用的前端项目（持续更新，欢迎补充）github 上有趣又实用的前端项目（持续更新，欢迎补充） 1. reveal.js: 幻灯片展示框架一个专门用来做 HTML 幻灯片的框架，支持 HTML 和 Markdown 语法。 github: [链接] demo: [链接] 动图取自博客 reveal.js – …
谈谈前端性能优化（一）性能优化无非就是让页面的打开速度更快一些，以得到更好的用户体验。前端在这方面可以做到的有两方面，页面级别的优化，比如减少 Http 请求次数、加快资源的加载速度；二是代码级别的优化，页面重新渲染一次会经…
2018-09-25 学习手记：JavaScript Modules 和 Express Middleware 今天仍然是以学习公司后端项目代码为主，学习了有关 JavaScript Module 和 Express Middleware 的相关内容。诚如 9 月 19 日学习手记所言，由于后端代码模块化非常深，所以我这个渣渣学习起来比较费时间。不过，通过今天的学习，对于项目的架构有了更深入的认识，接下来先介绍下 JavaScript Module 和 Express Middlewa…
为什么你应该放弃React老的Context API用新的Context API React16.3发布了新的Context API，并且已经确认了将在下一个版本废弃老的Context API。所以大家更新到新的Context API是无可厚非的事情。而这篇文章会从原理的角度为大家分析为什么要用新的API–不仅仅是因为React官方要更新
使用jQuery和CSS创建一个粘性标题栏如今，网页设计的一个热门趋势是使用粘性标题，其中包含基本元素的页面的顶部（例如菜单栏一旦滚动过去）在页面上固定，继续保持可见。以下是粘性标题的示例。就像效果看起来一样简单，实现一个优化良好，可靠的粘性标题比参与眼睛更复杂。在本教程中，我们将解决陷阱，并了解如何使用jQuery和CSS 创建理想的粘性标头：…
Nuxt 2.0正式发布：支持 Webpack 4、ES module 近日，Nuxt 2.0 正式发布，Nuxt 2.0 带来了大量新特性和改进，并专注于稳定性、性能和更好的开发者体验。首先，我们先来看自 Nuxt 创建以来的一些统计数据： Google Analytics 约 1200 万次页面访问；约 75 万独立访问者
Airbnb 爱彼迎房源详情页中的 React 性能优化在一些容易被忽视但又非常重要的场景，可能会有许多严重影响性能却很容易解决的问题。本文最早于 2017 年 12 月 5 日发表（原文链接），主要介绍了 Airbnb web 端访问量最大的页面之一——房源详情页的 react 性能优化过程，其中用到的
Golang JSON 的进阶用法痛点你是否遇到过json中某个字段填入某种类型都适合而陷入两难境地? (例如：定义了一个port字段，你却不知道是填入8080,还是 “8080” 的尴尬局面) 你是否遇到过json反解析报错是因为填入字段的类型不匹配导致的？例如： json: cannot unmarshal number into Go struct…
#前端开发那些事#【如何用 VUE 写一个多用模态框组件模版】详见：对于新手们来说，如何写一个可以多用的组件，还是有点难度的，组件如何重用，如何传值这些在实际使用中，是多少会存在一些障碍的，所以今天特意写一个最常用的模态框组件提供给大家。（作者：刘员外__）
动手制作nodejs命令行工具 iconfont-cli 自动化开发工作流使开发者能够将更多的精力和时间放在业务逻辑之上，通常会使用webpack gulp browser-sync等CLI工具，而自动化的实现则离不开脚本的编写；对于前端开发工程师而言，能够制作nodejs命令行脚本工具也成为必须掌握的技能之一。
飞一般的WebGL之唱起3D编程前的战歌前言计算机图形的最初形式就是在一块面板上闪烁的灯。从上图可以推出“灯泡编程”大致过程是：程序员先对这些机器编程，然后阅读机器的计算结果，最后将计算结果通过很多灯泡的亮灭组合来向计算机用户传达有用的信息。这就是最早的计算机图形。了解和掌握计算机图形学，可
React Native vs. Cordova、PhoneGap、Ionic，等等原文链接: learnreact.design/2018/02/14/… 喜欢理由: 文笔生动通俗易懂特别鸣谢: 原作者 Linton Ye 的倾情校对系列博客: 用通俗的语言和涂鸦来解释 React 术语图解 React 图解 React Nat
《一套代码小程序&Web&Native运行的探索（1）》我们这里依旧使用这个我觉得还算复杂的例子，做一个首页一个列表页，后面尝试将这套代码翻译成React Native以及微信小程序，于是便开始我们这次的学习吧。（by 叶小钗）
Git 系列文章相关文章 GIT 初识 Git的基础操作 Git的远程操作 Git的分支管理 Git标签操作 Git团队协作 Git 多账户管理 Git的相关配置 Git的子模块 Git的子模块常用基础指令知道了git的大概工作的大概流程我们来实践一下git…
实现WebRTC P2P连接 WebRTC是为了解决实时音视频传输问题，致力于提供免安装、免插件、免专利费，人人可用的高效便捷的实时流媒体传输。1. 3种实时流媒体实现比较目前实时流媒体主流有三种实现方式：WebRTC、HLS、RTMP，当你看直播网站的时候会发现很多采用了HLS（HTTP
WebGL Shader 环境搭建正如《WebGL 编程指南》中所说的：传统的三维图形程序通常使用 C 或 C++ 等语言开发，并为特定的平台被编译成二进制的可执行文件。这意味着程序不能跨平台运行。相比之下，WebGL 程序由 HTML 和 JavaScript 组成，只需要放在 Web