webpack是一个优秀的打包平台,可以把sass,图片,字体等静态资源全部打包到js中作者最近在改造一个传统的静态网站,为了减少http请求,其中一个策略就是,把单个静态网页对应的多个静态资源(如字体,css,图片,js),打包输出到一个js文件中,然后让每个html与对应独立的js相关联就可以了我在网上找了webpack配置的相关资料,html与js的对应关系都是,"一对一","多对一",但很
OneTab是Chrome的一款插件,主要用来管理浏览器的标签页,它有两个应用场景应用场景一:把多个Tab转换为一个列表当你发现自己有太多的标签页时,单击OneTab图标,所有标签页会转换成一个列表,当你需要再次访问这些标签页时,点击OneTab图标唤出列表,点击列表恢复标签页当前我在浏览器打开了一组标签页点击OneTab图标所有标签页合并为列表(点击列表可恢复)点击恢复页面(点击恢复标签页后,开
最近在搭建一个静态页面偏多的网站,用vue或React有点大材小用,使用纯html/css/js又不好用,于是就用npm手动搭建一个简单的本地开发环境,本地环境要实现几个基本功能在本地开启http服务;且开启服务后,会自动打开浏览器浏览器自动刷新;源码变化后,浏览器会自动刷新显示内容支持sass语法;将sass代码实时转换为css支持es6语法;使用babel将es6转换为es5开启http服务,
版权声明:未经博主允许不得转载SQLDDL数据定义语言TPL事务处理语言DCL数据控制语言DML数据操作语言DMLSELECTINSERTUPDATEDELETEJoin从句Join:内连接INNER全外连接FULLOUTER左外连接LEFTOUTER右外连接RIGHTOUTER交叉连接CROSSBootstrap开发工具Bootstrap开发工具:Jetstrap下载地址:jetstrap.co
最近做的项目快要结尾了,本项目用前后端分离的,然后前端是用vue开发的,为什么选vue呢?一来公司要求效率要高些的,那就应该用到三大流行的框架之一,然后项目的内容不太复杂的,觉得用vue更合适的。二来正好应该要“炒熟”vue了哈。其中陷入了不少坑,一个一个爬过来的,总结下入坑的原因,另外会给出官方文档的对应内容,以便加深理解的。如有不足之处,请提出来哈~异步加载组件我们都知道vue一般都是单页面的
安装reactnpminstallcreat-react-app-g这里直接安装react的一个脚手架,里面包含了要用到的许多东西,帮助快速入门react创建新项目create-react-appmy-appcdmy-appnpmstart用脚手架创建一个新的单页应用,进到项目里面后start跑起来react组件引入Component组件JSX语法渲染虚拟DOM组件props组件state组件嵌套
用create-react-app创建项目样式用styled-components解决数据用redux交流定位用高德地图API天气数据用和风天气API展示定位在index.html中加入高德地图(key填自己的)//html中<scripttype="text/javascript"src="http://webapi.amap.com/maps?v=1.4.6&key=填你自己申请
为什么要对css属性进行浏览器兼容性总结呢?用的时候,直接去CanIUse里面检索浏览器对该属性的兼容性情况不就好了吗?其实,在实际的开发过程中,我们对常见的css属性兼容情况了然于胸,才能极大的提高我们的开发效率,写出可以进行优雅降级的代码。这里并不是说一定要所有的css属性兼容情况都要背下来,对于使用率较低的,我们直接使用CanIUse进行检索。边框:border-radius:最低兼容至IE
用你喜欢的方式,管理你喜欢的图片Eagle是一款拥有爬虫功能图片数据库,支持批量爬取花瓣网图片自动识别图片色调,支持颜色查找!同时能对图片进行形状查找,来源查找,尺寸查找等能在任何环境下使用,无论是Windows,Mac,或是chromeOSEagle提供了浏览器插件,插件支持批量保存当前网页的图片,能快速保存图片,无论是截图,网页原图,还是本地文件,都能快速存储,你可以通过简单的拖拽,将网页好的
最近做了个有关swiper插件的项目,出现了如下问题:如图,需求是点击a页面的banner图,然后在a页面展现出一个轮播图,想的是挺简单的,但做出来就是不行,一开始的思路是:先把a页面切好,然后将点击banner图展现出来的页面先用display:none隐藏掉,当点击时,即display:block。怎么调试,也找不到原因,然后就把轮播图这个页面分离了出来,完美运行,屡试不爽。经过查阅资料后,发
如果你是一个并且是个强迫症,像素眼,可能你需要一歀优秀的标注工具,治疗一下多年的眼疾,不抓紧治疗,你的世界可能会变成"我的世界(Minecraft)"精致的的UI设计作为一款生产力软件,如果界面做的很丑陋,那它肯定活不过1年,马克鳗的UI非常漂亮,我特地从安装包里把两款图标导出来贴到了这里!软件启动的首界面也非常漂亮,是一块粘有刻度纸的木板底部的UI从左到右分为左中右三组,依次是:简单实用的功能从
推荐十款体验极好的十款前端工具,善用它们,让你偷懒的同时,快速把活儿赶完,早点下班~快速开启一个http服务可以通过npm全局安装一个http-server,当需要开启服务的时候,通过命令行,跳转到需要开启服务的文件夹下,开启服务即可!安装http-server:sudonpminstall--globalhttp-server开启服务并打开浏览器(会默认自动打开目录下的http文件):hs-o优
之前花2周做了一个答题PK的H5页面项目,不是小程序,只是H5页面。时间安排:5天搭建页面和补充动画顺便等后台开发出接口,1天套页面接口,5天测试改bug。其中测试改bug的时候,很多细节点还是蛮多的,现在项目上线就整理下思路。页面展示页面逻辑页面首先获取用户信息接口根据cookie判断登录,接着分【自动匹配】(和机器人对玩)和【向好友发起挑战】(发送游戏链接给好友)两条答题路线。自动匹配请求接口
使用CDN如果A网站和B网站,同时使用了https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js的资源,在访问其他网站A时,浏览器会缓存jquery.min.js资源文件,访问网站B时,就可以免于下载jquery.min.js的文件,这样既节省了服务器流量,又提升了资源加载的速度,一举两得~减少网络请求使用雪碧图(用Photoshop将多个icon拼接到
实验环境:centos764位ubuntu16.0464位(用于测试私有仓库)本文分为四个部分:第一部分:安装docker第二部分:镜像的操作第三部分:容器的操作第四部分:私有仓库的创建第一部分:安装docker#通过yum源安装dockersudoyum-yinstalldocker#启动dockersudosystemctlstartdocker#开机自启sudosystemctlenable
如果你对docker的操作不太了解,建议先阅读从零搭建docker私有仓库gogs是一款极易搭建的自助Git服务,掌握了它,我们就可以搭建自己的git服务站点gogs官网:https://gogs.io/,github中文地址:https://github.com/gogs/gogs/blob/master/README_ZH.md实验环境:腾讯云centos7安装docker#通过yum源安装d
安装npminstallvue-svg-icon--save-dev使用1.阿里巴巴矢量图选择需要的字体修改参数选择SVG下载2.IcoMoon点击右上角"icoMoonApp"点击左上角"ImportIcons"选择下载的svg文件,点击"打开"按钮页面上会多一个"UntitledSet"选项,下面的小图标就是导入的本地svg文件点击选择这些小图标,点击右下角"GenerateFont"生成字体
刷一些没营养视频的时候,我们会有倍速播放视频的需求,而网站的在线播放器一般只提供不高于4倍的播放速度,最近发现了一个很好用的,可以将视频播放速度提高到16倍开源浏览器插件VideoSpeedController,分享给大家,github开源地址:https://github.com/igrigorik/videospeedchrome商店下载地址:https://chrome.google.com
python有"内置电池"的称号,安装Python3后,你可以无需编码,直接通过命令行使用python3部分"内置电池"的功能,这里介绍两个很好用的"电池"模块~1秒搭建下载服务器这是一个非常老司机的操作,适合在公司同事之间实时共享资源,管理员进入文件夹test-http,输入python-mhttp.server即可快速开启服务,然后让与处于同一内网的同事,访问管理员的ip和对应端口,就可以下载
wowjs可以在网页滚动时,展示css动画,是animater的好朋友,wowjs官方实例演示链接:https://mynameismatthieu.com/WOW/animate.css包含了一组炫酷、有趣、跨浏览器的动画,可以在你的项目中直接使用。使用方法1.在页面头部引入,animate.css和wow.js,cdn地址如下:<linkhref="https://cdn.bootcss