前端开发-好得很程序员自学网

详解使用postMessage解决iframe跨域通信问题

这周碰到一个让人头疼的需求：要在我的web项目中嵌入另一个第三方web项目。第一时间想到的就是用iframe了，但问题来了，我和第三方web项目是有交互的，这就违反同源策略了，处理跨域问题是最让人头疼的事之一。...

阅读:32次

HTML5Canvas的性能提高技巧经验分享_html5教程技巧

HTML5Canvas的性能提高技巧经验分享_html5教程技巧:使用缓存技术实现预绘制，减少重复绘制Canvs内容很多时候我们在Canvas上绘制与更新，总是会保留一些不变的内容，对于这些内容应该预先绘制缓存，而不是每次刷新。直接绘制代码如下：代码如下: context.font="24px A...

阅读:44次

angular项目部署到nginx，css样式不生效问题

目录ECharts异步加载ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [...

阅读:73次

IE9对HTML5中部分属性不支持的原因分析

本文较为详细的分析了IE9对HTML5中部分属性不支持的原因，分享给大家供大家参考。具体方法如下：...

阅读:21次

div可以输入内容不用input作为输入框屏蔽自动的input样式_HTML/Xhtml_网页制作

div可以输入内容不用input作为输入框屏蔽自动的input样式_HTML/Xhtml_网页制作:今天设计一个发表动态的窗口样式，发现当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致，虽然浏览器这种智能功能很先进但是有时候不免会影响设计整体的一致性。然后就想着不用input作为输入框是不是可以，换成了代码如下: 以...

阅读:34次

webpack项目中使用vite加速的兼容模式详解

这篇文章主要为大家介绍了webpack项目中使用vite加速的兼容模式示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪...

阅读:44次

CSS3 实现的缩略图悬停效果

实现效果实现代码 html <header> <h1>Thumbnail Hover Effect with <em>CSS3</em></h1>...

阅读:24次

HTML5input元素类型：email及url介绍_html5教程技巧

HTML5input元素类型：email及url介绍_html5教程技巧:在前面的博文,我们已经讨论了一些HTML5改进的地方，比如placeholder,prefetching以及webStorage,下面我要介绍的是两个新的input元素类型: email和url。让我们跟着代码来看看他们的好处：语法格式：...

阅读:58次

html插入图片示例(html添加图片)

html插入图片示例(html添加图片):在html插入图片让图片显示需要HTML标签来实现，使用img标签即可实现。一、html图片标签语法代码如下:img...

阅读:48次

利用CSS3制作简单的3d半透明立方体图片展示

效果图如下：示例代码： <html> <head> <title> new document </title> <meta name="generator" content="editplus" />...

阅读:26次

为什么苹果还要使用HTML5开发iOS上的新版AppStore？

为什么苹果还要使用HTML5开发iOS上的新版AppStore？:http://twitter.com/drbarnard/status/248294305389756416@drbarnard: Isn’t it ironic that just after Facebook releases a mo...

阅读:48次

新手，请教个问题，谢谢。_html/css_WEB-ITnose

新手，请教个问题，谢谢。_html/css_WEB-ITnose:写好网站后，用浏览器查看一切都正常，配置好iis后，将写好的文件拷贝到相应的文件夹内，访问127.0.0.1，出现的页面和以前会有不同程度的偏差，请教这是什么原因，如果发布到服务器后，会不会有这样的偏差，我不知道该不该修改，回复讨论(...

阅读:40次

按钮与回车键关联的js代码

按钮与回车键关联的js代码:代码如下: function onEnterDown(){ if(window.event.keyCode == 13){ onButOk(); }...

阅读:58次

css加载会不会造成文档解析阻塞？

css加载会不会造成文档解析阻塞？:一般的script标签（不带async等属性）加载时会阻塞浏览器，也就是说，浏览器在下载或执行该js代码块时，后面的标签不会被解析，例如在head中添加一个script，但这个script下载时网络不稳定，很长时间没有下载完成对应的js文件...

阅读:53次

jquery layout table

jQueryLayoutTable是一个便捷的jQuery插件，它的作用是帮助开发者快速实现表格布局。 //使用jQueryLayoutTable $('table').layoutTable(); 这个插件的主要功能是根据表格的内容自动......

阅读:73次

css中改变元素的内填充用什么属性

css中改变元素的内填充用：1、padding属性，可以同时改变元素上下左右的内填充；2、padding-top、padding-bottom、padding-left和padding-right属性，分别改变元素上下左右的内填充。...

阅读:29次

css不起作用的原因是什么

css不起作用的原因是什么:css不起作用的原因：1、未关联外部样式表；2、样式表保存的编码错误；3、选择器写错；4、语法错误，包括属性名或属性值写错、符号使用了中文或者全角符号、html标签没写完整；5、样式被层叠。本教程操作环境：windows7系统、CSS3&&...

阅读:52次

vue3中的setup使用和原理解析

这篇文章主要介绍了vue3的setup的使用和原理解析,通过本文我们学习了 setup 函数执行的过程及 Vue 是如何处理捕获 setup 的返回结果的，需要的朋友可以参考下...

阅读:40次

a标签下载的问题_html/css_WEB-ITnose

a标签下载的问题_html/css_WEB-ITnose:超链接 a href 下载下载我用超链接下载一个MP3文件，有些浏览器会提示下载，有些直接播放，怎么解决？回复讨论(解决方案) 后台的 mime 文件或配置里 .mp3 改成 application/oc...

阅读:41次

利用Photoshop制作逼真的绿叶上小水珠

利用Photoshop制作逼真的绿叶上小水珠:今天给大家介绍一下如何利用Photoshop软件制做绿叶小水珠图片，很简单实用，一起来看看吧！方法/步骤打开素材大图，用画笔勾勒出轮廓用涂抹工具去涂抹一点，与里面的颜色很好过度，打开散布。然后加高光：画轮廓，边缘橡皮擦一下，因为高光过度比较...

阅读:111次

关于前端的思考与感悟_html/css_WEB-ITnose

关于前端的思考与感悟_html/css_WEB-ITnose:万事开头难。当我想要认真写一篇文章向大家分享我对前端的认识与感悟的时候，突然就深刻的体会到了这句话确实太有道理了。最近几年对于web前端的传闻很多，比如人才稀缺，简单易学，待遇丰厚，整体势头发展良好等等。遇到过一个不太熟搞后...

阅读:42次

网页的布局方式与浮动

网页的布局方式与浮动:这次给大家带来网页的布局方式与浮动，网页布局方式与浮动的注意事项有哪些，下面就是实战案例，一起来看一下。一. 网页的布局方式1.什么是网页的布局方式?网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的;分为:标准流,浮动流,定...

阅读:72次

微信小程序使用webview打开pdf文档以及显示网页内容的方法步骤

在线查看PDF文件,已经是很常见的需求了,下面这篇文章主要给大家介绍了关于微信小程序使用webview打开pdf文档以及显示网页内容的方法步骤,文中通过图文介绍的非常详细,需要的朋友可以参考下...

阅读:99次

HTML是什么？HTML网页的简单设计方法介绍

HTML是什么？HTML网页的简单设计方法介绍:本篇文章给大家带来的内容是关于HTML是什么？HTML网页的简单设计方法介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。HTML简介级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准。它通过标记符号来标...

阅读:41次

HTml5超链接字体如何改颜色

HTml5超链接字体改颜色的方法：首先新建界面；然后使用浏览器打开html页面，在其中一个超链接中加上样式设置成功红色；最后再次使用浏览器打开页面即可。...

阅读:32次

css中对齐方式有哪些

方式：1、用“text-align:center”样式实现水平居中。2、用“line-height:行高;”样式实现垂直居中。3、用“align-items:center;justify-content:center”样式实现水平垂直居中。...

阅读:24次

使用Typescript重构axios(七)——实现基础功能：处理响应header

目录ECharts异步加载ECharts 数据可视化在过去几年中取得了巨大进展。开发人员对可视化产品的期望不再是简单的图表创建工具，而是在交互、性能、数据处理等方面有更高的要求。 chart.setOption({ color: [...

阅读:108次

CSS选择器总结-Jesse131

CSS选择器总结-Jesse131:选择器优先级实例ID选择器 100类选择器 10伪类选择器 10 :link :vi...

阅读:42次

关于单数据的10篇课程推荐

关于单数据的10篇课程推荐:表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分：表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等...

阅读:38次

5个DIV并排在一行的一种方法

<html><head><title>一种5个DIV并排在一行的方法</title><style type=\"text/css\">#bottom { margin:0 auto;/*下边居是0 */ width:300px;}#bottom div { width:60px;}#d1 {float:le...

阅读:26次

css样式由哪两部分组成

css样式由哪两部分组成:css样式由“选择器”和“声明块”两部分组成。选择器指向需要设置样式的HTML元素，而声明块包含一条或多条用分号分隔的声明。声明块用花括号括起来，每条声明都包含一个CSS属性名称和一个值；例“p{color:red;}”。本教程操作环境：w...

阅读:49次

CSS使用图片美化的漂亮菜单效果

本文实例讲述了CSS使用图片美化的漂亮菜单效果。分享给大家供大家参考。具体如下：...

阅读:33次

AmazeUI中模态框的实现

本文与《【Ratchet】模态框》（点击打开链接）为姊妹篇，相比之下，AmazeUI的模态框，更加接近于一个alert()，不适合承载过多的内容，但是其优点就是可以通过JS操控，Ratchet仅能通过超级链接a标签打开。...

阅读:22次

ps怎么把旁边的人p掉

ps怎么把旁边的人p掉:ps怎么把旁边的人p掉？1、打开所选取的图片进行复制：CTRL+J2、选取套索工具，也可以选择钢笔工具3、用套索工具把要P掉人的轮廓选出来即可。如果用钢笔工具的话，同样也要把想P掉人的轮廓描绘出来，然后路径变选区：CTRL+回车键。套索工具...

阅读:87次

JavaScript Map 和 Object 的区别解析

在JavaScript中，Map 和 Object 看起来都是用键值对来存储数据，那么他们有什么不同呢，这篇文章主要介绍了JavaScript Map 和 Object 的区别,需要的朋友可以参考下...

阅读:34次

DIVCSS网页兼容全搞定（IE6IE7IE8IE9火狐谷歌）_html/css_WEB-ITnos

DIVCSS网页兼容全搞定（IE6IE7IE8IE9火狐谷歌）_html/css_WEB-ITnose:CSS兼容常用技巧请尽量用xhtml格式写代码，而且DOCTYPE影响 CSS 处理，作为W3C标准，一定要加DOCTYPE声明。 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整...

阅读:37次

CSS中animate属性_html/css_WEB-ITnose

CSS中animate属性_html/css_WEB-ITnose:我记得，在工作中直接使用animation，只要能做出动画就完了，根本没有看每一个细节。其实，这样做对于我们来说，的确没有错，因为工作中没有时间给你看每一个细节，大致看一篇就没下文了。当我们想要好好理清头绪时，我才会想起以前见过的每一个...

阅读:37次

ps渲染光照效果不能用怎么办

ps渲染光照效果不能用怎么办:PS渲染光照效果设置方法：1.先看看是不是隐藏了什么。“ctrl+h 显示”，也可以“视图—显示—全部”看看是否解决。2.如果没有解决，打开“视图—显示—显示额外选项”，把3D抬头的选项，全部勾选掉，然后再试试是否出现控制点了。相关推荐：《...

阅读:58次

$.get()请求返回一个html页面,获取该页面特定id的元素_html/css_WEB-ITno

$.get()请求返回一个html页面,获取该页面特定id的元素_html/css_WEB-ITnose:方法一: 因为data只是一个字符串，并不是一个DOM元素，所以不能用是JQUERY的选择器进行选择的。可以使用字符串正则进行处理。方法二: 用js如果不想用正则的话,可以变通实现,创建一个iframe,把里面的所以字符通过docu...

阅读:48次

Photoshop人物照片古典暗红色

Photoshop人物照片古典暗红色:本教程简单的利用渐变映射叠加来调色。先设置好想要的渐变色，然后改变图层混合模式，主色就出来了，然后修饰下细节部分即可。原图最终效果 #p# 1、打开原图素材，选择菜单：图像模式 Lab颜色，确定后创建曲线调整图层，对a...

阅读:44次

html5仿AMD9官网酷炫的下载引导页动画特效的示例代码

html5仿AMD9官网酷炫的下载引导页动画特效的示例代码:一直做后台的，但是最近对前端还是有点兴趣的，比较火的H5，于是用http://www.php.cn/wiki/1118.html" target="_blank...

阅读:49次

css怎么设置标签属性

css怎么设置标签属性:css设置标签属性的方法：首先创建一个HTML示例文件；然后通过在html标签上设置style，来给标签设置属性即可。本文操作环境：windows7系统、HTML5&&CSS3版，DELL G3电脑css怎么设置标签属性？css选择器设置标...

阅读:61次

asp.net使用ajaxFileUpload插件上传文件（附源码）

本文详细讲解了asp.net使用ajaxFileUpload插件上传文件，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...

阅读:50次

css屏蔽元素的鼠标事件pointer-events_html/css_WEB-ITnose

css屏蔽元素的鼠标事件pointer-events_html/css_WEB-ITnose:// 屏蔽点击 $('body').css('pointer-events', 'none'); //恢复默认 $('body').css('poin...

阅读:37次

HTML实现限制ip的投票网站作弊方案

HTML实现限制ip的投票网站作弊方案:对限制ip的投票网站作弊方案，这个方法利用了投票网站监测远程ip的一些漏洞来实现，并没有真正的伪造ip地址，http是建立的tcp之上的第七层，是不可能伪造真实ip地址的最近朋友需要一个投票软件，我最近也就研究了一下这个投票网站，这个投票网...

阅读:38次

css中圆角属性值能用百分比吗

在css中，圆角属性值能用百分比表示；“border-radius”属性是css中用于设置元素圆角的属性，当属性值用百分比表示时，就会以百分比定义圆角的形状，语法为“border-radius:数值%;”。...

阅读:30次

jquery ksc歌词效果

JQueryKSC歌词效果是一种前端技术，可以实现歌词随着音乐的播放而同步滚动，为用户提供更好的音乐听觉效果。下面让我们来探讨一下如何实现它： varlyric="关关雎鸠，\n在河之洲。\n窈窕淑女，\n君子好逑。"; vartime=[0,......

阅读:23次

兼容各种浏览器的上下滚动代码_html/css_WEB-ITnose

兼容各种浏览器的上下滚动代码_html/css_WEB-ITnose:直接切入正题红色的表示为要注意统一的。蓝色是表示要更改的。内容高度一定要大于box1的高度否则不会滚动，本框架用的是phpcms,大家可根据自己的框架更改循环。演示地址http://www.er-china.com/...

阅读:38次

如何在textarea文本输入区内实现换行_HTML/Xhtml_网页制作

如何在textarea文本输入区内实现换行_HTML/Xhtml_网页制作:在textarea文本输入区内想要换行，输入显示，输入w3school.com.cn提供的%OD%OA方法也不行，输入/r/n显示/r/n。解决方法：输入即可成功换行。...

阅读:44次

Photoshop香烟加上逼真的烟雾

Photoshop香烟加上逼真的烟雾:PS功能还真不错，除了可以用来处理图片，还可以玩出各种花样。下面的教程介绍如何给雪茄加上火焰及烟雾。制作的方法非常简单利用了一些图层样式和笔刷即可完成，效果非常逼真。原图最终效果 1、我们打开一张雪茄或香烟素材图，选择来源：7...

阅读:58次

前端开发最新更新教程及学习资料