首页
学习
活动
专区
工具
TVP
发布

杨龙飞前端

专栏成员
122
文章
272506
阅读量
45
订阅数
查看远程仓库删除远程仓库查看远程仓库删除远程仓库
git init //在nodejs文件夹下初始化一个仓库,此时文件里会到一个.git的隐藏文件夹
windseek
2019-02-21
2.4K0
使用webpack打包vue工程
记得去年十月份的时候,自己在研究webpack,当时只是知道大致的用法,写了一个简单的demo,现在,经过了7个月对公司产品架构的使用,以及对vue-cli的使用,在了解了实际应用中各种需求之后,我自
windseek
2018-06-21
7240
等高布局
1、使用margin负边距: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> <style type="text/css"> .parent{ position:relative; overflow:hidden; } .left{
windseek
2018-06-15
4150
圣杯布局,双飞翼布局,和自己独创的布局
圣杯布局: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>圣杯布局</title> <style> * {
windseek
2018-06-15
4660
移动端上传图片
<!DOCTYPE html>   <html>   <head>   <title>pc和手机端的图片上传处理</title>   <meta charset="utf-8" />   <meta name="viewport" content="width=device-width" />   </head>   <body>   <p>选择:</p>   <p><input type="file" accept="image/*" id="upload" name="upload"></p>
windseek
2018-06-15
1.2K0
git的常用命令 查看远程仓库删除远程仓库
本文转自https://www.cnblogs.com/libin-1/p/5918468.html Git常用命令 请确保已经安装里git客户端 一般配置 git --version //查看git的版本信息 git config --global user.name //获取当前登录的用户 git config --global user.email //获取当前登录用户的邮箱 登录git /* 如果刚没有获取到用户配置,则只能拉取代码,不能修改 要是使用git,你要告诉git是谁在使用*/
windseek
2018-06-15
5.7K0
js实现抛物线
这个是很简单的一种方式,利用了css3的transition属性 <!DOCTYPE html> <html lang="en" style="width:100%;height:100%;"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <style> * { padding: 0; margin:
windseek
2018-06-15
1.1K0
微信端防止下拉
本文参考了,https://segmentfault.com/a/1190000013335812 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,init
windseek
2018-06-15
1.7K1
css中的block与none
*{ display:none; } div{ display:block; } div 会正常显示粗来吗? 不会 因为*代表所有元素,包括div的父级元素html,body 父级元素都不显示了,子元素怎么会显示 坑!!!
windseek
2018-06-15
1.1K1
浏览器渲染过程
1.  浏览器把获取到的HTML代码解析成1个DOM树,HTML中的每个tag都是DOM树中的1个节点,根节点就是我们常用的document对象。DOM树里包含了所有HTML标签,包括display:none隐藏,还有用JS动态添加的元素等。 2. 浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体,在解析的过程中会去掉浏览器不能识别的样式,比如IE会去掉-moz开头的样式,而FF会去掉_开头的样式。 3、DOM Tree 和样式结构体组合后构建render tree, render tree类
windseek
2018-06-15
4600
使用webpack打包vue工程
记得去年十月份的时候,自己在研究webpack,当时只是知道大致的用法,写了一个简单的demo,现在,经过了7个月对公司产品架构的使用,以及对vue-cli的使用,在了解了实际应用中各种需求之后,我自
windseek
2018-06-15
1K0
2017移动前端的一些总结web前端 —— 移动端知识的一些总结一.css部分二.js部分
web前端 —— 移动端知识的一些总结 个人在移动端的一些总结归纳,有新的知识点会一直更新 一.css部分 1.meta标签       <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> 移动端加上这个标签才是真正的自适应,不加的话,假如你把一个980px宽度(手机端常规是980)的PC网页 放在手机上显示,倒也能正常显示不出现滚动条,不过是移动设备对页面 做了缩小优化,所以字体等都相应
windseek
2018-06-14
3.7K0
webpack2的一些使用入门
首先创建一个webpack文件夹我取名叫webpackVue(为了后续把vue集成进来) 1、首先用npm初始化一下,在这个目录下,执行npm init 2、npm install webpack --save-dev 3、安装一些自己要用到的loader(加载css,js,scss等文件): npm install style-loader css-loader sass-loader node-sass --save-dev 4、安装一些自己需要的plugin(html自动更行):npm install
windseek
2018-06-14
5750
checkbox的常见问题
1、在使用checkbox时,最好不要阻止他原有的事件,要利用它原有的事件进行控制 2、尽量使用label for属性,不要对input元素的父元素或者input本身绑定事件,这样不能有效的避免冒泡事件, 3、如果想扩大选择区,可以选择扩大label的高度和宽度,不要选择扩大父元素的宽高。 4、如果某一个checkbox不能选中,而本身js又没有对他做任何事件托管,那就要查一下,id是否重复了。 5、checkbox的样式尽量不要自己修改,存在很多兼容性问题,尽量使用插件来改变样式,比如icheck
windseek
2018-06-14
9860
表格使用总结
细线表格: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>细线表格</title> <style type="text/css"> table{ border-collapse:collapse; } td{height:30px;width:50px;border-spacing:0px;border-collapse:collapse;} </style> </head> <body> <h4>这个表格没
windseek
2018-06-14
4030
win8效果的横向布局
有一个月没写过博客了,自己的博客也没有看过,前段时间一直在忙着写代码,公司有一个制漆的产品,与传统纵向布局不一样,要求页面横向布局,类似win8的那种布局效果,最开始,我也没有什么头绪,然后硬着头皮做了,后来,遇到了很多麻烦,我网上查了一些资料,但都不太好,只好自己做了,在做的过程中,突然想到,flex布局,我就试了一下,成功了 <!doctype html> <head> <style type="text/css"> *{ box-sizing:border-box; padding:
windseek
2018-06-14
2.1K0
dispaly属性,position属性
position:absolute;绝对定位相对于父元素(父元素设为relative) position:relative;相对定位相对于自己 position:fixed;固定定位相对于浏览器 display:inline;行内元素,不换行,text-align:center不起作用 display:block;块级元素,换行,能设置宽高 display:inline-block;能设置宽高,不换行,text-align:center起作用 注意,如果父元素不设置高度的话,子元素浮动,或者绝对定位的话,撑
windseek
2018-05-15
1.8K0
iphone与安卓的兼容性问题汇总
1.日期问题 当使用yyyy-mm-dd格式时,iphone不认,安卓没问题 解决办法:new Date(res.data[i].inventoryDate.replace(/-/g, "/")); 2.title问题 如果title是动态加载的,在dom加载完之后通过js改变title的值,在安卓上显示是正常的,在iphone上不能正常显示 解决办法:通过后台传入title值,在前端读取html时就读取了title的值,这样就不经过html加载完之后再执行了,就解决了问题 3.滚动惯性问题 在安卓中设置为
windseek
2018-05-15
1.5K0
bootstrap file input 官方文档翻译
file Input官方文档 中文翻译 file input 特性 1、这个插件会把简单的html文件变成一个更好用的文件选择输入控件,通过一个html的文件输入框,能兼容那些不支持jquery或js的浏览器。 2、fileinput 插件包括options,templates等三个部分来控制展示   。文件标题部分:用来展示选中的文件的简介信息   。文件按钮行为部分:用来浏览,移除和上传文件   。文件预览部分:用来将展示选中的文件到客户端实现预览(支持图片, 文档, flash, 和视频类型),别的文
windseek
2018-05-15
2.1K0
没有更多了
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档