发简信
IP属地：北京
-
-
这一次彻底搞定 useReducer - useContext使用
useReducer-基础概念篇 useReducer-使用篇 useReducer-配合useContext使用 欢迎回到我们的useReducer系列第三篇，如果这是你第...
-
基于Hook的React状态管理系列-基础篇
useReducer-基础概念篇 useReducer-使用篇 useReducer-配合useContext使用 useReducer是React提供的一个高级Hook，它...
-
传的5M以内的图，有时候弹窗里裁剪的图片显示不出来是怎么回事
React使用react-cropper实现图片裁剪上传
由于实在太多人遇到了问题, 特意提供了一个小demo供大家参考, demo中分别用React的class component形式和Hooks形式实现了两个同样功能的图片裁剪弹...
-
tsconfig.json配置详解
参考链接：https://jack-cool.github.io/2019/08/05/tsconfig-json-%E9%85%8D%E7%BD%AE%E8%AF%A6%E...
-
【CSS模块化】(3) 使用💅styled-components来优化react组件开发1. styled-components是什么 随着React等前端技术的不断流行，组件化的思想开始受到越来越多的人重视。以组件为中心的开发思路使得各种 css-in-js ...
-
这个版本太高了，在哪下载低版本的啊10.12.6
Sourcetree在mac平台下的安装与使用超详尽教程
前言 Sourcetree 是 Windows 和Mac OS X 下免费的 Git 和 Hg 客户端，主要依赖可视化界面操作,省去繁琐复杂不容易理解的终端命令,Source...
-
import React from 'react'
import Head from 'next/head'
import styled from 'styled-components'
const Title = styled.h1`
font-size: 1.5em;
text-align: center;
color: palevioletred;
`;
const Wrapper = styled.section`
padding: 4em;
background: papayawhip;
`;
export default class extends React.Component {
// static async getInitialProps({ req }) {
// const userAgent = req ? req.headers['user-agent'] : navigator.userAgent
// return { userAgent }
// }
render() {
return (
<Wrapper>
<Title>Hello World, this is my first styled component!</Title>
</Wrapper>
)
}
}
报错：
Warning: Prop `className` did not match. Server: "sc-gipzik glolgk" Client: "sc-bdVaJa bzmvhR"
index.js:2178
请问是怎么回事骚里骚气的styled-components快速入门
styled-components 是什么？ styled-components 是一个常用的 css in js 类库。和所有同类型的类库一样，通过 js 赋能解决了原生 ...
-
-
> webpack-dev-server --open
/Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/webpack-dev-server/bin/webpack-dev-server.js:363
throw err;
^
TypeError: Cannot destructure property `compile` of 'undefined' or 'null'.
at addHooks (/Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/webpack-dev-server/lib/Server.js:103:49)
at new Server (/Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/webpack-dev-server/lib/Server.js:116:5)
at startDevServer (/Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/webpack-dev-server/bin/webpack-dev-server.js:355:14)
at portfinder.getPort (/Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/webpack-dev-server/bin/webpack-dev-server.js:323:5)
at /Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/portfinder/lib/portfinder.js:190:16
at /Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/portfinder/node_modules/async/lib/async.js:52:16
at /Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/portfinder/node_modules/async/lib/async.js:269:32
at /Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/portfinder/node_modules/async/lib/async.js:44:16
at /Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/portfinder/lib/portfinder.js:151:16
at Server.onListen (/Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/portfinder/lib/portfinder.js:43:7)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! zcool-hellorf-navigator@1.0.0 server: `webpack-dev-server --open`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the zcool-hellorf-navigator@1.0.0 server script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
请问报这个错怎么解决7.使用webpack构建本地服务器
浏览器监听代码的修改，并自动刷新显示修改后的结果，在webpack中进行配置之前需要单独安装它作为项目依赖： 添加配置命令加到webpack的配置文件中，现在的配置文件web...
-
> webpack-dev-server --open
/Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/webpack-dev-server/bin/webpack-dev-server.js:363
throw err;
^
TypeError: Cannot destructure property `compile` of 'undefined' or 'null'.
at addHooks (/Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/webpack-dev-server/lib/Server.js:103:49)
at new Server (/Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/webpack-dev-server/lib/Server.js:116:5)
at startDevServer (/Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/webpack-dev-server/bin/webpack-dev-server.js:355:14)
at portfinder.getPort (/Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/webpack-dev-server/bin/webpack-dev-server.js:323:5)
at /Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/portfinder/lib/portfinder.js:190:16
at /Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/portfinder/node_modules/async/lib/async.js:52:16
at /Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/portfinder/node_modules/async/lib/async.js:269:32
at /Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/portfinder/node_modules/async/lib/async.js:44:16
at /Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/portfinder/lib/portfinder.js:151:16
at Server.onListen (/Users/zcool/Documents/G-Zcool/zcool-hellorf-nav-component/node_modules/portfinder/lib/portfinder.js:43:7)7.使用webpack构建本地服务器
浏览器监听代码的修改，并自动刷新显示修改后的结果，在webpack中进行配置之前需要单独安装它作为项目依赖： 添加配置命令加到webpack的配置文件中，现在的配置文件web...
-
请问ssr ios url 是进入网站的第一个页面的地址
怎么解决在 react 项目中使用微信 JS-SDK 填坑笔记
UPDATE 现在 android 的微信（6.3.31）已经修好了，需要按照文档说的传入当前页面的url，也就是没吃豆重新 config 一次，但是苹果的微信只要在进入页面...
-
-
微信|微博|QQ的通用分享组件本文章实现的通用分享组件包括以下社交平台： 微信 新浪微博 QQ空间 QQ好友 豆瓣分享 易信分享 人人分享 以上的分享功能按照实现方式可以分为两类，一类是是微信分享，一类是...
-
如果你是程序员，或者有一颗喜欢写程序的心，喜欢分享技术干货、项目经验、程序员日常囧事等等，欢迎投稿《程序员》专题。 专题主编：小彤花园 http://www.jianshu.com/users/4a4eb4feee62/ 【程序员】专题拒稿指北：http://www.jianshu.com/p/7c8b33b5f63b 投稿须知： 1.收录相关技术文章，但不限于技术，也可以是项目经验类的文章和程序员日常。 2.文章內不得有任何推广信息。包括但不限于公众号、微博、微信，更不得在通过投稿后再修改文章加入推广信息。你可以将这些推广以及个人信息放在个人主页介绍里。 3.字数极少，段落混乱，大段代码没有放到代码框的文章不收录 4.不相关的内容不收录，请确认文章内容和本专题相关 目前针对优质作者及爱好者，开设了官方程序员微信群，希望加入请发简信给主编小彤花园索取个人微信，主编会将你加入到【程序员】微信群，分享内容，收获知识。添加微信时备注昵称。
