Setcina(目前还在更新以及完善中...)

css3使用vw和vh视口单位实现自适应

移动Web
前言移动端网页和pc端很大不同的便是现在移动端窗口分辨率繁多,所以,移动端适配,一直是前端工作上的一个痛点。但既然是痛点,那就要解决它,为此我们先来了解一写基本的概念之后,我们再进入这次移动端自适应的主题。 什么是rem?来自于鹅厂ISUX团队的解释如下: rem(font size of ...
Read more

Hello World

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer ...
Read more

11-React中的context

React.js
前言Context被翻译为上下文,在编程领域,这是一个经常会接触到的概念,React中也有。 在React的官方文档中,Context被归类为高级部分(Advanced),属于React的高级API,但官方并不建议在稳定版的App中使用Context。 The vast majority ...
Read more

01-为什么需要Redux

Redux
首先我们要理解一下React,React只是一个DOM的一个抽象层,并不是 Web 应用的完整解决方案。有两个方面,它没涉及。 1.代码结构 2.组件之间的通信 对于大型的复杂应用来说,这两方面恰恰是最关键的。因此,只用 React 没法写大型应用。 为了解决这个问题,2014年 Fac ...
Read more

利用@media screent实现网页响应式布局

移动Web
优点:无需无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值 准备工作:设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码,来兼容移动设备的展示效果:1<meta name= ...
Read more

移动端网站开发要点

移动Web
Head标签中要点标注作者1<meta name="author" content="网站域名"/> 在浏览器中页面将以原始大小显示,并不允许缩放1<meta name="viewport" content="width=device-width,initial-scale ...
Read more

10-在Vue中如何处理跨域问题

Vue.js
在项目开发的时候,接口联调的时候一般都是同域名下,且不存在跨域的情况下进行接口联调,但是当我们现在使用vue-cli进行项目打包的时候,我们在本地启动服务器后,比如本地开发服务下是 http://localhost:8080 这样的访问页面,但是我们的接口地址是 http://xxxx.c ...
Read more

06-正确使用setState

React.js
关于setState有三件事情需要知道 不要直接更新状态例如,此代码不会重新渲染组件:12// Wrongthis.state.comment = 'Hello'; 应当使用 setState():12// Correctthis.setState({comment: 'Hello ...
Read more

06-React的state和生命周期函数

React.js
到目前为止我们只学习了一种方法来更新UI。 我们调用 ReactDOM.render() 方法来改变输出: 1234567891011121314function tick() { const element = ( <div> <h1>H ...
Read more

04-React组件和Props

React.js
函数定义/类定义组件定义一个组件最简单的方式是使用js函数 123function Welcome(props) { return <h1>Hello, {props.name}</h1>;} 该函数是一个有效的React组件 ...
Read more
Prev Next