Web开发( 右侧选择分类 )
web

html5和css3实现绚丽动画-CSS3打造百度贴吧的3D翻牌效果

原文链接:http://blog.csdn.net/lmj623565791/article/details/...首先感谢w3cfuns的老师~今天给大家带来一个CSS3制作的翻牌效果,就是鼠标移到元素上,感觉可以看到元素背后的信息。大家如果制作考验记忆力的连连看、扑克类的游戏神马的,甚至给女朋友写一些话语,放在使用该实例制作的相册之后都可以尝试下,哈~效果图:实例用到的一些css3的新属性:
1162 人浏览
web

html5和css3实现绚丽动画-canvas 模拟实现电子彩票刮刮乐

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/34089553 今天给大家带来一个刮刮乐的小例子~基于HTML5 canvas的,有兴趣的可以改成Android版本的,或者其他的~ 效果图: 贴一张我中500w的照片,咋办啊,怎么花呢~ 好了,下面开始原理: 1、刮奖区域两个Canvas,一个是front ,
1140 人浏览
web

从Vue.js源码角度再看数据绑定

写在前面因为对Vue.js很感兴趣,而且平时工作的技术栈也是Vue.js,这几个月花了些时间研究学习了一下Vue.js源码,并做了总结与输出。 文章的原地址:https://github.com/answershuto/learnVue。 在学习过程中,为Vue加上了中文的注释https://github.com/answershuto/learnVue/tree/master/vue-src,希
1112 人浏览
android

微信小程序--getLocation需要在app.json中声明permission字段

在微信小程序开发中,需要获取用户所在地理位置,结果提示‘getLocation需要在app.json中声明permission字段’。这是因为开发者需要填写获取用户地理位置的用途说明。腾讯新更改了部分配置,想要获取用户定位信息,必须在app.json中配置permission字段就行。所有的新旧小程序都要更改配置。具体解决方法:在app.json中增加permission属性配置。{ "pa
1095 人浏览
web

HTML5 CSS3专题 纯CSS打造相册效果

转载请标明出处:http://blog.csdn.NET/lmj623565791/article/details/...今天偶然发现电脑里面还有这样的一个例子,感觉效果还不错,不记得啥时候下载的了,也好久没上w3cfuns了,怀念学习前台的日子,给大家分享下。效果图:效果是不是还是很不错的,最主要的是没有使用一行js,这才是亮点。先看html文件:<body> <di
1081 人浏览
web

html5和css3实现绚丽动画-模仿优酷视频截图功能

原文地址:http://blog.csdn.net/lmj623565791/article/details/...一般的视频网站对于用户上传的视频,在用户上传完成后,可以对播放的视频进行截图,然后作为视频的展示图。项目中也可以引入这样的功能给用户一种不错的体验,而不是让用户额外上传一张展示图。效果图:看起来还是很不错,下面我给大家分析下,极其核心代码很简单:_canvas = document.
1072 人浏览
web

html5和css3实现绚丽动画-3D立方体旋转动画

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/34120047创意来自:http://www.html5tricks.com/demo/HTML5-3d-cube/inde... , 同学给我发的例子,感觉很不错,不过实在想不出来实际的用处,但是效果很炫~效果图:知识点:1、perspective ,transform 的复习2
1069 人浏览
web

html5和css3实现无插件拖拽上传图片(支持预览与批量)(一)

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/31498319上传基本是项目中经常出现的,一般采用:1、form提交2、flash3、HTML5form提交会刷新页面,很难做到异步上传;flash可能是用得比较多了,因为可以兼顾到几乎所有的浏览器,我之前一直会用jQuery的uploadify作为项目中的上传工具,uploadi
1060 人浏览
ziyouxia

网站的头部(head)如何优化

当百度逐步推出“百度统计”“seo建议”“百度站长平台”后,seoer朋友们,百度搜索引擎优化将对我们站长有了个明确的要求,在既利为汇、狼雨seo、seowhy相继被降权以后,用户体验又提升到了一定高度,那么网站的头部如何优化呢?首先说下网站头部的概念:网站的头部主要包括网站的标题(title),网站的关键词(keywords),网站的描述(description),网站头部的其他标
1050 人浏览
web

Html5 Css3实现VCD包装盒个性幻灯片

转载请标明出处:http://blog.csdn.NET/lmj623565791/article/details/...哈,首先感谢下w3cfuns的老师,嗯~好了,这次给发夹分享一个CSS3+JavaScript VCD包装盒个性幻灯片的一个案例。效果图:图片切换是不是很个性,效果也很不错,大家可以将其使用到自己的网站上。先看下html:<!DOCTYPE HTML PUBLIC "-/
1041 人浏览
web

html5和css3实现绚丽动画-诱人的实例 3D旋转木马效果相册

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/32964301首先说明一下创意的出处:http://www.zhangxinxu.com/study/201209/pictures-3d-slide-view.html(张鑫旭的博客 ),对前台感兴趣的可以没事去看看他的博客,很给力~这篇博客的目的是因为上篇HTML5 CSS3专
962 人浏览
煊琰

Serverless 风暴来袭,前端工程师如何应对?

阿里妹导读:尽管大部分前端的工作并不涉及server,但最近半年serverless这个词汇以及其引发的热烈的讨论,深深触动了阿里巴巴高级前端技术专家伐薪。作为接触前端十余载的老开发,伐薪认为serverless可能会是接下来引起前端领域革命性变化的技术之一。今天,伐薪将为大家梳理serverless的历史发展进程以及对前端的影响,希望对前端工程师有所启发。上图是serverless 这个词最近5
856 人浏览
web

H5 移动端禁止上下滚动css设置

H5 移动端禁止上下滚动, 只需要css中同时设置 下面两个属性html,body{ overflow:hidden; height:100%; }
767 人浏览
web

JS获取url参数(超简单)

用JS获取地址栏参数的方法(超级简单)function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg);//search,查询?后面的参数,并匹
752 人浏览
cheng

2020最新Web前端经典面试试题及答案-史上最全前端面试题(含答案)

近期总结一一些面试题 都是企业的面试题笔记题感觉薪资10k下的都会出笔试题 特别高的薪资都是直接技术面试或者是 现场编程 总结很多人的面试题,后期会对于单个知识点再说笔记详细讲解。部分都是百度的答案,不是特全面的,可以自己找下=============================================================前端面试题: 1. 一个200*200的div在
742 人浏览
web

微信小程序获取某个元素的高度和宽度

微信小程序获取某个元素的高度和宽度js页面//创建节点选择器 var query = wx.createSelectorQuery(); //选择id var that = this; query.select('.every').boundingClientRect(function (rect) { // console.log(rect.
732 人浏览
web

JS获取url参数

以下JS函数用于获取url参数:(超级简单)function getQueryParam(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i = 0; i < vars.length; i++) {
707 人浏览
hgother

IntelliJ IDEA - 常用设置、常用快捷键汇总(附:常用的代码补全语句)

一、常用快捷键作用windows 快捷键macOS 快捷键全局搜索ctrl + shift + Fcommand + shift + F代码格式化ctrl+ alt + Lcommand + option + L去掉无用的包的引用ctrl + alt + Ocontrol + option + O注释ctrl + /command + /多行注释ctrl + shift + /command +
688 人浏览
xiaozhi

22.JS 最新数据基本类型:BigInt

原文:https://www.smashingmagazine.com/2019/07/essential-guide-javascript-newest-data-type-bigint/译者:前端小智为了保证的可读性,本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!BigInt数据类型的目的是比Number数据类型支持的范围更大的整数值。在对大整数执行
688 人浏览
web

JS通过Location 对象包含有关当前 URL 的信息

Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。hash 设置或返回从井号 (#) 开始的 URL(锚)。host 设置或返回主机名和当前 URL 的端口号。hostname 设置或返回当前
688 人浏览