随笔分类 -  前端技术总结

摘要:http://tool.oschina.net/jscompress 压缩js https://blog.csdn.net/xiaoweite1/article/details/80035423 环境安装 LNMP https://blog.csdn.net/qq_279... 阅读全文
posted @ 2019-01-04 16:06 南瓜壳 阅读(252) 评论(0) 推荐(0)
摘要:1.MongoDB数据库下载网址 https://www.mongodb.com/zh 2.下载MSI(zip会有问题) 3.MongoDB数据库启动命令 ./mongod --dbpath="E:\2018-12\2018-12-14\pro\db" --port=27017 4.MongoDB数 阅读全文
posted @ 2018-12-18 09:26 南瓜壳 阅读(150) 评论(0) 推荐(0)
摘要:http://jsonplaceholder.typicode.com/posts 阅读全文
posted @ 2018-11-30 17:59 南瓜壳 阅读(1643) 评论(0) 推荐(0)
摘要:一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了: 1.浏览器补全URL地址 在输入完URL之后,浏览器会自动检查该地址是否完整,例如是否有添加https协议,若发现不完整,会自动补全。 2.向DNS查询IP地址 每个域名都对应一个或多个提供相同服务服务器的 IP 地址,只有知道服务器 阅读全文
posted @ 2018-09-01 16:19 南瓜壳 阅读(1462) 评论(0) 推荐(0)
摘要:var swiper = new Swiper('.banner', { spaceBetween:0, centeredSlides: true, autoplay: { delay: 5000, disableOnInteraction: false, }, pagination: { el: 阅读全文
posted @ 2018-08-31 16:57 南瓜壳 阅读(1071) 评论(0) 推荐(0)
摘要:[ { "keys": ["ctrl+f5"], "command": "open_in_browser" }] 阅读全文
posted @ 2018-06-26 13:18 南瓜壳 阅读(137) 评论(0) 推荐(0)
摘要:https://www.cnblogs.com/diligenceday/p/4246515.htmlhttp://watson.gotoip3.com/ 沃森http://www.jb51.net/article/93752.htm addEventListener事件绑定http://www.z 阅读全文
posted @ 2018-05-15 16:16 南瓜壳 阅读(43171) 评论(0) 推荐(0)
摘要:语言知识: ES5 & ES6 & ES7 // ES语言基础 HTML5 API & CSS3 // HTML5和CSS特效 Less & Sass // CSS预编译语言 SVG & Canvas & D3.js // 图形数据可视化 WebGL & Three.js // 3D场景 CMD & 阅读全文
posted @ 2018-05-15 10:44 南瓜壳 阅读(219) 评论(0) 推荐(0)
摘要:http://watson.gotoip3.com/ 沃森http://www.jb51.net/article/93752.htm addEventListener事件绑定http://www.zhangxinxu.com 张鑫旭 http://www.runoob.com/bootstrap/b 阅读全文
posted @ 2018-04-25 13:37 南瓜壳 阅读(411) 评论(0) 推荐(0)
摘要:本文主要内容: 1.分析函数的四种调用形式2.弄清楚函数中this的意义3.明确构造函对象的过程4.学会使用上下文调用函数 一、函数调用形式 函数调用形式是最常见的形式,也是最好理解的形式。所谓函数形式就是一般声明函数后直接调用即是。例如: 复制代码 代码如下: // 声明一个函数,并调用funct 阅读全文
posted @ 2018-04-19 15:27 南瓜壳 阅读(574) 评论(0) 推荐(0)
摘要:1.显示/隐藏 ? 1 2 3 4 5 6 7 8 9 10 //hide() Object.prototype.hide = function(){ this.style.display="none"; return this; } //show() Object.prototype.show = 阅读全文
posted @ 2018-02-22 14:45 南瓜壳 阅读(1190) 评论(0) 推荐(0)
摘要:chrome: e.pageX——相对整个页面的坐标 e.layerX——相对当前坐标系的border左上角开始的坐标 e.offsetX——相对当前坐标系的border左上角开始的坐标 e.clientX——相对可视区域的坐标 e.x——相对可视区域的坐标 ff: e.pageX——相对整个页面的 阅读全文
posted @ 2017-12-29 11:03 南瓜壳 阅读(792) 评论(0) 推荐(0)
摘要:1. word-break:break-all;只对英文起作用,以字母作为换行依据2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据3. white-space:pre-wrap; 只对中文起作用,强制换行4. white-space:nowrap; 强制不换行,都 阅读全文
posted @ 2017-12-22 15:47 南瓜壳 阅读(256) 评论(0) 推荐(0)
摘要:作者:luuman链接:https://www.zhihu.com/question/37342465/answer/71529988来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 二、 界面 1、概况: 1、从上到下:标题栏Title、菜单栏Menu、标签栏Tab、 阅读全文
posted @ 2017-11-20 20:30 南瓜壳 阅读(1369) 评论(0) 推荐(0)
摘要:css样式通用样式margin//外边距padding//内边距display//隐藏显示FONT-字体样式font-family//字体类型,多个字体逗号隔开,名称有空格的需要引号括起;font-size//字号,设置文字大小通常值为数字加单位;font-style//字体风格,取值normal默 阅读全文
posted @ 2017-11-17 13:19 南瓜壳 阅读(152) 评论(0) 推荐(0)
摘要:浮动对页面的影响: 如果一个父盒子中有一个子盒子,并且父盒子没有设置高,子盒子在父盒子中进行了浮动,那么将来父盒子的高度为0.由于父盒子的高度为0, 下面的元素会自动补位,所以这个时候要进行浮动的清除。 关于清除浮动的方式: 方式一:使用overflow属性来清除浮动 .ovh{ overflow: 阅读全文
posted @ 2017-11-03 10:18 南瓜壳 阅读(179) 评论(0) 推荐(0)
摘要:////////////////////////////////////购物页面 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>购物页面</title> <style> ul{list-style:none;p 阅读全文
posted @ 2017-10-25 13:47 南瓜壳 阅读(273) 评论(0) 推荐(0)
摘要:在开发商城的时候,往往会用到图片的放大功能,这里把自己在近期项目中使用的放大镜特效做一下总结(非插件)。 放大镜效果 常用的js组件jquery.imagezoom,jquery.jqzoom,jquery.zoom等 这些组件大同小异。 大家感兴趣的话可以去百度一下。 今天主要是使用非组件方法来做 阅读全文
posted @ 2017-10-25 13:40 南瓜壳 阅读(448) 评论(0) 推荐(0)
摘要:商城商品购买数量增减的完美JS效果 近期在开发一个地方O2O租书项目,使用ASP.NET MVC技术,其中在图书详情页,用户可以输入借阅的数量,这里使用了js来控制数量的增减和校验。 数量一定是数字 点击增减按钮的时候要能自动加1或减1 用户输入的内容如果是非数字,则不能输入(退格键除外) 用户输入 阅读全文
posted @ 2017-10-25 13:37 南瓜壳 阅读(480) 评论(0) 推荐(0)
摘要:弹性布局各种坑爹兼容 当然也看到过遇到flexbox布局的属性将所有的新的老的前缀都加上的,这样省事啊 谁闲着没事整天研究那几个属性的兼容,更可况前端发展这么快说不定有更牛逼的样式出现 但是想在移动端用好这个布局摸透这个属性 我还是一个个都探究下吧,在此先说下各浏览器PC端最新版本情况目前:IE最新 阅读全文
posted @ 2017-10-24 16:53 南瓜壳 阅读(231) 评论(0) 推荐(0)