系統設計者的話：學英文根本不用背，你講中文，你有在背中文嗎？學英文也是一樣的道理，那是自然而然就會的東西，用背的方式最後肯定都是不行的。 更多...

最好的學習就是有英文的父母，不斷的跟你說話、耐心的教導你，時間長了，你也就慢慢就融入其中了。

但是我們沒有英文父母怎麼辦？看影片學英文就學的起來嗎？學不起來。

我們從小到大，也看過了不少英文電影，至少也看過1、200部也跑不掉，但是為什麼看了這麼多的英文電影，英文還是很爛呢？

主要的原因是我們沒有從基礎性的強化學習。舉個例子，西方的幼兒出生時，他至少聽了各種大人講英文至少聽了2年，才慢慢開始說英文、與大人互動。

而且都是一字一句慢慢的說、慢慢的教、漸進式的、慢慢的、越來越習慣、越來越聽的懂、越來越會說的過程。

那麼我們看的影片、電影過程中，都是大人成熟型的講話速度、方式、語調，我們怎麼可能跟的上？

一旦跟不上，思想中就會產生覺的好難哦、我不行種種念頭，那麼產生了這種潛在式的排斥心理作用，那麼你就更難學的會了。


所以我們必須打好基礎、深厚的基礎，萬丈高樓平地起，唯有打下深厚的基礎，後面你走的路才會越來越順。

程式界裏有句話，程式債欠的越多，最後就只能放棄。學英文也是一樣，英文單字債欠的越多，你就直接上來文法、句型、語調，最後也只能放棄。

基於上述的思維，我打造了這套系統，從最基礎的單字學習起，不斷的強化、加深你對這個單字的聽力，透過各式各樣的影片、各式各樣的人、各種不同的場景。

就只是為了訓練一個單字的聽力，無數的人跟你講同一個單字，講個20遍、50篇、100遍(且不重覆)，我就不信學不起來。


這套系統做出來後，我自己在使用的過程中，確實真的能聽出來他們講的這個單字，而且他們講的速度再快也能聽的出來。

能聽的出來，就知道他講的大概意思；能夠知道他講的大概意思，就能夠用幾個簡單的單字回應；能夠回應，也就能夠對話；當能夠對話，就能夠再修正文法、句型、語調。


我的目地就是希望自己至少能聽的懂人家在說什麼，用英文跟人家對話，大家共同努力、學習。若有其它想法或對這套系統設計的建議，也可以與我聯絡：ichich2013@gmail.com

virtual-scroller: Let there be less (DOM) (Chrome Dev Summit 2018)
觀看次數：412
faster
from
loading
to
rendering
they're
responding
to
user
input
but
for
the
that's
a
proven
pattern
for
improving
yesterday's
that
yesterday's
keynote
but
high-performance
machine
it's
way
faster
the
rendering
process
like
styling
and
first-class
virtual
scrolling
support
virtual
scrolling
is
and
how
it's
dom
can
impact
the
responsiveness
of
ear
let's
see
what
virtual
scrolling
is
all
we'll
look
at
ordinary
scrolling
so
the
behind
the
viewport
revealing
content
virtual
scroller
as
you'll
see
only
part
we
scroll
nodes
are
dynamically
added
one
screenful
but
as
we'll
see
virtual
scrolling
actually
also
improves
your
garden-variety
infinite
list
but
virtual
scrolling
isn't
a
new
idea
of
android
put
virtualized
views
front
and
thinking
virtual
scrolling
isn't
new
to
virtual
scroll
viewport
in
the
angular
web
to
offer
first-class
virtual
ideas
first
virtualization
generally
can't
scroll
to
a
node
that's
not
entries
entries
for
example
but
in
other
browser's
find
in
page
feature
which
dom
and
then
their
search
friendliness
formitz
benefits
of
virtual
scrolling
finally
and
maybe
most
importantly
we'd
the
amount
of
virtualization
that
scrolling
is
and
why
we're
interested
in
examples
devices
we'll
use
a
typical
android
go
recorded
a
bunch
of
real-world
interactions
for
this
talk
but
I
wasn't
dramatic
reenactments
in
dev
tools
with
cpu
throttling
turned
on
but
what
you'll
size
of
the
document
impacts
rendering
user
interactions
and
content
updates
exercises
the
browser
engine
in
the
same
and
it
performs
pretty
well
you'll
see
scrolling
here
to
show
there's
more
content
but
don't
focus
on
the
scrolling
other
interactions
you'll
notice
I
added
the
mode
switches
and
then
you'll
see
there's
some
sluggishness
as
we
start
with
our
work-in-progress
virtual
scroller
swapped
in
for
the
scrolling
region
and
we've
bumped
all
the
way
up
android
go
device
next
let's
see
how
virtualizing
might
and
ritual
scrolling
doesn't
directly
words
i'm
told
and
it's
notoriously
slow
iframe
and
then
it
populates
the
virtual
scroller
as
the
node
stream
into
the
iframe
and
you
wouldn't
build
a
real
so
as
this
visualization
shows
we
got
so
because
scrolling
is
driven
by
the
gpu
even
on
our
low-end
android
go
scrolling
it
scrolls
at
a
reliably
high
good
at
normal
scrolling
speeds
but
when
one
of
my
original
on-device
recordings
scroller
it
turns
out
significantly
reduced
the
blanking
problem
yeah
it
scrolling
is
mildly
but
noticeably
less
know
doing
javascript
layout
on
a
cpu
from
the
video
it's
it's
it's
a
very
higher-level
features
we'll
start
with
accessibility
works
we
want
tabbing
from
level
primitives
that
the
browser
may
be
javascript
certainly
the
low-level
primitives
are
high-level
features
and
so
we'll
talk
what
wasn't
and
we
documented
all
this
browser
vendors
about
the
ideas
behind
high-level
features
we've
been
talking
angular
material
scroller
we
talked
to
own
virtual
scroller
and
we've
talked
discussions
going
on
in
github
so
it's
frameworks
okay
without
processes
backdrop
let's
go
we're
only
laying
out
styling
rendering
do
is
we're
going
to
use
the
browsers
thinking
about
higher-level
api's
typically
browser
api's
are
sort
of
and
the
size
of
the
browser
is
impacted
pay-as-you-go
model
and
so
we
already
proposed
syntax
for
requesting
something
about
it
so
once
we've
imported
it
we
selector
to
find
the
virtual
scroller
scroller
API
it's
an
item
source
you
can
vanilla
html
and
javascript
and
we
have
a
virtual
scroller
so
let's
take
a
look
will
be
what's
instantiated
for
each
layout
so
the
out-of-the-box
that
and
and
grid
layouts
layouts
are
mentioned
we're
taking
a
layered
we
want
layering
so
here's
a
case
where
you
know
we
have
headers
interspersed
that
you'll
find
in
our
github
repo
so
cases
fancier
features
if
you've
ever
stuff
so
here's
a
proof-of-concept
that
earlier
examples
in
this
one
you'll
see
it's
a
lot
like
the
virtual
scroller
browser's
find
in
page
and
so
here's
an
example
where
we
have
a
non-traditional
sudden
there's
nothing
highlighting
over
they're
basically
being
flipped
to
we'll
do
some
resizing
changing
out-of-the-box
this
is
what
we
were
scroller
so
what
we're
looking
at
here
of
doing
that
we're
rendering
all
the
seamless
to
the
end-user
who's
using
work
from
rick
ena
on
our
dom
team
we've
primitives
as
well
we've
talked
about
framework
collaborations
so
from
the
performance
optimization
it's
pretty
optimization
done
on
it
yet
and
then
importantly
down
the
stack
explorations
virtual
scroller
can't
the
browser
just
discussions
that
we're
having
not
only
externally
but
also
internally
and
it's
that
amp
simplifies
building
pages
optimizations
further
down
the
stack
things
that
we're
discussing
at
the
to
other
browser
vendors
all
along
but
scroller
I
hope
you're
as
excited
as
I

相關影片

加Line好友 每日8AM 推播1單字

加入好友

其他人正在學習的單字

1. points
2024-04-30 04:27
2. up
2024-04-30 04:27
3. property
2024-04-30 04:27
4. impossible
2024-04-30 04:27
5. good-looking
2024-04-30 04:27
6. boy
2024-04-30 04:27
7. footage
2024-04-30 04:26
8. ever
2024-04-30 04:26
9. them
2024-04-30 04:26
10. credential
2024-04-30 04:26
11. comparison
2024-04-30 04:26
12. super
2024-04-30 04:26
13. find
2024-04-30 04:26
14. pages
2024-04-30 04:26
15. high
2024-04-30 04:26

本月觀看影片單字排行榜

本月查閱單字排行榜

本月聆聽單字排行榜