随笔分类 - 前端经验
摘要：小小的字体其实有大大的学问，可能与字体相关的很多知识都偏设计，不过俗话说技多不压身，艺高人胆大，多了解了解总归没错。 字体的分类 就 Web 常用的一些字体而言，经常听说的字体类型，大致可以分为这几种： serif(衬线) sans-serif(无衬线) monospace(等宽) fantasy(
阅读全文
posted @ 2020-07-16 22:36
前端一点红
摘要：一. 字体属性：(font) 1. 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 2. 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 3. 行高
阅读全文
posted @ 2020-07-16 22:31
前端一点红
摘要：在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 css 标准文档中，视口也被称为初始包含块，它是所有 css 百分比宽度推算的根源，给 css 布局限制了一个最大宽度。 而移动端则较为复杂，它涉及到三个视口：布局视口（Layout Viewport）、视觉视口（Vis
阅读全文
posted @ 2020-07-16 22:05
前端一点红
摘要：分享一些和设计师成为好朋友的个人经验，注意，这些经验技巧只适用于技术开发人员。 1. 不要站在设计师的背后 如果有事情找设计师商量，千万不要站在设计师的背后，因为会给人一种你即将要指点江山的感觉，会唤起设计师过往一些糟糕的不好的回忆。 所以正确的做法是，搬个椅子，坐在设计师的旁边，记得把座椅高度调到
阅读全文
posted @ 2020-07-16 22:03
前端一点红
摘要：作为个人开发者，为自己的辛苦开发的项目配上支付功能，才有盈利的盼头！但是目前大部分都需要企业资质，那对应个人而言如何在网站、应用中接入支付功能呢？这里找了一些不需要企业资质的第三方支付平台。 1、PayPal 个人，企业都可以接入，作为一款主打跨境支付的产品，主打境外收付款，那么对于做外贸的朋友来说
阅读全文
posted @ 2020-07-16 18:46
前端一点红
摘要：前几天，在写完一个功能模块上线测试的时候，出现了一个诡异的问题。input 框在输入查询内容之后，按回车键居然有两种不同的表现形式（input 框没有绑定键盘事件），谷歌和火狐功能正常，但IE在按了回车键以后居然自动调用方法。 页面结构：标签上没绑定任何键盘事件，控制器内也没有给元素绑定键盘事件。
阅读全文
posted @ 2020-07-16 18:27
前端一点红
摘要：不管是浏览器的开发者还是普通web应用的开发者，他们都在做一个共同的努力：让Web浏览有更快的速度感觉。有很多已知的技术都可以让你的网站速度变得更快：使用css sprites，使用图片优化工具，使用.htaccess设置页面头信息和缓存时间，JavaScript压缩，使用CDN等。我曾经介绍过本站
阅读全文
posted @ 2020-07-16 18:16
前端一点红
摘要：本文主要列举在如今前后端分离、手机App大行其道的现状下，用户认证、授权的几种做法及对比。PS. 本文假设你已经理解了各种认证模式的具体细节。 OAuth2.0的几种模式 OAuth2.0是一个被广泛采用的事实标准，它同时包含认证和授权两种模式，我们来看一下它有几种模式： Grant typeCli
阅读全文
posted @ 2020-07-16 18:07
前端一点红
摘要：网站的加载速度不仅影响着用户体验，也会影响搜索引擎的排名，在百度推出“闪电算法”以来，将网站首屏打开速度被列入优化排名行列，并明确指定打开时间为 2 秒。作为前端开发的我们需要如果来优化网站的打开速度呢？下面就整理挖掘出很多细节上可以提升性能的东西分享给大家 优化网站性能的14条规则： 1. 尽可能
阅读全文
posted @ 2020-07-16 17:25
前端一点红
摘要：一、PageRank算法定义 PageRank，网页排名，又称网页级别、Google左侧排名或佩奇排名，是一种由根据网页之间相互的超链接计算的技术，而作为网页排名的要素之一，以Google公司创办人拉里·佩奇（Larry Page）之姓来命名。Google用它来体现网页的相关性和重要性，在搜索引擎优
阅读全文
posted @ 2020-07-16 17:05
前端一点红
摘要：目前前端三大框架（vue.js, Angular.js, react.js）都在引领着前端的组件化开发方向，组件化的前端开发方式的确为业务实现带来了前所未有的方便，其实组件化开发早已经具有（YUI），但如何封装一个优秀的组件，可能并不是每位前端开发者都能够做好的。 组件封装有一定的不确定性，更多时候
阅读全文
posted @ 2020-07-16 17:02
前端一点红
摘要：进程就是一个应用程序在处理机上的一次执行过程，它是一个动态的概念，而线程是进程中的一部分，进程包含多个线程在运行。 线程是最小的执行单元，进程是最小的资源管理单元。一简言之： 进程就是一个应用程序在处理机上的一次执行过程，它是一个动态的概念，而线程是进程中的一部分，进程包含多个线程在运行。 线程是指
阅读全文
posted @ 2020-07-16 17:00
前端一点红
摘要：实现思路： 监听滑块的移动事件，获取它离左侧的距离，赋值给分离出来的验证模块就可以了，至于陷下去的模块，得到图片的大小，根据图片的长宽的一半随机赋值吧（因为这个模块一般都在右侧靠中间的位置） 这种滑动解锁应该是有两张图片，一张正常的，一张上面有解锁区域的（后端给），然后前端只用把用户释放鼠标后，滑动
阅读全文
posted @ 2020-07-16 16:58
前端一点红
摘要：1、引号的使用，单引号' ' 优先（如果不是引号嵌套，不要使用双引号） 正常情况：console.log('hello there') ，双引号转码： $("<div class='box'>") 2、空格的使用问题：（关键字后 符号后 排版 函数 赋值符号= ）等 a 函数的括号：function
阅读全文
posted @ 2020-07-16 16:36
前端一点红
摘要：一般情况下，如果没有经过特殊处理，移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟。也就是说，当我们点击页面的时候移动端浏览器并不是立即作出反应，而是会等上一小会儿才会出现点击的效果。在移动WEB兴起的初期，用户对300ms的延迟感觉不明显。但是，随着用户对交互体验的要求越来越高，现
阅读全文
posted @ 2020-07-16 16:27
前端一点红
摘要：微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。 由此带来的变化是，这些前端应用可以独立运行、独立开发、独立部署。以及，它们应该可以在共享组件的同时进行并行开发——这些组件可以通过 NPM 或者 Git Ta
阅读全文
posted @ 2020-07-16 16:02
前端一点红
摘要：前言 这段时间，在工作中遇到了一个CDN导致的图片资源加载的错误，在排查问题的过程中，发现自己对CDN的了解非常的片面，仅仅停留在它能缓存静态资源，提升访问速度的了解中。所以觉得还是非常有必要深入去了解下。 什么是CDN? CDN的全称是Content Delivery Network，即内容分发网
阅读全文
posted @ 2020-07-10 00:05
前端一点红
摘要：一、 web1.0时代的网页制作 网页制作是web1.0时代的产物，那个时候的网页主要是静态网页，所谓的静态网页就是没有与用户进行交互而仅仅供读者浏览的网页，我们当时称为“牛皮癣”网页。 例如一篇QQ日志、一篇博文等展示性文章。在web1.0时代，用户能做的唯一事情就是浏览这个网站的文字图片内容，这
阅读全文
posted @ 2020-07-09 23:41
前端一点红
摘要：大型Web应用对速度的追求并没有止步于仅仅利用浏览器缓存，因为浏览器缓存始终只是为了提升二次访问的速度，对于首次访问的加速，我们需要从网络层面进行优化，最常见的手段就是CDN（Content Delivery Network，内容分发网络）加速。通过将静态资源缓存到离用户很近的相同网络运营商的CDN
阅读全文
posted @ 2020-07-09 22:47
前端一点红
摘要：整理提供最新的各种免费jsON接口，其中有部分需要用jsONP调用。方面前端同学的学习或在网站中的使用 电商接口 淘宝商品搜索建议: http://suggest.taobao.com/sug?code=utf-8&q=商品关键字&callback=cb 用例 ps:callback是回调函数设定
阅读全文
posted @ 2020-07-09 22:43
前端一点红
浙公网安备 33010602011771号