-
「前端笔记」 Sass使用混合器mixin进行样式复用,保持代码整洁
上一篇详述了Sass如何嵌套、导入和注释这3个基本方式来保持条理性和可读性,这一篇更进一步地阐述sass保持样式复用和简洁的方式——混合器和选择器继承——这两种方式都能复用样式,使用它们也不难,但一定要注意什么时候该用什么。 零. 混合器——样式层上复用 当你需要一直复用大段样式的时候,可以考虑下混合器。 1. 基本用法 混合器使用@mixin标识符定义,然后通过@include引入,简单的说就是…- 783
- 0
-
-
「React Native笔记」在React的 setState 中操作数组和对象的多种方法(合集)
运用在React 中 setState的对象、数组的操作时是不能用类似array.push()等方法,因为push没有返回值,setState后会出现state变成Number,为了方便他人和自己查看,因此写个数组和对象的操作方法小笔记。 修改object中某项 this.setState({ object: {...object, key: value} }); 删除数组首位 array.spl…- 1k
- 0
-
RESTful API 设计指南
原文链接:http://www.ruanyifeng.com/blog/2014/05/restful_api.html 来源:阮一峰的网络日志 由于最近在写毕业设计的后端,是完全前后分离的项目,所以需要严谨的设计API,看到了阮一峰有很不错的文章,并且开放了转载,所以记录学习一下。 网络应用程序,分为前端和后端两个部分。当前的发展趋势,就是前端设备层出不穷(手机、平板、桌面电脑、其他专用设备..…- 1.1k
- 0
-
「React Native笔记」 踩坑contentContainerStyle属性
用React Native里的ScrollView组件,给ScrollView直接加了justifyContent或alignitems属性后会报错。问题原因是scrollView和flatlist之类的组件不支持直接添加这两个属性,解决方法是给组件添加contentContainerStyle属性- 2k
- 0
-
「前端笔记」 Javascript按位非运算符(~)及双非(~~)的使用
~ 运算符查看表达式的二进制表示形式的值,并执行位非运算。 Javascript 按位取反运算符 (~) ,对一个表达式执行位非(求非)运算。如 ~1 = -2; ~2 = -3; 最近做Leetcode的时候,发现有人用到了位运算符-not (~),以前也见过类似“~~value”的用法,所以研究了下为什么这样用。 js取反我只知道个!,但是~为什么也叫取反,他返回的又不是boolean类型? …- 1.3k
- 0
-
「前端笔记」从零开始的微信小程序的实战心得
什么是小程序:微信小程序是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平台上使用的应用,主要提供给企业、政府、媒体、其他组织或个人的开发者在微信平台上提供服务。 目的:我学习小程序的目的是为了学app,当时觉得小程序可能比app开发要简单吧- 602
- 0
-
「学习笔记」《HTTP协议原理+实践 Web开发工程师必学》(附百度云资源)
许多web开发工程师对于HTTP协议等相关的知识并没有系统的学习过,讲起这一块内容的时候总是模糊不清,对于返回的状态码可能只清楚:401、404、500...?但其实不论是前端、还是后端,牢固的掌握HTTP知识是非常必要的。在面试时,HTTP这部分的内容也是面试官必问的内容。 所以为了让自己以后能在web开发这条路上走的更加顺畅,我也专门拿出几小时来恶补一波了HTTP知识,写一篇学习笔记记录下。 …- 1k
- 1
-
JavaScript 中复杂判断的更优雅写法
我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断,但这样会有个问题,随着逻辑复杂度的增加,代码中的if/else/switch会变得越来越臃肿,越来越看不懂,那么如何更优雅的写判断逻辑,本文带你试一下。- 302
- 0
-
这些在Node.js中 require 的机制,你知道了吗
node中采用了两个核心模块来管理模块依赖:1. require模块:全局可见,不需要额外使用require('require'),2. module模块:全局可见,不需要额外使用require('module'),可以认为require模块是一个command,module模块是所需模块的organizer。 在Node中引用模块并不是一件复杂的事情...- 1.1k
- 0
-
「前端面试」26个精选的JavaScript前端面试题
根据Stack Overflow 2018年年度调查报告,JavaScript已经连续6年保持最常用的编程语言的记录。对于一个全栈工程师,JavaScript可以说是一项必备语言,在面试中总会被问到。我整理了一下FullStack.Cafe上所有常见的JavaScript面试问题供大家参考...- 287
- 0
-
各个大厂们的移动端适配方案
前言 2018年最后的法定假期都已经结束了,我相信大部分正在进行或曾经进行过移动端页面开发的同学都或多或少的了解过使用rem进行移动端页面适配的方案以及使用vw的方案,(没了解过的同学可以参见大漠老师的这两篇文章 使用Flexible实现手淘H5页面的终端适配和再聊移动端页面的适配)也面临过在不同适配方案间进行抉择的思考,我个人最近对于移动端适配方案也进行了一轮重新的研究,期间,对各种适配方案也有…- 1.1k
- 0
-
用一行CSS代码快速实现镂空邮票、优惠券效果
这篇文章讲我最近遇到的需求和解决过程中遇到的问题,以及学到新知识。 从最近在做的需求说起,一个优惠券样式,过设计稿的时候认为没什么大不了的,满口答应了。真正开始开发的时候遇到问题,主要是镂空效果实现方式上比较费劲。要求是背景可配,并且票身可以配背景图,然后镂空是真镂空。 设想并尝试了很多种方案,伪类模拟,背景贴图,Canvas 绘制,没有一个能让我满意。前端就是这么难,即使跪下来求设计师妹纸改稿,…- 1.5k
- 0
-
JavaScript开发者应懂的33个概念
简介 这个项目是为了帮助开发者掌握 JavaScript 概念而创立的。它不是必备,但在未来学习(JavaScript)中,可以作为一篇指南。 本篇文章是参照 @leonardomso 创立,英文版项目地址在这里。 由于原版资源都要翻墙,所以本人创立一个中文版,附上关于这些概念在国内的一些文章和视频。 若有觉得更好的文章或者视频,可以贡献出来,觉得有误的,请联系我删除。 更新 若有觉得更好的文章或…- 1.4k
- 0
-
更高效、更安全地操作 CSSOM :CSS Typed OM
前言 长期以来,我们要修改 DOM 元素的样式,我们实际上操作的是 CSS 的对象模型 CSSOM。而 Houdini 中推进的又一组 CSS 对象模型 Typed OM,该标准又给我们带来了什么好处呢? CSSOM CSSOM 是干嘛的? 简单的说来,CSSOM 是一组能让 JS 操作元素 CSS 的 API。在浏览器进行页面渲染的过程中扮演着非常重要的角色,浏览器的渲染步骤大致包括: 解析 H…- 908
- 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
-
「Java实战」前后端分离 Spring Boot + Vue 开发单页面应用
前后端分离 Spring Booot + Vue 开发单页面应用 个人总结(一) 关于跨域:在实际开发过程中,发现跨域问题并不是那么好解决的 因为Springboot安全控制框架使用了Securtiy,它的身份认证基于 JSESSIONID 而axios框架默认是不发送cookie的,因此需要在axios配置中添加 axios.defaults.withCredentials = true 然而因…- 564
- 0
-
「前端资讯」刚上线的阿里达摩院官网,从前端角度看圈点之处
写在前面: 从去年十月份,马云成立阿里巴巴达摩院,到今年9月28号一年整,阿里达摩院官网正式上线。作为从事互联网行业的人,大抵都是会去达摩院官网看看的,本文即我个人从前端角度对达摩院官网,进行的一次简单粗暴的测评,细数圈点之处,并提取一些作为前端可以值得借鉴和思考的代码技巧。第一次写体验报告类文章,想到什么写什么,个人角度或片面,不足之处,或者您有更好的见解,在留言处欢迎交流。当然希望有阿里达摩院…- 691
- 0
-
《HelloGitHub》第 02 期,帮你找到兴趣
《HelloGitHub》第 02 期 兴趣是最好的老师,HelloGitHub 就是帮你找到兴趣! 简介 分享 GitHub 上有趣、入门级的开源项目。 这是一个面向编程新手、热爱编程、对开源社区感兴趣 人群的月刊,月刊的内容包括:各种编程语言的项目、让生活变得更美好的工具、书籍、学习笔记、教程等,这些开源项目大多都是非常容易上手,而且非常 Cool。主要是希望大家能动手用起来,加入到开源社区中…- 148
- 0
-
《HelloGitHub》第 01 期,帮你找到兴趣
《HelloGitHub》第 01 期 兴趣是最好的老师,HelloGitHub 就是帮你找到兴趣! 简介 分享 GitHub 上有趣、入门级的开源项目。 这是一个面向编程新手、热爱编程、对开源社区感兴趣 人群的月刊,月刊的内容包括:各种编程语言的项目、让生活变得更美好的工具、书籍、学习笔记、教程等,这些开源项目大多都是非常容易上手,而且非常 Cool。主要是希望大家能动手用起来,加入到开源社区中…- 388
- 0
-
「性能优化」首屏时间从12.67s到1.06s,我是如何做到的?
——本文是对之前同名文章的修正,将所有webpack3的内容更新为webpack4,以及加入了笔者近期在公司工作中学习到的自动化思想,对文章内容作了进一步提升。 0.引言 作为互联网项目,最重要的便是用户体验。在举国“互联网+”的热潮中,用户至上也已经被大多数企业所接收,特别是在如今移动端快速发展的时代,我们的网页不仅只是呈现在用户的PC浏览器里,更多的时候,用户是通过移动产品浏览我们的网页。加之…- 629
- 0
-
「前端开发」分享个人习惯的命名方式
把一件平凡的事情做好,很平凡。把一件平凡的事情坚持的做好,很不平凡。 1.前言 如果说计算机科学只存在两个难题:缓存失效和命名。那么我就觉得命名的难点只有两个:词汇量和坚持贯彻执行制定的规范。 最近在知乎上看到这个:作为程序员,有没有让你感到既无语又崩溃的程序命名?。顿时感慨万千,因为命名对于程序员来说是就是一个难题,有时候因为命名,可能会引起别人的误导,疑惑等,对开发效率,项目的质量影响可大可小…- 723
- 0
-
Vue页面跳转动画效果实现
前言 现如今移动端APP对用户体验方面的要求越来越高了,最近致力于用户体验优化,因为需要实现类似APP页面切换的动画效果,百度google搜索资料不是很全,所以自己写文档,在实现效果的基础上,顺便恶补一波VueRouter及CSS过渡动画的知识点,欢迎有兴趣的朋友多多指教。 简单demo图预览 写在前面的思考 如何匹配到相应需要跳转的页面? 如何判断是“前进”还是“后退”而后使用不同的动画方式? …- 380
- 0
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!