Libx

Libx

Thoughts, stories and ideas.

前端、设计、用户体验
如题,关于前端、设计和用户体验的一些思考。 先留坑了,期末考试完再来写。(2019/01/05) 拖了一个多月,总算把这篇博客写完了。今天是元宵节,祝自己元宵节快乐(也祝看到这篇博客的你其他的所有人元宵节快乐)❤ 前端,设计与用户体验 体验科技是什么?体验科技包含大前端技术和用户体验设计,最终向用户提供的是产品与服务。体验科技是技术与设计的融合,是服务与用户的连接。——玉伯 ​ 可以说曾经有很长的一段时间,我对前端工作流的理解就是,前端等产品出交互,然后等设计出UI,之后开始还原设计稿,实现交互逻辑。工作的时候也只是想着把页面精准还原就行了。当然很多时候事实也就是这样的,只...
前端、设计、用户体验
体验科技包含大前端技术和用户体验设计,最终向用户提供的是产品与服务。体验科技是技术与设计的融合,是服务与用户的连接。——玉伯 ​ 可以说曾经有很长的一段时间,我对前端工作流的理解就是,前端等产品出交互,然后等设计出UI,之后开始还原设计稿,实现交互逻辑。工作的时候也只是想着把页面精准还原就行了。当然很多时候事实也就是这样的,只是现在开始觉得,其实作为前端,我们可以把事情做的更好一点。 ​ 前段时间,看了SeaConf上玉伯的演讲:体验科技与好的社会,看了以后感触很深。前端作为最接近用户的一环,我认为很多时候,前端的高度是可以影响产品的最终高度的。前端也许不是一个产品的灵魂...
Hooks at a Glance
在看了React Hooks的文档之后,本英语渣渣竟然突然有了想要翻译一下这篇文档的冲动,于是就首次尝试翻译一篇英文文档,原文Hooks at a Glance Hooks是一个React中的新提案,他可以让你在不使用Class的情况下使用state和其他的React特性。Hooks 目前已经发布在 v16.7.0 alpha 版本,且正在开放的RFC讨论。 Hooks是向后兼容的,这篇文档将向有经验的React开发者提供一个概览。 📌 State Hook这是一个计数器的例子,点击按钮,数字加一。import { useState } from 'react';f...
元编程
在1024这一天,先开个坑叭。 什么是原编程(Mata Programming)很早之前就接触了元编程的一些东西,但是并没有什么很好的理解,只是觉得这个名字好牛逼,很玄幻🐸。主要还是在实际的coding中并没有直接的感触,最近又看到了相关的概念所以来简单的写点东西。 不准确的翻译在《你不知道的JS-ES6与未来》有这样的解释:元编程是针对程序本身的行为进行操作的编程。换句话说,它是为你程序的编程而进行的编程。 是的,很拗口。也有更详细些的这样的解释:元编程(笼统地说)是所有关于一门语言的底层机制,而不是数据建模或者业务逻辑那些高级抽象。如果程序可以被描述为 “制作程序”,元编程就能被描...
CoCo
一篇感觉非常有意思的文章转载一下。转载自@doodlewind 内存寻梦环游记:一个变量的三重死亡内存的世界小 u 身高 64 位,是内存世界 number 家族里的一名浮点数变量。因为小 u 身体的二进制第一位是 0,所以按照 IEEE 754 标准,大家都把她当做女孩子来看待。她第 2 位到第 11 位的阶码并不够大,使得她看起来小巧玲珑;而她剩下的 52 个小数位十分精致,这样工作的时候和她打交道的变量舍入误差都很小,所以大家都很喜欢她。 小 u 每天的工作,是在内存世界里和其他的变量打交道,计算出有用的结果去造福人类世界。平时,在函数调用结束以后,小 u 就可以下班回到她在源代码...
Proxy & Rreflect
Proxy:更好的对象处理Proxy概述Proxy 用来修改某些操作的默认行为,等同于在语言层面进行修改,属于一种元编程的:对编程语言进行编程。 顾名思义,Proxy的原意即是代理,Proxy 可以理解为在目标对象前架设一个拦截层,外界对该对象的访问都经过这层拦截,因此提供了一种机制来对外界的访问进行过滤和改写。先来看一个示例:let obj = new Proxy({},{ get:function(target,key,receiver){ console.log(`getting ${key}`) retur...
理解Vue数据绑定
基本原理Vue 实现数据绑定的方法是采用数据劫持解和发布者-订阅者的方法,通过 Objec.defineProperty()来劫持各个属性的 setter 和 getter 在数据变动的时候,触发相应的监听回调。 思路 实现一个监听器 Observer,对数据对象的所有属性进行监听,如有变动拿到新值并且通知订阅者 实现一个指令解析器,对各个元素节点的指令进行扫描解析,根据指令模板替换数据,以及绑定相应函数 实现一个 Watcher 连接 Observer 和 Compile 的桥梁,订阅并受到每个属性变动的通知,执行绑定的相应回调函数,更新视图 mvvm 入口函数 实现Observer...
avatar
libx
for fun