GJM_大萌-CSDN博客

原创 1005 地球人口承载力问题

假设地球上的新生资源按恒定速度增长。照此测算，地球上现有资源加上新生资源可供x亿人生活a年，或供y亿人生活b年。为了能够实现可持续发展，避免资源枯竭，地球最多能够养活多少亿人？输入一行，包括四个正整数x，a，y，b，两个整数之间用单个空格隔开。x > y，a < b，ax < by，各整数均不大于10000输出一个实数z，表示地球最多养活z亿人，舍入到小数点后两位。...

2020-01-09 13:07:42 783

原创小程序的生命周期

在page页面中定义的生命周期方法onLoad 生命周期函数--监听页面加载onReady 生命周期函数--监听页面初次渲染完成onShow 生命周期函数--监听页面显示onHide 生命周期函数--监听页面隐藏onUnload 生命周期函数--监听页面卸载应用生命周期1、用户首次打开小程序，触发 onLaunch（全局只触发一次）。2、小程序初始化完成后，触发onS...

2018-12-20 15:36:10 201

原创 React 中hashhistory 与 browserhistory 的区别

在react中使用 hashHistory，浏览器上看到的 url 会是这样的: /#/home-page?_k=vyqwnx在react中使用 browserHistory，浏览器上看到的 url 会是这样的：/user/home-page browserHistory 使用的是 HTML5 的 History API，浏览器提供相应的接口来修改浏览器的历史记录 hashHistor...

2018-12-19 10:30:29 1429

原创清除图片底部边距

有时候写页面的过程中，会看到图片和内容之间有一定的间距，这是由于图片的默认底部边距造成的，该怎样清除这个边距有两种方式。第一：给img添加css样式，如：img {border:0;vertical-align:bottom;}第二：给图片的父级容器设置样式，设置其font-size：0; 两个方法都可以清除图片底部空隙...

2018-12-10 10:26:18 741

原创 React中props和state

React的核心思想就是组件化思想，页面会被切分成一些独立的、可复用的组件。propsReact是单向数据流，所以props基本上也就是从服父级组件向子组件传递的数据。props经常被用作渲染组件和初始化状态，当一个组件被实例化之后，它的props是只读的，不可改变的。props具有只读性。props主要是：父组件通过props向子组件传递数据，它具有可读性和不变性，只能通过外部组...

2018-07-30 16:23:05 242

原创 sessionstorage与localstorage、cookie的区别

什么是sessionstorage与localstorage？sessionstorage与localstorage是h5webstorage API提供的，在web请求之间保存数据。webstorage存储的优点：减少网络流量、减少请求、快速显示。什么是cookie？cookie用于记录用户信息，最大为4k。cookie主要包括：名字、值、过期时间、路径与域。什么是sessi...

2018-07-30 15:57:13 240

什么是跨域？跨域是因为同源策略，浏览器从一个网页去访问另一个网页的时候，则需要跨域。如图百度不能访问谷歌什么是同源策略？同源策略是由Netscape提出的一种安全策略，防止他人窃取信息。同源策略是指域名、协议、端口都相同。则浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域http://www.baidu.com 与 https://www....

2018-07-30 14:41:54 185

原创 flex布局——ul居右

让ul里的内容居右显示如图显示给每个标签设置flex为1，则其可以平均分布设置 align-items属性让其居中显示justify-conent让其靠右显示

2018-07-19 09:42:09 4631

原创块级元素与行内元素

HTML中块级元素与行内元素区别：在标准文档流里面，块级元素具有以下特点： ①总是在新行上开始，占据一整行； ②高度，行高以及外边距和内边距都可控制； ③宽带始终是与浏览器宽度一样，与内容无关； ④它可以容纳内联元素和其他块元素。行内元素的特点： ①和其他元素都在一行上； ②高，行高及外边距和内边距部分可改变； ③宽度只与内容有关； ④行内元素只能容纳...

2018-07-17 22:34:48 165

原创初识flex布局

什么是flexFlex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。flex 在容器上的属性 flex-direction属性决定主轴的方向（即项目的排列方向）。它由四个属性row（默认值）：主轴为水平...

2018-07-17 22:12:11 229

原创设计模式之工厂模式

工厂模式中，在创建对象时不会对客户端暴露创建逻辑，并且是通过使用一个共同的接口来指向新创建的对象。使用工厂模式的意图是，定义一个创建对象的接口，让其子类自己决定实例化哪一个工厂类，工厂模式使其创建过程延迟到子类进行。其主要解决接口选择的问题。优点：1、一个调用者想创建一个对象，只要知道其名称就可以了。 2、扩展性高，如果想增加一个产品，只要扩展一个工厂类就可以。3、屏蔽产品的具体实现...

2018-07-17 21:55:03 196

原创关于React

初识ReactReact是Facebook开发的一款JS库。React便于构建随数据变化的大型应用程序。React特点构建简单 -自动更新UI界面灵活 −React可以与已知的库或框架很好地配合组件复用性强 − 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中React原理React把每个组件当成了一个状态机，组件内部通过st...

2018-07-17 21:53:58 691

转载 React实例练习五lifeCyle 生命周期

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="build/react.js">&a

2018-05-23 23:40:03 222

转载 React实例练习四State状态

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="build/react.js"&

2018-05-23 23:35:58 314

转载 React练习实例三

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="build/react.js">&a

2018-05-23 23:31:33 597

转载 React实例练习二

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="build/react.js"&

2018-05-23 22:42:44 213

转载 React实例练习一

React不是一个MVC框架，主要的作用来设计UI. 首先是React的核心库 react.js文件。其次是DOM相关的核心库react-dom.js文件。再是将JSX转化JavaScript语法的browser.main.js文件。<!DOCTYPE html><html lang="en"><head> <meta c...

2018-05-23 22:34:07 979