前端导学-腾讯云开发者社区

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

前端导学

专栏成员

263

文章

334795

阅读量

24

订阅数

mkdir graphqljs cd graphqljs npm init npm install --save graphql touch hello.js 编辑hello.js var { graphql, buildSchema } = require('graphql'); var schema = buildSchema(` type Query{ hello:String }`); var root = { hello: () => 'Hello world!' }; gr

2022-03-24

5110

使用typescript rollup storybook创建你的react组件库

mkdir mylibrary cd mylibrary npm init -y npx -p @storybook/cli sb init --type react npm i -D fork-ts

2021-03-11

2.1K0

React+GraphQL+TypeScript全栈教程

javascript yarn node.js typescript 编程算法

首先编写服务端，创建服务端目录 lireddit-server ,初始化项目安装@types/node ts-node typescript等

2021-01-05

1K0

使用rollup创建组件库

打包 rollup.js babel.js es javascript

这里打包的格式设置为umd ，打包模式可以设置的类型有 umd（原生js），cjs （commonjs）, es (es) 。

2020-12-08

1.4K0

使用vite+vue3搭建项目

javascript vue.js

创建views文件夹，在该文件夹下创建两个vue文件 Home.vue 和About.vue 用来测试路由功能是否ok

2020-12-08

1K0

从零开始构建自己的react组件库

css https react github 网络安全

整合normalize.css到 src/styles/_reboot.scss中

2020-11-26

5910

利用基础库创建ts版react组件库

安装基础库 rmc-feedback, rmc-dialog ,classnames

2020-11-25

7060

MERN全栈开发demo

react https github javascript 网络安全

创建一个免费账号 https://www.mongodb.com/cloud/atlas

2020-11-23

7420

前端架构问答

A 做到三点： 1 文件夹约束（将变更的影降低到最小） 2保守的看待代码复用这件事（避免为了代码复用而引入不必要的库，导致更高的维护成本） 3加强你的边界 (保护好现有的架构，阻止新人想要改造架构的冲动）

2020-11-23

6540

js中那些反常识的设计

console.log(0.1+0.2) //0.30000000000000004 ""==0 //true 0=="0" //true ""=="0" //false

2020-11-23

3550

创建你自己的vue组件库

vue.js javascript github https 小程序

组件要素有 style guide， css命名规范可以遵循BEM方式，组件通讯主要依靠slot和props

2020-11-23

6560

react native入门

react 编程算法

React Native Tools React-Native/React/Redux snippets for es6/es7 Prettier - Code formatter Material Icon Theme

2020-11-03

1.3K0

如何在Vue中自己实现v-model

MyInput.vue <template> <div> <input type="text" :value="text" @input="$emit('change',$event.target.value)"> </div> </template> <script> export default { model:{ prop:'text', // 对应到props text event:'change' }, p

2020-10-14

9540

原生node处理get和post请求

const http=require('http'); const queryString=require('querystring'); const server=http.createServer

2020-10-14

7560

react 跨级组件传参方式 context方式的传参

//首先新建一个公共js context.js 解构出一个Provider和Consumer并导出 import React,{createContext} from 'react' const {Provider,Consumer} =createContext() export { Provider,Consumer } //在需要用这对组件的页面再分别引入Provider，Consumer 根组件 import React, { Component } from 'react'; imp

2020-10-13

2K0

一个现实生活中的例子让你理解Promise的使用场景

假设你有一个好朋友的孩子即将在本月出生，具体出生日期不确定，孩子的性别不确定，你每月15号发工资，你希望在你有工资的情况下，等孩子出生第一时间知道孩子的性别，给孩子买一个合适的礼物。在这种场景下你需要做两件等待的事情，1 ：孩子什么时候出生及孩子的性别 2 ：等你发工资。

2020-10-13

7120

Promise教程之产房里生孩子的故事

产房里有4个妈妈，预产期都是今天，几点生不知道，生男孩还是女孩也不知道，一切交给命运的安排。

2020-10-13

3280

模拟虚拟dom生成实际dom

// 生成虚拟dom function createVdom(tagName,props,children){ const VDom={ tagName, props, children } return VDom; } // 把虚拟dom转换成真实dom function createRdom(vDom,elm){ const {tagName,props,children}=vDom; //创建出真实的dom节点

2020-10-13

9350

前端路由实现原理

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <a href="#/">主页</a> <a href="#/home">home</a> <a href="#

2020-10-13

5180

常见鉴权方式及优缺点

2020-07-27

5860

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态