-
「Cute主题技巧」 Cute主题之京东图床替换图片为webp
介绍 今天偶然发现jd的图床可以使用webp,果断上车。webp格式的图片清晰度损失不大,但是图片文件大小减少50%-70%左右,加速效果明显。 首屏加载体积也从1.5MB 降到了 0.5MB不到 喵容图床插件推荐 使用 使用cute主题 使用京东图床 将下方js代码放到head标签中 js代码- 2k
- 0
-
-
「React Native笔记」在React的 setState 中操作数组和对象的多种方法(合集)
运用在React 中 setState的对象、数组的操作时是不能用类似array.push()等方法,因为push没有返回值,setState后会出现state变成Number,为了方便他人和自己查看,因此写个数组和对象的操作方法小笔记。 修改object中某项 this.setState({ object: {...object, key: value} }); 删除数组首位 array.spl…- 1k
- 0
-
「React Native笔记」 踩坑 Unrecognized font family ‘antoutline’
React Native中 在使用List和Radio组件时,报了这个醒目的错误:Unrecognized font family 'antoutline' 百度和Google都没找到答案,后来去antd rn的官方github下的Issues下才找到解决方案。 方法总结如下: 方法一: 进入 node_modules/@ant-design/icons-react-nativ…- 1.5k
- 0
-
「React Native笔记」 踩坑contentContainerStyle属性
用React Native里的ScrollView组件,给ScrollView直接加了justifyContent或alignitems属性后会报错。问题原因是scrollView和flatlist之类的组件不支持直接添加这两个属性,解决方法是给组件添加contentContainerStyle属性- 1.9k
- 0
-
解决Vscode开发React Native应用时编写Stylesheet没有智能代码提示的问题
问题,描述似乎Vscode原生对React Native的样式表代码提示有问题,所以在github找到了解决办法。- 1.5k
- 0
-
「前端笔记」 Javascript按位非运算符(~)及双非(~~)的使用
~ 运算符查看表达式的二进制表示形式的值,并执行位非运算。 Javascript 按位取反运算符 (~) ,对一个表达式执行位非(求非)运算。如 ~1 = -2; ~2 = -3; 最近做Leetcode的时候,发现有人用到了位运算符-not (~),以前也见过类似“~~value”的用法,所以研究了下为什么这样用。 js取反我只知道个!,但是~为什么也叫取反,他返回的又不是boolean类型? …- 1.3k
- 0
-
「前端笔记」从零开始的微信小程序的实战心得
什么是小程序:微信小程序是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平台上使用的应用,主要提供给企业、政府、媒体、其他组织或个人的开发者在微信平台上提供服务。 目的:我学习小程序的目的是为了学app,当时觉得小程序可能比app开发要简单吧- 602
- 0
-
JavaScript 中复杂判断的更优雅写法
我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断,但这样会有个问题,随着逻辑复杂度的增加,代码中的if/else/switch会变得越来越臃肿,越来越看不懂,那么如何更优雅的写判断逻辑,本文带你试一下。- 301
- 0
-
「前端面试」26个精选的JavaScript前端面试题
根据Stack Overflow 2018年年度调查报告,JavaScript已经连续6年保持最常用的编程语言的记录。对于一个全栈工程师,JavaScript可以说是一项必备语言,在面试中总会被问到。我整理了一下FullStack.Cafe上所有常见的JavaScript面试问题供大家参考...- 287
- 0
-
JavaScript开发者应懂的33个概念
简介 这个项目是为了帮助开发者掌握 JavaScript 概念而创立的。它不是必备,但在未来学习(JavaScript)中,可以作为一篇指南。 本篇文章是参照 @leonardomso 创立,英文版项目地址在这里。 由于原版资源都要翻墙,所以本人创立一个中文版,附上关于这些概念在国内的一些文章和视频。 若有觉得更好的文章或者视频,可以贡献出来,觉得有误的,请联系我删除。 更新 若有觉得更好的文章或…- 1.4k
- 0
-
「前端进阶」完全吃透async/await,深入JavaScript异步
完全吃透async/await 导论: 首先,必须了解Promise 主要研究基本语法 对比Promise与Async 异常处理 参考: Async +Await 理解 async/await 异步函数 - 提高 Promise 的易用性 0. 前言 ES7 提出的async 函数,终于让 JavaScript 对于异步操作有了终极解决方案。No more callback hell。 async…- 2.1k
- 0
-
「前端进阶」完全吃透Promise,深入JavaScript异步
完全吃透Promise Promise晋级,需要的全部都在这 主要内容: promise基本实现原理 promise 使用中难点(链式调用,API基本上返回都是一个新Promise,及参数传递) promise 对异常处理 promise 简单实现及规范 参考: 漫谈promise使用场景 30分钟,让你彻底明白Promise原理 阮一峰ES6入门 JavaScript Promise:简介 牛刀…- 597
- 0
-
「前端笔记」一个后端工程师的Vue2.0初体验
Vue初认知 对比laravel和Vue,都是为开发项目简单方便.laravel主要是为后台开发降低难度,提升效率.但是并不能实现前后端分离,导致项目大了,后端工程师很苦恼.一边实现API接口,一边开发页面,两者互相切换着做,而且根据不同的url动态拼接页面,这也导致后台的开发压力大大增加。前后端工作分配不均。不仅仅开发效率慢,而且代码难以维护。Vue框架就可以解决前后端分离实现并向开发,不仅提高…- 292
- 0
-
「前端资讯」刚上线的阿里达摩院官网,从前端角度看圈点之处
写在前面: 从去年十月份,马云成立阿里巴巴达摩院,到今年9月28号一年整,阿里达摩院官网正式上线。作为从事互联网行业的人,大抵都是会去达摩院官网看看的,本文即我个人从前端角度对达摩院官网,进行的一次简单粗暴的测评,细数圈点之处,并提取一些作为前端可以值得借鉴和思考的代码技巧。第一次写体验报告类文章,想到什么写什么,个人角度或片面,不足之处,或者您有更好的见解,在留言处欢迎交流。当然希望有阿里达摩院…- 689
- 0
-
「性能优化」首屏时间从12.67s到1.06s,我是如何做到的?
——本文是对之前同名文章的修正,将所有webpack3的内容更新为webpack4,以及加入了笔者近期在公司工作中学习到的自动化思想,对文章内容作了进一步提升。 0.引言 作为互联网项目,最重要的便是用户体验。在举国“互联网+”的热潮中,用户至上也已经被大多数企业所接收,特别是在如今移动端快速发展的时代,我们的网页不仅只是呈现在用户的PC浏览器里,更多的时候,用户是通过移动产品浏览我们的网页。加之…- 612
- 0
-
「前端开发」分享个人习惯的命名方式
把一件平凡的事情做好,很平凡。把一件平凡的事情坚持的做好,很不平凡。 1.前言 如果说计算机科学只存在两个难题:缓存失效和命名。那么我就觉得命名的难点只有两个:词汇量和坚持贯彻执行制定的规范。 最近在知乎上看到这个:作为程序员,有没有让你感到既无语又崩溃的程序命名?。顿时感慨万千,因为命名对于程序员来说是就是一个难题,有时候因为命名,可能会引起别人的误导,疑惑等,对开发效率,项目的质量影响可大可小…- 721
- 0
-
Vue页面跳转动画效果实现
前言 现如今移动端APP对用户体验方面的要求越来越高了,最近致力于用户体验优化,因为需要实现类似APP页面切换的动画效果,百度google搜索资料不是很全,所以自己写文档,在实现效果的基础上,顺便恶补一波VueRouter及CSS过渡动画的知识点,欢迎有兴趣的朋友多多指教。 简单demo图预览 写在前面的思考 如何匹配到相应需要跳转的页面? 如何判断是“前进”还是“后退”而后使用不同的动画方式? …- 375
- 0
-
记录一次基于vue、typescript、pwa的项目由开发到部署
最近秋招之余空出时间来按自己的兴趣动手做了一个项目,一个基于 vue,typescript,pwa 的实验浏览移动端webapp,现在趁热打铁,将这个项目从开发到部署整个过程记录下来,并将从这个项目中学习到的东西分享出来,如果大家有什么意见或补充也可以在评论区提出。先介绍一下这个项目 项目介绍 基于vue,typescript,pwa的一个移动端webapp,取名叫browseExp,主要功能是浏…- 745
- 0
-
「前端进阶」2019/2020 史上最全的前端学习路线
前言 许多同学们可能跟着培训机构的视频就入了前端这行的门,但大多数都只是机械的学习着资料中的内容。俗话说,选择要比努力重要。那么学习开发,首先应该要有一个清晰的学习路线。希望这篇文章,能为大家在选择未来的发展方向时提供一些参考和帮助。 另外,在文章最后有着博主本人制作的前端学习路线图,百度脑图版点击下载按钮即可跳转。 应该算是比较全面了,欢迎大家补充和提意见,如有价值,会后续继续更新。 原文链接:…- 2.6k
- 1
-
求职季,前端面试送给你
前言 最近好多小伙伴都跳槽去找工作,我只能在心里默默的支持他们能找到一份好的工作,这份前端面试大全送给我的小伙伴们,主要说的是前端一些常用的一些知识,说的不对的地方请小伙伴们即使指正出来,自己同时也回顾下这些知识。主要分以下几个方边来说: css和html javascript vue 微信小程序 css和html 1.Doctype作用?标准模式和兼容模式区别。 声明在HTML文档第一行,告诉浏…- 184
- 0
-
「不要重复造轮子系列」 前端常用插件、工具类库汇总
前言 在开发中,我们经常会将一些常用的代码块、功能块进行封装,为的是更好的复用。那么,被抽离出来独立完成功能,通过API或配置项和其他部分交互,便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件,这里只是罗列出来,详细的用法各个插件官网或者Gayhub都有介绍。注意:往往一个解决方案会有多个插件,需要读者根据自己的实际业务需求进行甄别选用,欢迎留言交流和补充。^_^ 可以先加个收藏(…- 1.4k
- 0
-
技术胖TypeScript图文视频教程
近日Node.js之父瑞安达尔(Ryan Dahl)发布新的开源项目 deno,从官方介绍来看,可以认为它是下一代 Node,使用 Go 语言代替 C++ 重新编写跨平台底层内核驱动,上层仍然使用 V8 引擎,最终提供一个安全的 TypeScript 运行时。 甚至Dahl在公开场合表示Node.js已经无力回天,Deno将是他的代替品。我相信前端小伙伴们一定都听说了这个消息。 本文首发http:…- 895
- 0
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
- ¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!