随笔分类 -  网页前端

React.js 官网入门教程 分离文件 操作无法正常显示HelloWord
摘要：对着React官网的教程练习操作，在做到分离文件练习时，按照官网步骤来却怎么也无法正常显示HelloWord。 经测试，html文件中内容改为： <!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>Hello React</tit 阅读全文
posted @ 2016-07-26 09:55 fenghongyu 阅读(527) 评论(2) 推荐(0)
全局变量都是window对象的属性
摘要：var x = "haha"; var test = function(){ alert(this.x); } 上述，则会弹出 haha的值。 因为在JavaScript的变量作用域里有一条规则“全局变量都是window对象的属性”。 所以当执行test();方法时，相当于执行window.test 阅读全文
posted @ 2016-07-25 17:47 fenghongyu 阅读(1382) 评论(0) 推荐(0)
Banner中利用Jquery隐藏显示下方DIV块
摘要：实现方式1： <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script src = 'jquery-1.9.1.js'></script> <script language="javascript" type 阅读全文
posted @ 2016-07-25 16:39 fenghongyu 阅读(270) 评论(0) 推荐(0)
Ajax在静态页面中向指定url发送json请求获取返回的json数据
摘要：xmlhttp.open("GET","http://www.***.com/web/***/***.json",true); 第一个参数是请求方式，post、get，根据实际情况进行选择。第二个参数是请求的url。第三个参数设置请求是否为异步模式。如果是TRUE，JavaScript函数将继续执行 阅读全文
posted @ 2016-07-19 10:57 fenghongyu 阅读(12052) 评论(0) 推荐(0)
下拉列表旁指下箭头及字体颜色等样式修改（2）
摘要：前阵子用的那个取巧的显示方法，因不是很好看，试图利用bootstrap等第三方插件去做UI设计的效果，失败，因无法自定义select的背景色（bootstrap若自定义select的背景色，但是会显示好丑的那种下拉大指示标，css代码冲突，或许有解决方法，但目前没找到，问题记录在这儿，后续待解决）。 阅读全文
posted @ 2016-04-01 15:22 fenghongyu 阅读(756) 评论(0) 推荐(0)
本地显示svg正常显示，在工程项目中无法正常显示
摘要：提前说明：此文仅记录个人项目问题，不具有众参考意义。 原因： 工程中对引用的资源进行解析设置，即resource设置。 解决方法： 找到静态资源加载路径，添加 if(urlpostfix.equals("svg")){ MediaType mediaType=MediaType.IMAGE_SVG; 阅读全文
posted @ 2016-04-01 14:52 fenghongyu 阅读(1115) 评论(0) 推荐(0)
根据浏览器显示界面大小变换，替换css文件方法
摘要：在1024屏幕下，选择适配1024屏幕的css文件， 在大于1024屏幕下，选择适配大屏幕的css文件。 在html中的head标签中引用css文件时，加入media属性。 例： <link rel="stylesheet" media="screen and (min-width:1025px)" 阅读全文
posted @ 2016-03-31 12:03 fenghongyu 阅读(1453) 评论(0) 推荐(1)
关于IE8兼容svg图片问题解决
摘要：参考 http://www.zhangxinxu.com/wordpress/2013/09/svg-fallbacks/ 对博主表示感谢，详述请参考上述链接 直接把代码复制过来了，备份记录下 阅读全文
posted @ 2016-03-31 11:46 fenghongyu 阅读(5925) 评论(0) 推荐(0)
整块div设置为超链接进行界面跳转
摘要：鼠标点击当前整块DIV任意一个地方均可进行页面跳转,如果复制过去的代码不能用，请注意双引号和单引号，是否为英文状态下的输入法填写出来的。 1.跳转至新建页面 <div class="" onclick="window.open('此处为链接')"> </div> 2.跳转至当前页面下的某一指定DIV 阅读全文
posted @ 2016-03-23 12:01 fenghongyu 阅读(2624) 评论(0) 推荐(0)
关于svg格式图片颜色更改
摘要：利用 style="fill:#8a8acb" 放在path标签下面。 技巧：比如一个svg是一个圆圈内包含一个问号，问号内填充白色，圆圈内，问号外，填充其他颜色，如蓝色。可 设置一个圆圈DIV，蓝色填充。将svg引入其中，将path下的style设置为style="fill:#FFFFFF"。 阅读全文
posted @ 2016-03-17 11:44 fenghongyu 阅读(3927) 评论(0) 推荐(0)
svg格式嵌入html中方法之一
摘要：如下为html中主要代码，这里用img标签嵌入的。 <div class="con-left-logo_svg"> <img src="images/listLeft.svg"/> </div> 这儿是原svg存放路径。C:\Users\Administrator\Desktop\paperChan 阅读全文
posted @ 2016-03-17 11:38 fenghongyu 阅读(997) 评论(0) 推荐(0)
下拉列表旁指下箭头及字体颜色等样式修改
摘要：这里不引用第三方类库，仅html+css设计。 预期效果如下图：网站的中英文切换下拉列表。 html下select标签本身效果不好看，故做更改。测试浏览器:Chrome. 更改思路： 1.select极其下拉列表字体设置：利用css相关属性，见代码； 2.关于select右边自带三角形改为白色：将原 阅读全文
posted @ 2016-03-17 11:35 fenghongyu 阅读(13939) 评论(0) 推荐(0)