前端

介绍 今天偶然发现jd的图床可以使用webp，果断上车。webp格式的图片清晰度损失不大，但是图片文件大小减少50%-70%左右，加速效果明显。 首屏加载体积也从1.5MB 降到了 0.5MB不到 喵容图床插件推荐 使用 使用cute主题 使用京东图床 将下方js代码放到head标签中 js代码...

上一篇详述了Sass如何嵌套、导入和注释这3个基本方式来保持条理性和可读性，这一篇更进一步地阐述sass保持样式复用和简洁的方式——混合器和选择器继承——这两种方式都能复用样式，使用它们也不难，但一定要注意什么时候该用什么。 零. 混合器——样式层上复用 当你需要一直复用大段样式的时候，可以考虑下混合器。 1. 基本用法 混合器使用@mixin标识符定义，然后通过@include引入，简单的说就是…...

一直以来对这里的原理比较模糊，但是在code>@click...

运用在React 中 setState的对象、数组的操作时是不能用类似array.push()等方法，因为push没有返回值，setState后会出现state变成Number，为了方便他人和自己查看，因此写个数组和对象的操作方法小笔记。 修改object中某项 this.setState({ object: {...object, key: value} }); 删除数组首位 array.spl…...

React Native中 在使用List和Radio组件时，报了这个醒目的错误：Unrecognized font family 'antoutline' 百度和Google都没找到答案，后来去antd rn的官方github下的Issues下才找到解决方案。 方法总结如下： 方法一： 进入 node_modules/@ant-design/icons-react-nativ…...

用React Native里的ScrollView组件，给ScrollView直接加了justifyContent或alignitems属性后会报错。问题原因是scrollView和flatlist之类的组件不支持直接添加这两个属性，解决方法是给组件添加contentContainerStyle属性...

问题，描述似乎Vscode原生对React Native的样式表代码提示有问题，所以在github找到了解决办法。...

~ 运算符查看表达式的二进制表示形式的值，并执行位非运算。 Javascript 按位取反运算符 (~) ，对一个表达式执行位非（求非）运算。如 ~1 = -2; ~2 = -3; 最近做Leetcode的时候，发现有人用到了位运算符-not (~)，以前也见过类似“~~value”的用法，所以研究了下为什么这样用。 js取反我只知道个！，但是~为什么也叫取反，他返回的又不是boolean类型？ …...

什么是小程序：微信小程序是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平台上使用的应用，主要提供给企业、政府、媒体、其他组织或个人的开发者在微信平台上提供服务。 目的：我学习小程序的目的是为了学app,当时觉得小程序可能比app开发要简单吧...

许多web开发工程师对于HTTP协议等相关的知识并没有系统的学习过，讲起这一块内容的时候总是模糊不清，对于返回的状态码可能只清楚：401、404、500...？但其实不论是前端、还是后端，牢固的掌握HTTP知识是非常必要的。在面试时，HTTP这部分的内容也是面试官必问的内容。 所以为了让自己以后能在web开发这条路上走的更加顺畅，我也专门拿出几小时来恶补一波了HTTP知识，写一篇学习笔记记录下。 …...

我们编写js代码时经常遇到复杂逻辑判断的情况，通常大家可以用if/else或者switch来实现多个条件判断，但这样会有个问题，随着逻辑复杂度的增加，代码中的if/else/switch会变得越来越臃肿，越来越看不懂，那么如何更优雅的写判断逻辑，本文带你试一下。...

根据Stack Overflow 2018年年度调查报告，JavaScript已经连续6年保持最常用的编程语言的记录。对于一个全栈工程师，JavaScript可以说是一项必备语言，在面试中总会被问到。我整理了一下FullStack.Cafe上所有常见的JavaScript面试问题供大家参考......

前言 2018年最后的法定假期都已经结束了，我相信大部分正在进行或曾经进行过移动端页面开发的同学都或多或少的了解过使用rem进行移动端页面适配的方案以及使用vw的方案，(没了解过的同学可以参见大漠老师的这两篇文章 使用Flexible实现手淘H5页面的终端适配和再聊移动端页面的适配)也面临过在不同适配方案间进行抉择的思考，我个人最近对于移动端适配方案也进行了一轮重新的研究，期间，对各种适配方案也有…...

这篇文章讲我最近遇到的需求和解决过程中遇到的问题，以及学到新知识。 从最近在做的需求说起，一个优惠券样式，过设计稿的时候认为没什么大不了的，满口答应了。真正开始开发的时候遇到问题，主要是镂空效果实现方式上比较费劲。要求是背景可配，并且票身可以配背景图，然后镂空是真镂空。 设想并尝试了很多种方案，伪类模拟，背景贴图，Canvas 绘制，没有一个能让我满意。前端就是这么难，即使跪下来求设计师妹纸改稿，…...

简介 这个项目是为了帮助开发者掌握 JavaScript 概念而创立的。它不是必备，但在未来学习（JavaScript）中，可以作为一篇指南。 本篇文章是参照 @leonardomso 创立，英文版项目地址在这里。 由于原版资源都要翻墙，所以本人创立一个中文版，附上关于这些概念在国内的一些文章和视频。 若有觉得更好的文章或者视频，可以贡献出来，觉得有误的，请联系我删除。 更新 若有觉得更好的文章或…...

前言 长期以来，我们要修改 DOM 元素的样式，我们实际上操作的是 CSS 的对象模型 CSSOM。而 Houdini 中推进的又一组 CSS 对象模型 Typed OM，该标准又给我们带来了什么好处呢？ CSSOM CSSOM 是干嘛的？ 简单的说来，CSSOM 是一组能让 JS 操作元素 CSS 的 API。在浏览器进行页面渲染的过程中扮演着非常重要的角色，浏览器的渲染步骤大致包括： 解析 H…...

完全吃透async/await 导论： 首先，必须了解Promise 主要研究基本语法 对比Promise与Async 异常处理 参考： Async +Await 理解 async/await 异步函数 - 提高 Promise 的易用性 0. 前言 ES7 提出的async 函数，终于让 JavaScript 对于异步操作有了终极解决方案。No more callback hell。 async…...

完全吃透Promise Promise晋级，需要的全部都在这 主要内容： promise基本实现原理 promise 使用中难点（链式调用，API基本上返回都是一个新Promise，及参数传递） promise 对异常处理 promise 简单实现及规范 参考： 漫谈promise使用场景 30分钟，让你彻底明白Promise原理 阮一峰ES6入门 JavaScript Promise：简介 牛刀…...

Vue初认知 对比laravel和Vue，都是为开发项目简单方便.laravel主要是为后台开发降低难度,提升效率.但是并不能实现前后端分离,导致项目大了,后端工程师很苦恼.一边实现API接口，一边开发页面，两者互相切换着做，而且根据不同的url动态拼接页面，这也导致后台的开发压力大大增加。前后端工作分配不均。不仅仅开发效率慢，而且代码难以维护。Vue框架就可以解决前后端分离实现并向开发,不仅提高…...

写在前面： 从去年十月份，马云成立阿里巴巴达摩院，到今年9月28号一年整，阿里达摩院官网正式上线。作为从事互联网行业的人，大抵都是会去达摩院官网看看的，本文即我个人从前端角度对达摩院官网，进行的一次简单粗暴的测评，细数圈点之处，并提取一些作为前端可以值得借鉴和思考的代码技巧。第一次写体验报告类文章，想到什么写什么，个人角度或片面，不足之处，或者您有更好的见解，在留言处欢迎交流。当然希望有阿里达摩院…...

——本文是对之前同名文章的修正，将所有webpack3的内容更新为webpack4，以及加入了笔者近期在公司工作中学习到的自动化思想，对文章内容作了进一步提升。 0.引言 作为互联网项目，最重要的便是用户体验。在举国“互联网+”的热潮中，用户至上也已经被大多数企业所接收，特别是在如今移动端快速发展的时代，我们的网页不仅只是呈现在用户的PC浏览器里，更多的时候，用户是通过移动产品浏览我们的网页。加之…...

把一件平凡的事情做好，很平凡。把一件平凡的事情坚持的做好，很不平凡。 1.前言 如果说计算机科学只存在两个难题：缓存失效和命名。那么我就觉得命名的难点只有两个：词汇量和坚持贯彻执行制定的规范。 最近在知乎上看到这个：作为程序员，有没有让你感到既无语又崩溃的程序命名？。顿时感慨万千，因为命名对于程序员来说是就是一个难题，有时候因为命名，可能会引起别人的误导，疑惑等，对开发效率，项目的质量影响可大可小…...

前言 现如今移动端APP对用户体验方面的要求越来越高了，最近致力于用户体验优化，因为需要实现类似APP页面切换的动画效果，百度google搜索资料不是很全，所以自己写文档，在实现效果的基础上，顺便恶补一波VueRouter及CSS过渡动画的知识点，欢迎有兴趣的朋友多多指教。 简单demo图预览 写在前面的思考 如何匹配到相应需要跳转的页面？ 如何判断是“前进”还是“后退”而后使用不同的动画方式？ …...

最近秋招之余空出时间来按自己的兴趣动手做了一个项目，一个基于 vue，typescript，pwa 的实验浏览移动端webapp，现在趁热打铁，将这个项目从开发到部署整个过程记录下来，并将从这个项目中学习到的东西分享出来，如果大家有什么意见或补充也可以在评论区提出。先介绍一下这个项目 项目介绍 基于vue，typescript，pwa的一个移动端webapp，取名叫browseExp，主要功能是浏…...