lemon0__0tree-CSDN博客

原创分享一个学习react.js的网站

http://huziketang.mangojuice.top/books/react/lesson32 虚拟dom：https://github.com/livoras/blog/issues/13

2018-09-11 10:27:25 541

原创 Do you already have another mysqld server running on port: 3306 ?

C:\Users\lemon> net start mysqlMySQL服务正在启动....MySQL服务无法启动。C:\Program Files\MySQL\MySQL Server 8.0\data文件夹下找到lemon.err文件2018-05-12T04:24:21.966771Z 0 [System] [MY-010116] [Server] C:\Program Files\M...

2018-05-24 19:40:29 14891

原创开启和关闭mysql

1、首先开启mysql服务 net start mysql2、mysql -hlocalhost -uroot -p其中-h表示服务器名，localhost表示本地；-u为数据库用户名，root是mysql默认用户名；-p为密码，如果设置了密码，可直接在-p后链接输入，如：-p123456，用户没有设置密码，显示Enter password时，直接回车即可。注意，如果你的mysql没有安装...

2018-05-12 15:12:02 2203

原创 There are multiple modules with names that only differ in casing

./pages/Reg/index.scss (./node_modules/[email protected]@css-loader??ref--6-1!./node_modules/[email protected]@sass-loader/lib/loader.js!./pages/Reg/index.scss)There are multiple modules with names...

2018-05-09 11:02:03 12720

原创 css module

常见的样式的添加方式<div className='wrap'> <Slide rotationMap={this.state.rotationMap}/></div>除此之外，还有另外的方法，使用之前要先开启css module，在webpack中添加 modules:true的配置{ test: /\.scss$/, exclude...

2018-05-07 19:43:02 272

原创开启css module导致antd-mobile的样式失效

在react中使用antd-mobile的走马灯，奇怪的是下面的小圆点一直显示不出来，引入antd-mobile都没有错，轮播图的部分样式没有正常显示，于是在网上查找原因。最后发现原来是我开启了css module使antd-mobile的样式失效了。怎么解决这个问题呢？添加 exclude:[/node_modules/] 只对自己的css 开启module{ test: /\.css$...

2018-05-07 19:30:58 4079

原创 stage-0

做react的过程中，发现ES6的某些语法不能编译为ES5。经查找原因得知babel编译ES6代码，需要stage-0插件1、npm install -S babel-preset-stage-02、在webpack.config.js的presets中添加stage-0{ test: /\.jsx|.js$/,//以js结尾的文件，使用babel-loader进行解析 loader:...

2018-05-07 19:15:21 401

转载如何区分Babel中的stage-0,stage-1,stage-2以及stage-3（一）

大家知道，将ES6代码编译为ES5时，我们常用到Babel这个编译工具。大家参考一些网上的文章或者官方文档，里面常会建议大家在.babelrc中输入如下代码：{ "presets": [ "es2015", "react", "stage-0" ], "plugins": [] }我们现在来说明下这个配置文件是什么意思。首先，这个配置...

2018-05-07 19:07:13 378

原创 webpack中jquery和antd-mobile的配置

1、在react中引入了antd-mobile，报如下的错误You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size.详细的可以参考文档：https://ant.design/docs/react在webp...

2018-05-06 23:52:57 1642

原创 js中的相对路径和绝对路径

dist 相对路径let a = path.resolve(__dirname,'dist');console.log('a',a);// a E:\graduationproject\myapp\dist/dist 绝对路径let b = path.resolve(__dirname,'/dist');console.log('b',b);// b E:\dist./dist...

2018-05-06 17:20:47 6219

转载 path.resolve和path.join

1、path.resolve(ag1,ag2,...)path.resolve返回当前环境所在路径拼接参数字符串所得到的绝对路径，其中参数可以有多个const path = require('path');path.resolve('/foo/bar', './baz')// returns '/foo/bar/baz'path.resolve('/foo/bar', '/tmp/file/...

2018-05-06 16:35:50 570

转载 flex多栏布局

在不同分辨率下显示不同的效果。当屏幕宽度大于1000像素的时候，显示为三栏。当屏幕宽度小于1000像素，大于768像素时，隐藏右侧边栏。当屏幕宽度小于768像素，纵向排列三栏。<div class="container">  <nav> <a hr...

2018-05-02 21:47:08 181

转载水平居中和垂直居中

一、水平居中1、行内元素，对其父元素设置text-align:center2、块级元素，如果它有固定的宽度，对自身设置margin: 0 auto; 如果没有固定的宽度，借助css3变形属性transform来实现 position:absolute;left:50%;transform:translateX(-50%);二、垂直居中1、行内元素垂直居中 1）单行文本垂直居中...

2018-05-02 18:07:24 750

转载侧边栏的滑进滑出效果

点击左上角用户头像，侧边栏快速滑出，然后单击右侧区域，侧边栏快速滑入。侧边栏悬浮在网页主体内容之上，通过position属性值为absolute实现该效果。接下来要将其隐藏，一般情况下绝对定位通过指定left和top来实现，此处只需要将left属性赋值为“元素宽度乘以负1”即可。html结构分为主体、遮罩和侧边栏三个部分，遮罩和侧边栏默认隐藏。<div class="body"> ...

2018-05-02 15:51:30 2577

转载定位当前地理位置

根据用户的地理位置提供相关地区服务，已经是非常普遍的一项功能，例如本地生活类网站、外卖网站等。HTML5新功能中提供了获取用户位置的能力，使用HTML5 Geolocation API来构建基于地理位置的应用。Geolocation API通过navigator.geolocation全局对象进行访问。初次访问时，浏览器会询问用户是否共享位置，若用户选择允许程序使用Geolocation API权...

2018-05-02 10:57:40 12009

原创用伪元素画线

2018-04-28 00:18:33 2250

原创画一个有边缘色的三角形

2018-04-27 23:59:13 147

原创用css画一个三角形

2018-04-27 23:56:06 90

原创 css3伪类

1、focus的时候字体颜色加深<style type="text/css">/*正常状态为浅灰色*/ .icon-search{ color: #ccc; }input[type=search]:focus + .icon-search{ color: #111;}</style><input type="searc...

2018-04-27 23:09:09 571

原创自定义radio/checkbox的样式

借助css3提供的一个伪类 :checked，只要radio/checkbox处于选中状态，这个伪类就会生效，因此可以利用选中和非选中这两种状态，去切换不同的样式。<style type="text/css"> input[type=checkbox]{ display: none; } /*未选中的checkbox的样式*/ .checkbox{ ...

2018-04-27 16:04:03 162

原创 js赋值表达式

if(a = 0){ console.log('0');}else{ console.log('ok');}输出结果是ok，整个条件表达式发生了两件事1、运行赋值表达式，整个表达式的值是02、类型转换，将数值0转换为布尔类型（Boolean(0) = false），结果为false...

2018-04-25 12:09:16 534

转载 js继承的5种方式

一、构造函数绑定使用call或apply方法，将父对象的构造函数绑定在子对象上。function Animal(){ this.species = "动物";} function Cat(name,color){ Animal.apply(this,arguments); this.name=name; this.color=color;} var ...

2018-04-25 09:49:56 108

原创 ES6 声明变量的六种方法

ES5 只有两种声明变量的方法：var命令和function命令。ES6 除了添加let和const命令，另外两种声明变量的方法：import命令和class命令。所以，ES6 一共有 6 种声明变量的方法。...

2018-04-17 17:55:32 2016

原创 javascript中的严格模式

1.概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。 2.为什么用严格模式- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;- 消除代码运行的一些不安全之处，保证代码运行的安全；- 提高编译器效率，增加运行速度；- 为未来新版本的Javascript...

2018-04-17 17:06:22 100

qq_31680395的博客