- 博客(24)
- 收藏
- 关注
RSS订阅原创 分享一个学习react.js的网站
http://huziketang.mangojuice.top/books/react/lesson32 虚拟dom：https://github.com/livoras/blog/issues/13
2018-09-11 10:27:25
583
原创 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
15199
原创 开启和关闭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
2263
原创 There are multiple modules with names that only differ in casing
./pages/Reg/index.scss (./node_modules/_css-loader@0.28.11@css-loader??ref--6-1!./node_modules/_sass-loader@7.0.1@sass-loader/lib/loader.js!./pages/Reg/index.scss)There are multiple modules with names...
2018-05-09 11:02:03
12765
原创 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
314
原创 开启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
4205
原创 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
452
转载 如何区分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
431
原创 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
1705
原创 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
6319
转载 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
648
转载 flex多栏布局
在不同分辨率下显示不同的效果。 当屏幕宽度大于1000像素的时候，显示为三栏。 当屏幕宽度小于1000像素，大于768像素时，隐藏右侧边栏。 当屏幕宽度小于768像素，纵向排列三栏。<!--页面主体--><div class="container"> <!--导航菜单--> <nav> <a hr...
2018-05-02 21:47:08
228
转载 水平居中和垂直居中
一、水平居中1、行内元素，对其父元素设置text-align:center2、块级元素，如果它有固定的宽度，对自身设置margin: 0 auto; 如果没有固定的宽度，借助css3变形属性transform来实现 position:absolute;left:50%;transform:translateX(-50%);二、垂直居中1、行内元素垂直居中 1）单行文本垂直居中...
2018-05-02 18:07:24
813
转载 侧边栏的滑进滑出效果
点击左上角用户头像，侧边栏快速滑出，然后单击右侧区域，侧边栏快速滑入。侧边栏悬浮在网页主体内容之上，通过position属性值为absolute实现该效果。接下来要将其隐藏，一般情况下绝对定位通过指定left和top来实现，此处只需要将left属性赋值为“元素宽度乘以负1”即可。html结构分为主体、遮罩和侧边栏三个部分，遮罩和侧边栏默认隐藏。<div class="body"> ...
2018-05-02 15:51:30
2700
转载 定位当前地理位置
根据用户的地理位置提供相关地区服务，已经是非常普遍的一项功能，例如本地生活类网站、外卖网站等。HTML5新功能中提供了获取用户位置的能力，使用HTML5 Geolocation API来构建基于地理位置的应用。Geolocation API通过navigator.geolocation全局对象进行访问。初次访问时，浏览器会询问用户是否共享位置，若用户选择允许程序使用Geolocation API权...
2018-05-02 10:57:40
12206
原创 用伪元素画线
<style type="text/css"> .or{ width: 450px; text-align: center; position: relative; } .or:before,.or:after{ content: ''; position: absolute; ...
2018-04-28 00:18:33
2350
原创 画一个有边缘色的三角形
<style type="text/css">.chat-msg{ width: 300px; height: 80px; border: 1px solid #ccc; border-radius: 8px; position: relative; filter: drop-shadow(0 0 2px #999); back...
2018-04-27 23:59:13
171
原创 用css画一个三角形
<style type="text/css">.triangle{ width: 0; height: 0; border-top: 50px solid #000; border-right: 50px solid #d00; border-bottom: 50px solid #333; border-left: 50px soli...
2018-04-27 23:56:06
117
原创 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
615
原创 自定义radio/checkbox的样式
借助css3提供的一个伪类 :checked，只要radio/checkbox处于选中状态，这个伪类就会生效，因此可以利用选中和非选中这两种状态，去切换不同的样式。<style type="text/css"> input[type=checkbox]{ display: none; } /*未选中的checkbox的样式*/ .checkbox{ ...
2018-04-27 16:04:03
194
原创 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
586
转载 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
144
原创 ES6 声明变量的六种方法
ES5 只有两种声明变量的方法：var命令和function命令。ES6 除了添加let和const命令，另外两种声明变量的方法：import命令和class命令。所以，ES6 一共有 6 种声明变量的方法。...
2018-04-17 17:55:32
2083
原创 javascript中的严格模式
1.概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。 2.为什么用严格模式- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;- 消除代码运行的一些不安全之处，保证代码运行的安全；- 提高编译器效率，增加运行速度；- 为未来新版本的Javascript...
2018-04-17 17:06:22
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人