2015年09月_XINGXUEXX

原创 html，js注意

position默认取值static有滚动效果的页面，默认右侧有空白，滚动后才取消，解决方法window.onload=function(){$(window).trigger('scroll');};$(window).resize(function(){$(window).trigger('scroll');});js动画效果时如果有多个物体运动

2015-09-17 15:07:51 463

转载怎样使用chrome调试前端html和css

chrome开发者工具为开发者提供了十分方便快捷的快速开发模式，例如，本地服务器打开网页，按F12打开控制台------>点击source面板,看见左侧有个localhost：端口号的文件夹，在空白处点击右键————————>点击add folder to workspace ,会将你本地网站资源添加至其中，在index.html中为其添加文本映射（右键选项），确定后，就可以在source面板

2015-09-17 10:33:26 11454

原创 html新手引导

新手引导实现原理：将说明图片定位到相应位置，按照顺序显示。用绝对定位1.网页蒙版设置html{ height:100%}body{ height:100%}#mask{ height:100%; width:100%; position:absolute; top:0; left:0; background:#000; opacity:0.5; filter:alpha(

2015-09-16 17:04:48 2557

原创用字体在网页中画ICON图标——2

字体图标网址 https://icomoon.io/app/icomoon使用教程地址 http://www.flowerboys.cn/font/article/fontsArticle/how-to-turn-your-icons-into-a-web-font.html——————————————————————————————————————使用

2015-09-16 14:56:23 1897

原创 AngularJS——1

AngularJS 是一个 JavaScript 框架当网页加载完毕，AngularJS 自动开启。ng-app 指令告诉 AngularJS，元素是 AngularJS 应用程序的"所有者"。ng-model 指令把输入域的值绑定到应用程序变量 name。ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。n

2015-09-15 16:37:18 341

原创前端开发工具

sublime webstorm 具有关于js代码的浏览器兼容提示chrome batarang ——angular的调试插件git小乌龟nodejs 代码压缩和混淆工具npm 自动安装工具grunt 代码合并和混淆工具》》常用bower 依赖管理工具（不建议使用）http-server 轻量级serverkarma 单元测试工具 karma-ja

2015-09-14 16:27:16 520

原创 seo优化注意

1.标签对SEO，img加上alt说明，进行强调和加粗，和虽然渲染一样，但是对seo没帮助，重要内容写在html文档前面，重要内容不要用js输出，尽量少使用iframe等2.的内容是搜索引擎认为最重要的，表格要设置表格标题,3.br标签只用于文本的换行,之间的换行应用margin或者padding调整4.谨慎使用display:none; 这个，小蜘蛛会过滤掉。(可以使用z

2015-09-14 09:45:09 436

原创嵌套

选择器的引用(&) ------所有在他层上的类名header nav a {} nav { a { header & { } } }嵌套-选择器嵌套Sass 中还提供了选择器嵌套功能，但这也并不意味着你在 Sass 中的嵌套是无节制的，因为你嵌套的层级越深，编译出来的 CSS 代码的选择器层级将越深，这往往是大家不愿意看到的一点。这个特

2015-09-09 14:55:03 508

转载 jq滚动到底部自动加载数据实例

jq滚动到底部自动加载数据实例|幸凡学习网 html,body,ul,li{margin:0;padding:0;border:0;vertical-align:baseline;} body,html{line-height:1;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;f

2015-09-07 11:15:23 1454

原创 jQuery(8) 实现Ajax应用

使用load()方法异步请求数据使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为：load(url,[data],[callback])参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。例如，点击“加载”按钮时，向服务器请求加载一个指

2015-09-07 10:07:23 460

原创 jquery基础（7）动画特效

------------------------fadeTo()------------------------------------调用fadeTo()方法，可以将所选择元素的不透明度以淡入淡出的效果调整为指定的值，该方法的调用格式为：$(selector).fadeTo(speed,opacity,[callback])其中speed参数为效果的速度，opacit

2015-09-06 14:50:04 494

XINGXUEXX的博客