走过的风景-CSDN博客

原创简易版webpack实现

简易版webpack实现项目搭建打开cmd，创建一个webpack-dev目录mkdir webpack-devcd webpack-dev把项目拖进vscode中，初始化项目，执行yarn init -y构建项目目录结构|-- webpack-dev |-- package-lock.json |-- package.json |-- ya...

2020-02-24 20:44:11 2605 1

原创 React 解决使用ES7装饰器问题方法总结

React 解决使用ES7装饰器问题方法总结方法一：1.yarn eject or npm run eject2.在package.json中添加"babel": { "plugins": [ ["@babel/plugin-proposal-decorators", { "legacy": true }] ], "presets": [ ...

2019-11-28 20:44:52 763 3

原创 css-定位position的学习心得

css-定位position的学习心得从头开始学习前端，在学习CSS的过程中，慢慢挖掘出小知识，特此给大家分享下。首先我们来聊聊CSS中的position这个属性，position一般是用来对元素进行定位，以便于更好的在页面中进行布局。position有5个属性值：static、relative、absolute、fixed、stiskystatic静态定位，是position的默认...

2019-07-22 19:39:39 404

原创 win10+雷电模拟器开发React-Native项目

win10+雷电模拟器开发React-Native项目（无需安卓真机)项目运行1、vscode编辑器打开项目2、打开雷电模拟器3、项目根目录下命令窗口运行如下命令：yarn android4、rn项目挂载在模拟器上，打开cmdadb rootadb remount如果报’adb’ 不是内部或外部命令，也不是可运行的程序或批处理文件。则表示adb没有安装好，需要手动安装...

2020-02-16 23:10:40 1948

React中的“计算属性”相信许多学习过vue的小伙伴对计算属性都不陌生吧。计算属性能帮我们数据进行一些计算操作，计算属性是依赖于data里面的数据的，在vue中只要计算属性依赖的data值发生改变，则计算属性就会调用。那React中也有计算属性吗？至少在官方文档中没有提出计算属性这个概念，但是我们想使用这个计算属性该如何是好。我们都知道vue计算属性其实是利用getter拦截data属性，根...

2019-12-10 16:07:42 6532 3

转载前端页面的布局方式

布局方式今天来细聊下页面的布局方式，主要分为两大类宽度自适应布局和高度自适应布局，在实际应用中不同方式的布局都具有不同的效果。宽度自适应两栏布局，左侧固定，右侧自适应。以下列举了5种方法：margin-left,左侧固定宽度，并设置浮动float，右侧设定margin-left值为左侧宽度的大小。.boxLeft{ background: red; height:600px; ...

2019-07-27 08:51:07 419

原创 CSS-定位对float和margin的影响

定位对float和margin的影响在学习CSS属性的过程中，遇到了定位属性position产生的一些影响，特此记录下来。添加position属性值后对float的影响对margin的影响relative正常生效正常生效absolute异常失效异常失效static正常生效正常生效fixed异常失效异常失效stisky正常生效正常...

2019-07-22 19:23:06 495

原创 JS数组方法大全

数组方法(包含es6)方法名描述返回值版本arr.push()从数组后面添加元素添加完毕后数组的长度ES5arr.pop()从数组后面删除一个元素被删除的元素ES5arr.shift()从数组前面删除一个元素被删除的元素ES5arr.unshift()从数组前面添加一个元素添加完毕后数组的长度ES5arr.splice(i,...

2019-07-20 08:53:05 83

原创 html基础

html基本结构：head ( 描述区 ) 和body（内容区）HTML语法： html分为两类：单标记、双标记（空标记常规标记）双标记（常规标记）<标签名属性名=“属性值” 属性名=“属性值” 属性名=“属性值”> 标签内部 </标签名>单标记（空标记）<标签名属性名=“属性值” 属性名=“属性值”>表单：收...

2019-07-19 08:25:29 97

原创 CSS

CSS 层叠样式表(英文全称：Cascading Style Sheets)语法标签属性名属性值标签名{ 属性名:属性值；属性名:属性值属性值属性值； }引用CSS的三种方法内联样式表<标签 style="属性名:属性名;"></标签>内部样式表尽量在`<head></head>`中写 `&lt...

2019-07-16 21:25:06 81

原创 GET于POST的区别

—GET与POST的区别——GET传输的值会在url地址栏中显示。传输量只有4k大小的限制。—POST传输靠HTTP协议传输，不会在url地址栏中显示。传输量没有限制。...

2019-07-16 16:46:43 83

qq_44993284的博客