前端
Savoury__java
秘密
展开
-
慢慢前端路
一、web前端视频篇第一阶段-准备篇web前端教程下载:1、 前端与移动开发基础 :http://pan.baidu.com/s/1jIcd84e(此教程对应知识点1 2 3 5知识点)2、CSS梅兰商城项目实战视频教程 http://pan.baidu.com/s/1pLlRwDl 3、Javascript教程:JavaScript基础视频教程:http://pan.b转载 2017-09-26 17:29:05 · 161 阅读 · 0 评论 -
git的简单使用
git statu (查看仓库的状态)git add file(向暂存区中添加文件)git add .(是把本目录下所有文件添加到暂存区)git rm原创 2018-01-03 10:48:47 · 137 阅读 · 0 评论 -
JS中 var 和 let 关键字的区别
let和var关键字的异同(1)声明后未赋值,表现相同'use strict';(function() { var varTest; let letTest; console.log(varTest); //输出undefined console.log(letTest); //输出undefined}());12345678(2)使用未声明的变转载 2017-12-28 11:35:59 · 358 阅读 · 0 评论 -
关于this.setState更新的问题
this.setState是异步,所以在this.setState之后立即调用this.state是获取不到最新的数据的,那么怎么获取最新的数据呢?下面介绍三个方法:1.回调函数callbackthis.setState({ val: this.state.val+1}, () => { console.log(this.state.val)});2.compone转载 2017-12-28 11:50:19 · 3377 阅读 · 0 评论 -
如何快速在当前文件夹打开命令行
按住shift ,同时点击右键鼠标,点open command window here.就ok了原创 2017-12-29 09:34:00 · 6036 阅读 · 1 评论 -
vscode: Visual Studio Code 常用快捷键
主命令框F1 或 Ctrl+Shift+P: 打开命令面板。在打开的输入框内,可以输入任何命令,例如:按一下 Backspace 会进入到 Ctrl+P 模式在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式在 Ctrl+P 窗口下还可以:直接输入文件名,跳转到文件? 列出当前可执行的动作! 显示 Errors或 Warnings,也可以 Ctr转载 2017-12-29 10:48:14 · 235 阅读 · 0 评论 -
vscode调试应用
使用 VSCode 调试 React 应用HuminiOS简评:在 VSCode 中直接调试真的很舒服,省去很多切换到 Chrome 的时间。创建测试工程使用 create-react-app 创建工程:create-react-app vscode-tutorialopen vs转载 2017-12-29 11:02:04 · 11644 阅读 · 3 评论 -
css小笔记
倒三角#triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red;}蒙层转载 2018-01-30 19:01:50 · 115 阅读 · 0 评论 -
react的生命周期
生命周期的方法有:componentWillMount 在渲染前调用,在客户端也在服务端。componentDidMount : 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用,可以在这个方法中调用setTimeout, setInterval或者转载 2018-01-16 11:32:40 · 248 阅读 · 0 评论 -
JS中的call()方法和apply()方法用法总结
最近又遇到了JacvaScript中的call()方法和apply()方法,而在某些时候这两个方法还确实是十分重要的,那么就让我总结这两个方法的使用和区别吧。1. 每个函数都包含两个非继承而来的方法:call()方法和apply()方法。2. 相同点:这两个方法的作用是一样的。都是在特定的作用域中调用函数,等于设置函数体内this对象的值,以扩充函数赖以运行的作用域。转载 2018-01-08 13:49:55 · 189 阅读 · 0 评论 -
Flex基础布局
http://www.ruanyifeng.com/blog/2015/07/flex-examples.html 阮一峰的flex布局实例Flex 全拼Flexible Box,意为弹性布局。注意:a.webkit内核的浏览器,必须加上-webkit前缀b.父容器设置flex布局以后,float,clear,vertical-align将失效设置属性设置为Flex布局:d转载 2018-02-02 12:01:59 · 154 阅读 · 0 评论 -
getComponent优美写法
react按需加载(getComponent优美写法),并指定输出模块名称解决缓存(getComponent与chunkFilename)react配合webpack进行按需加载的方法很简单,Route的component改为getComponent,组件用require.ensure的方式获取,并在webpack中配置chunkFilename。const choosePro转载 2018-02-05 12:01:49 · 2040 阅读 · 0 评论 -
ES6:export default 和 export 区别
export default 和 export 区别:1.export与export default均可用于导出常量、函数、文件、模块等2.你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用3.在一个文件或模块中,export、import可以有多个,export default仅有一个4.通过export方式导出转载 2018-02-05 14:20:48 · 345 阅读 · 0 评论 -
JQuery:除指定区域外点击任何地方隐藏DIV
第一先实现点击任何地方都隐藏该元素(假设id="bar")$(document).click(function(){ $("#bar").hide();});那么bar也属于document,点击bar也会让自己隐藏,显然这不是想要的,这时候要阻止冒泡事件,即document的事件对bar无效$("#bar").click(function(event){ event.st...转载 2018-02-05 22:13:31 · 366 阅读 · 0 评论 -
node多个版本切换
环境变量的path ,改成你想切换的node路径就行原创 2018-02-27 11:26:53 · 2083 阅读 · 0 评论 -
css元素display和visibility,visible区别
display:none;隐藏不占位、无法点击(隐藏会产生reflow(回流)和repaint(重绘))显示不写或者block,inline;意思分别为显示,显示为div(块级元素),显示为span(行类元素)visibility:hidden;隐藏占位无法点击(所占用的空间任然存在)visible(服务器控件)隐藏不占位无法点击,要与 runat="server"一起用<div visib...原创 2018-03-05 11:12:03 · 581 阅读 · 0 评论 -
ajax自动补全
ajax简单回车,点击选择$(document).ready(function(){ $("#autoTag").keyup(function(event){ //如果输入字母、退格键、删除键,则将信息发送到服务器 var myEvent=event || window.event; var keyCode=myEve...原创 2017-09-14 14:38:35 · 236 阅读 · 0 评论 -
Git--将服务器代码更新到本地
1. git status(查看本地分支文件信息,确保更新时不产生冲突)2. git checkout -- [file name] (若文件有修改,可以还原到最初状态; 若文件需要更新到服务器上,应该先merge到服务器,再更新到本地)3. git branch(查看当前分支情况)4. git checkout [remote branch](若分支为本地分支,则需切换到转载 2018-01-02 18:12:01 · 710 阅读 · 0 评论 -
git恢复被修改的文件
恢复到最后一次提交的改动:git checkout -- + 需要恢复的文件名但是,需要注意的是,如果该文件已经 add 到暂存队列中,上面的命令就不灵光喽需要先让这个文件取消暂存:git reset HEAD -- + 需要取消暂存的文件名然后再使用第一条命令。如果感觉命令多了记不住,那就做一两个匿名呗,比如:git config转载 2018-01-02 18:08:56 · 3493 阅读 · 0 评论 -
HTML/CSS:图片居中(水平居中和垂直居中)
css图片居中分css图片水平居中和垂直居中两种情况,有时候还需要图片同时水平垂直居中。 css图片水平居中1.利用margin: 0 auto实现图片水平居中利用margin: 0 auto实现图片居中就是在图片上加上css样式margin: 0 auto 如下:div style="text-align: center; width: 500px; bord转载 2017-10-30 17:15:53 · 69796 阅读 · 0 评论 -
div+css文字水平垂直居中
文字水平垂直居中文字水平垂直居中.tac{ width: 200px; height:200px; line-height: 200px;/*文字水平居中对齐*/ border: 1px solid red; text-align: center; /*设置文字行距等于div的高度*/}原创 2017-10-30 17:18:20 · 416 阅读 · 0 评论 -
第一个center是水平居中,第二个center是上下居中
CSS怎么样让背景图片水平(垂直)居中?//第一个center是水平居中,第二个center是上下居中div{background-position:center center;}原创 2017-10-30 17:19:53 · 610 阅读 · 0 评论 -
div+css左侧固定宽度200px,右侧自动扩展
div id="lt">div>div id="rt">div>一、左边固定,右边自适应的布局1. 左边左浮动,右边加个overflow:hidden;#lt{ float: left;width:200px; background: #ff0;}#rt{ overflow: hidden; background: #f0f;}2. 左边左浮动,右边加个margin-left;原创 2017-10-31 09:58:59 · 936 阅读 · 0 评论 -
css浏览器兼容性的写法
* , ie6,ie7可以识别; _和- , ie6可以识别; !important ,表示高优先级,ie7及以上,firefox都支持,ie6认识带!important的样式属性,但不认识!important的优先级;-webkit- ,针对safari,chrome浏览器的内核CSS写法-moz-,针对firefox浏览器的内核CSS写法-ms-,针对ie内核的C转载 2017-10-31 10:12:09 · 2672 阅读 · 0 评论 -
jquery的绑定事件有几种方式
jquery的绑定事件有几种方式 ,请举例说明其优缺点。a、bind()函数只针对已经存在的元素进行事件的设置。live(),on.delegate()均支持未来新添加元素的事件设置。b、bind()函数在jquery1.7版本以前比较受推崇,1.7版本出来之后,官方已经不推荐用bind(),替代函数为on(),这也是1.7版本新添加的函数,同样,可以用来代替live()函数,li转载 2017-10-31 10:35:59 · 14870 阅读 · 1 评论 -
js浏览器兼容性的写法
javascript部分1. document.form.item 问题问题:代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行解决方法: 改用 document.formName.elements["elementName"]2. 集合类对象问题问题:代码中许多集合类对象取用时使用(),IE能接受,FF不能解决方转载 2017-10-31 13:48:19 · 524 阅读 · 0 评论 -
js内存泄漏常见情况
js内存泄漏常见情况1、意外的全局变量 js中如果不用var声明变量,该变量将被视为window对象(全局对象)的属性,也就是全局变量.function foo(arg) {bar = "this is a hidden global variable";}// 上面的函数等价于function foo(arg) {window.bar = "this is转载 2017-10-31 14:58:16 · 871 阅读 · 1 评论 -
input的改变placeholder的颜色
input type="text" placeholder="123"/>第一种解决办法:::-webkit-input-placeholder{ color:#ea7a7a}:-moz-placeholder{ color:#ea7a7a}::-moz-placeholder{ color:#ea7a7a}:-ms-input-placeholder{ color:#ea原创 2017-10-16 14:05:28 · 407 阅读 · 0 评论 -
响应式布局的开发基础知识
主要分为以下几个部分正确理解响应式设计响应式设计的步骤响应式设计需要注意的问题响应式网页布局实现原理第一:正确理解响应式布局响应式网页设计就是一个网站能够兼容多个终端-而不是为每个终端做一个特定的版本。打个比方来说:现在社会有很多响应产品,例如折叠沙发,折叠床等等,当我们需要把沙发放到一个角落的时候,此刻沙发就好比div吧,而角落里的某个地方就好比父元素转载 2017-10-25 09:48:09 · 214 阅读 · 0 评论 -
px与rem的转换
一、那么如果你确定要使用rem单位,就按以下三个步骤来计算:1、确定基数:一般10px,自己记住就行,不用写进代码里2、html {font-size:百分数;} 百分数=基数/16 基数10 百分数62.5% 基数14 百分数87.5%3、px换算rem 公式=想要的px值/基数 也就是说,当转载 2017-10-25 09:51:57 · 3663 阅读 · 0 评论 -
Normalize.css 与传统的 CSS Reset 有哪些区别?
Normalize 相对「平和」,注重通用的方案,重置掉该重置的样式,保留有用的 user agent 样式,同时进行一些 bug 的修复,这点是 reset 所缺乏的。Reset 相对「暴力」,不管你有没有用,统统重置成一样的效果,且影响的范围很大,讲求跨浏览器的一致性。Normalize 给我的感觉就是不讲求样式一致,而讲求通用性和可维护性。这点可以从详细的注释和模块化的结构体现出转载 2017-10-25 10:51:08 · 475 阅读 · 2 评论 -
超出用省略号代替
text-overflow: ellipsis; overflow-x:auto; 横向溢出,滚动。原创 2017-10-26 14:58:09 · 204 阅读 · 0 评论 -
Sublime3新版激活码
—– BEGIN LICENSE —– TwitterInc 200 User License EA7E-890007 1D77F72E 390CDD93 4DCBA022 FAF60790 61AA12C0 A37081C5 D0316412 4584D136 94D7F7D4 95BC8C1C 527DA828 560BB037 D1EDDD8C AE转载 2017-12-27 10:01:17 · 901 阅读 · 0 评论 -
jquery避免单双击事件冲突写法
var allUserTime = 0; var timeallUserName = null; $("#allUserNum").bind("click",function(){ clearTimeout(timeallUserName); timeallUserName = s...原创 2016-06-22 14:35:08 · 1073 阅读 · 0 评论