フロントエンド

Credits: Illustration by @yangheng

ウェブサイト上で読む

これは何ですか。

Unlike typical software engineer job interviews, front-end job interviews have less emphasis on algorithms and have more questions on intricate knowledge and expertise about the domain — HTML, CSS, JavaScript, just to name a few areas.

While there are some existing resources to help front end developers in preparing for interviews, they aren't as abundant as materials for a software engineer interview. Among the existing resources, probably the most helpful question bank would be Front-end Developer Interview Questions. Unfortunately, I couldn't find many complete and satisfactory answers to these questions online, hence here is my attempt at answering them. Being an open source repository, the project can live on with the support of the community as the state of web evolves.

なぜ私はこれが欲しいですか？

ゼロからヒーローへ

Go from zero…

📈 μプロット

A small (~40 KB min), fast chart for time series, lines, areas, ohlc & bars (MIT Licensed)

導入

μPlot is a fast, memory-efficient Canvas 2D-based chart for plotting time series, lines, areas, ohlc & bars; from a cold start it can create an interactive chart containing 150,000 data points in 135ms, scaling linearly at ~25,000 pts/ms. In addition to fast initial render, the zooming and cursor performance is by far the best of any similar charting lib; at ~40 KB, it's likely the smallest and fastest time series plotter that doesn't make use of context-limited WebGL shaders or WASM, both of which have much higher startup cost and code size.

166650ポイントベンチ：https://leeoniya.github.io/uPlot/bench/uPlot.html

However, if you need 60fps performance with massive streaming datasets, uPlot can only get you so far WebGL should still be the tool of choice for applications like…

English | 简体中文

海

🍙 Extensible enterprise-level front-end application framework.

Please consider following this project's author, sorrycc, and consider starring the project to show your ❤️ and support.

機能

• 🎉 Extensible, Umi implements the complete lifecycle and makes it extensible, and Umi's internal functions are all plugins. Umi also support plugins and presets.
• 📦 Out of the Box, Umi has built-in routing, building, deployment, testing, and so on. It only requires one dependency to get started. Umi also provides an integrated preset for React with rich functionaries.
• 🐠 Enterprise, It has been verified by 3000+ projects in Ant Financial and projects of Alibaba, Youku, Netease, Fliggy, KouBei and other companies.
• 🚀 Self Development, Including micro frontend library, component packaging, documentation tools, request library, hooks library, data flow, etc.
• 🌴 Perfect Routing, Supports both configuration routing and convention routing, while with functional completeness, such as…

フレーマー運動

Web上での反応のためのオープンソースおよび生産準備型MotionLibrary

Framer Motion is an open source, production-ready library that's designed for all creative developers.

It looks like this:

<motion.div animate={{ x: 0 }} />

It does all this:

• Spring animations
• Simple keyframes syntax
• Gestures (drag/tap/hover)
• Layout and shared layout animations
• SVG paths
• Exit animations
• Server-side rendering
• Variants for orchestrating animations across components
• CSS variables

...and a whole lot more.

始める

クイックスタート

npm install framer-motion

import { motion } from "framer-motion"

export const MyComponent = ({ isVisible }) => (
    <motion.div animate={{ opacity: isVisible ? 1 : 0 }} />
)

博士

Check out our documentation for guides and a full API reference.

Or checkout our examples for inspiration.

貢献する

Want to contribute to Framer…

ストライプ請求でサブスクリプションを設定する

This sample shows how to create a customer and subscribe them to a plan with Stripe Billing. For the official documentation for Stripe billing checkout the overview.

導入

Laravel Fortify is a frontend agnostic authentication backend for Laravel. Fortify powers the registration, authentication, and two-factor authentication features of Laravel Jetstream.

公式文書

Documentation for Fortify can be found on the Laravel website.

貢献

Thank you for considering contributing to Fortify! You can read the contribution guide here.

行いのコード

In order to ensure that the Laravel community is welcoming to all, please review and abide by the Code of Conduct.

セキュリティ脆弱性

Please review our security policy on how to report security vulnerabilities.

許可

Laravel Fortify is open-sourced software licensed under the MIT license.

フェーカー.js -大量の偽データをブラウザとノードで生成します。js

デモ

https://rawgit.com/Marak/faker.js/master/examples/browser/index.html

フレッカー雲

Don't have a local development setup ready?

Try our hosted version of Faker at https://fakercloud.com/api

https://github.com/faker/faker-cloud

用途

ブラウザ

    <script src = "faker.js" type = "text/javascript"></script>
    <script>
      var randomName = faker.name.findName(); // Caitlyn Kerluke
      var randomEmail = faker.internet.email(); // Rusty@arne.info
      var randomCard = faker.helpers.createCard(); // random contact card containing many properties
    </script>

ノード。js

    var faker = require('faker');
    var randomName = faker.name.findName(); // Rowan Nikolaus
    var randomEmail = faker.internet.email(); // Kassandra.Haley@erich.biz
    var randomCard = faker.helpers.createCard

何がF * CK JavaScriptですか？

A list of funny and tricky JavaScript examples

JavaScript is a great language. It has a simple syntax, large ecosystem and, what is most important, a great community.

At the same time, we all know that JavaScript is quite a funny language with tricky parts. Some of them can quickly turn our everyday job into hell, and some of them can make us laugh out loud.

The original idea for WTFJS belongs to . This list is highly inspired by his talk :

ノード一括原稿

You can install this handbook using npm. Just run:

$ npm install -g wtfjs