社会你杰哥-CSDN博客

原创 MUI底部导航替换图片底部导航实现点击更换图片

其实这个不算技术点，只是看到一些入门的人没搞过，不了解。还有那些有经验的人，还把这种小东西做成收金币才能看的，我觉得就很恶心了，做个简单的免费案例吧，，以图片为例：新建类，然后作为替换html部分：把原有的那个矢量图类干掉，换上你写的这个图片类，默认的话，一种颜色，mui切换会自动添加“mui-active”这个类，故，以它为基准去搞，就完事了。有疑问请留言，可能我会晚...

2019-06-03 11:43:13 1384 3

原创 web前端面试知识点总结（1）

web前端面试知识点总结（1）（1）button是行内元素还是块级元素？答：它是可变元素，既不属于行内元素，也不属于块级元素。可变元素：根据上下文语境决定该元素为块级还是内联（可变元素如：button、iframe、map等）。（2）行内元素有哪些？块级元素有哪些？css盒子模型是什么？答：块级元素：div , p , form, ul, li , ol, dl, form,

2017-11-20 10:50:22 2915 1

原创 SASS入门介绍及安装

1. SASS介绍（1）为什么学习sass？1）根据第一阶段和第二阶段的项目，我们邪恶css选择器书写非常的长。2）项目的优化，比如利用css中引入的css，实现文件的合并。（2）什么是SASSSASS就是一个CSS的开发工具，它提供了很多便利CSS的书写方式。可以极大地节省CSS开发的时间。Sass并不能直接被浏览器识别，需要编译成CSS只有，才能被浏览器识别，所以Sass也称为预编译语言CS

2017-10-16 19:52:57 1724

原创 DOM命令大全

授人以鱼不如授人以渔：在窗口里调用的命令分为两种，一种是原生的命令，还有一种是各种支持命令行的程序，两者使用的时候看着差不多。第一种：介绍原生的DOS。首先在cmd命令输入help，就会出现很多命令。第二种：其实那是window系统内嵌的程序（支持命令行），这个没法一下子列出，只能慢慢搜集了，下面给出一些：　　winver———检查Windows版本　　wmimgmt.

2017-10-16 11:35:06 26146

原创 node.js入门及安装

1.介绍：什么是node.js？ node.js就是服务器端的JavaScript。原来没有node.js的原因是因为JavaScript原型速度太慢再加上js书写没有那么规范，所以没人用js服务器的语言。谷歌写出了一款V8引擎，大大提高了js的循行效率。再加上common。js（书写js的一种规范）所以node.js应运而生。 node.js很火，在一些开源网站上面，更新了很多的nud

2017-10-16 11:20:47 1714

原创什么是XML？

1.前言Html是用来设计显示的数据的，XML 被设计用来传输和存储数据，其焦点是数据的内容。2.什么是XmlXML :指可扩展标记语言（EXtensible Markup Language）是一种标记语言，很类似 HTML，但又不是HTml，可以这么说，它是html的补充！对它最标准的描述：XML 是独立于软件和硬件的信息传输工具。XHTML也有一些标签并不成

2017-10-08 10:53:52 1537

原创 ajxa调去json文件和xml文件

ajax调去XMl文件$.ajax({ url: "../xml/xml", //xml的路径及文件名 type: "GET", //数据发送方式 dataType: "xml",//数据类型 success: getmessage,//成功调去函数 error: function () {//失败调去函数 alert("

2017-10-07 17:00:53 1803

原创制作百度搜索首页（附赠HTML，js，css）

——————————————————————HTML—————————————————————————————html>html>head lang="en"> meta charset="UTF-8"> title>导航页title> style type="text/css">style> link rel="stylesheet" href="../css

2017-10-05 15:13:26 3377

原创 Html5和Css3的基础标签及常用属性

H5H5的常用标签及属性：新增和废弃新增的结构（布局）标签：section、artcle、nav、footer、header、hgroup、Aside、figure新增的其他标签：Video、audio、mark、time、menu、canvas、svg、details、datalist、progress、output、source。。。。。。。Input type 的

2017-10-05 15:07:32 5848

原创 ajax读取本地json文件

json文件{ "first":[ {"id":"1","sex":"男"}, {"id":"2","sex":"男"}, {"id":"3","sex":"男"}, {"id":"4","sex":"女"} ]}js方法一:$.ajax({ url:

2017-09-28 13:38:24 14300 1

原创 xml和Json的优缺点

.XML的优点　　A.格式统一，符合标准；　　B.容易与其他系统进行远程交互，数据共享比较方便。.XML的缺点　　A.XML文件庞大，文件格式复杂，传输占带宽；　　B.服务器端和客户端都需要花费大量代码来解析XML，导致服务器端和客户端代码变得异常复杂且不易维护；　　C.客户端不同浏览器之间解析XML的方式不一致，需要重复编写很多代码；　　D.服务器端和客户端解析XML

2017-09-27 19:01:49 1579

原创阻止冒泡事件的三种方法总结

1.event.stopPropagation(); 事件处理过程中，阻止了事件冒泡，但不会阻击默认行为（它就执行了超链接的跳转） 2.return false; 事件处理过程中，阻止了事件冒泡，也阻止了默认行为（比如刚才它就没有执行超链接的跳转） 3.event.preventDefault(); 如果把它放在头部A标签的c

2017-09-27 15:29:39 8049

原创 Flex 布局教程：实例篇

你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到codepen查看Demo

2017-09-26 19:35:10 1189

原创 Flex 布局教程：语法篇

网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这

2017-09-26 19:25:37 1514

转载 rem是如何实现自适应布局的？

文章目录rem是什么？为什么web app要使用rem？1、实现强大的屏幕适配布局：2.固定宽度做法3.响应式做法4.设置viewport进行缩放rem能等比例适配所有屏幕最后我们再来看一看他的兼容性：在线工具REM自适应JS来源：前端开发博客摘要：rem是相对于根元素，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高

2017-09-26 09:59:57 2177

原创 HTML5的一些关于兼容性问题

1.首先我先介绍下关于CSS hack – “\9″ hack，的浏览器兼容性问题：由于浏览器兼容性问题，所以，对此我们将采取一些列措施来让它显示效果，所以要加入一些东西。在这里如果对字体设置的话可以如下：在这里我主要介绍下关于那些IE用户常遇到的问题：.ie6_7_8{ color:blue; /*所有浏览器*/ color:red\9; /*IE8以及以下版

2017-09-19 08:24:48 1635

转载 JS知识点：sort()方法的用法，参数以及排序原理

sort() 方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。语法：arrayObject.sort(sortby)；参数sortby可选。规定排序顺序。必须是函数。注：如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。

2017-09-13 13:39:28 1543

转载伪类和伪元素的区别（结论）

目录(?)[-]伪类种类伪元素种类区别首先，阅读 w3c 对两者的定义：CSS 伪类用于向某些选择器添加特殊的效果。CSS 伪元素用于将特殊的效果添加到某些选择器。可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。伪类种类伪元素种类区

2017-09-12 09:31:48 844

转载 HTML5开发者心声：浏览器兼容性成最大问题

摘要：HTML5技术目前最大的困境莫过于各浏览器缺乏统一的扩展标准，在不同手机操作系统上性能表现不一致以及缺乏优质中文技术文档。在此次问卷调查中，开发者们纷纷表示，HTML5技术最大的问题在于：浏览器兼容性较差。最近，CSDN和HTML5中国产业联盟发起了一个问卷调查，参与调查的开发者们将遇到的问题、关注的事情、对HTML5技术的期待反映在了问卷之上。我们对问卷结果进行了统计和分析，总

2017-09-12 09:29:10 1091

原创 jquery.nivo.slider.pack.js 插件

介绍Nivoslider是一款基于jQuery的，能实现多种切换效果的图片切换插件。Nivoslider提供了11种切换效果，支持多种参数配置和方法函数调用，使用简单，是一款非常理想的图片切换插件。注：Nivoslider运用功能如下：9种独特效果；简单的清除及有效标记；载入设置及调整；内建方向和控制导航；打包的版本只有7KB；支援连接

2017-09-02 14:40:27 2755

原创 jquery.qrcode.min.js 插件

qrcode其实是通过使用jQuery实现图形渲染，画图，支持canvas（HTML5）和table两种方式，您可以到https://github.com/jeromeetienne/jquery-qrcode获取最新的代码。使用方法：1. 首先在页面中加入jquery库文件和qrcode插件:2. 在页面中需要显示二维码的地方加入以下代码：3. 调用qrcode插件

2017-09-02 14:39:19 8257 4

原创 jquery.treeview.js 插件

1.文档树示例　　最简单的一个例子就是文档树的实现。效果如下图所示。　在使用treeview之前，html文档中需要包含几个jquery.js、jquery.treeview.js、jquery.treeview.css几个文件。具体的请从官网下载。记住jquery.js的引用必须在jquery.treeview.js之前。　具体代码如下：

2017-09-02 14:37:31 3953

原创 prettydate.js 插件

基本介绍：jQuery Prettydate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL和电子邮件验证，同时提供了一个用来编写用户自定义方法的API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37种语言。该插件目前版本是 1.1.0。下载 jQuery P

2017-09-02 14:36:32 904

原创 jquery.growl.js 插件

jQuery Growl 插件(消息提醒) 允许您很容易地在一个覆盖层显示反馈消息。消息会在一段时间后自动消失，不需要单击"确定"按钮等。用户也可以通过移动鼠标或点击关闭按钮加快隐藏信息。该插件目前版本是 1.0.0。访问 jQuery Growl 官网，下载 jQuery Growl 插件。效果如下：使用方式:下载好插件后倒入 jQuery 库，jquery.gr

2017-09-02 14:35:05 1095

原创 jquery-ui.min.js 插件

1、导入js库：script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js">script> 2、用法：附赠案例一份：html>html>head lang="en"> meta charset="UTF-8"> title>折叠title> script

2017-09-02 14:33:53 17997

原创 jquery.validate.min.js 插件

1、导入js库：注意：（在这里我导入的单单是jquery.validate.min.js，没有导入jq的其它，不要忘记哦）script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js">script> 2、默认校验规则：(1)、required:t

2017-09-02 14:31:29 6009

原创 Css3二维变形

特点：所有的二维变形（转化）都是嗖的一下过去了，没有过渡效果。2.Transform方法Transform的所有属性：translate 2.1.偏移：translate（x,y） X表示水平方向上的移动，y代表垂直方向的移动。为负值的时候往相反的方向移动。transform: translate(500px,200px);使用该方法可以实现：元素的水平和

2017-08-27 18:07:18 845

原创 HTML5的新增表单属性

1、常用方法4.1、getContext（）：获取渲染的上下文，说白了就是获取画笔。后面传递参数，固定写“2d”4.2、moveTo（x，y）：移动画笔位置，后面带两个参数。4.3、lineTo（x，y）画一条直线，参数是线的终点位置。4.4、stroke()绘制线条4.5、closepath():关闭路径，回到起始点4.6、ctx.fill（）完成填充操作

2017-08-27 18:05:14 989

原创 HTML5 Canvas画布

7HTML5 Canvas画布1、 Canvas:定义画布的大小是style的属性，而定义画布的像素是Canvas的属性如果设置Style里面的width和height他仅表示canvas元素占文档流的位置，这时候画布的宽度和高度是默认值，分别是600、300.注意：设置canvas的宽度的，直接操作canvas的width属性和height属性。如果要放大canvas画

2017-08-27 18:03:21 997

原创 H5的非主体结构及控制类

3非主体结构元素（1） header（页眉）标签一般来防治整个页面的标题。比如说一个新闻页面，header一般放新闻的标题。如果是一个官网地址，一般header用来放logo和网站导航。（2） footer（页脚）标签一般用来放置脚注，主要包含：作者信息、copyright。（3） address（地址）标签一般用来呈现联系信息主要包括：网站的联系方式、电子邮

2017-08-27 17:54:21 687

原创 Html5的基本语法

1.2语法改变（1）内容类型（contentType）：HTML文件的后缀名依旧是.html或者html，HTML 文件的内容类型（2）Doctype：文档解析H5以前：HTMLPUBLIC"-//W3C//DTD HTML 4.01Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> H

2017-08-27 17:52:07 3449

原创 HTML5推出的理由

1. 推出的原有和目标：目标web端存在一些问题，比如说兼容性问题，同样的页面，在不同浏览器上显示的效果不一样，那么开发人员需要做很多额外的工作去解决这一问题，需要花大把的时间在这上面。一些特殊的权限没有给开发人员，比如：定位权限、拉起照相机拍照权限、动画、绘画。那么H5的推出就是解决这一系列的问题。H5解决了什么问题？（1）

2017-08-27 17:46:49 784

1：bind()：为每个匹配元素的特定事件绑定事件处理函数。　　bind(type,[data],fn)　　type: 含有一个或多个事件类型的字符串，由空格分隔多个事件。　　比如"click"或"submit"，还可以是自定义事件名。　　data:作为event.data属性值传递给事件对象的额外数据对象　　fn:绑定到每个匹配元素的事件上面的处理函数　　2：on()在选择元素上绑定一个或多个事

2017-08-19 13:17:55 2313

原创 JS练习（3）

1、设计并实现从键盘输入x的值（要求大于零的自然数），根据公式，计算并输出x和y的值。要求用switch语句完成。附赠参考代码：函数 /*请您输入x(要求为大于0的自然数)的值： *1.然后根据x的值选择表达式并利用switch判断 * 2.根据方程的x的取值范围，给出判断选项

2017-08-16 19:32:36 942

原创 JQ基本语法、插件介绍

5JQ5.1$.ajax语法：$.Ajax（JSON）；JSON包含常用参数Url：服务器的地址，获取数据获知推送数据的地方。Data：要提交过去，给服务器的数据，根据业务需要去添加，不如登录的接口需要传递“用户名和密码”，获取数据信息，不需要传递任何参数。数据类型：JSON对象。键值对的“键”和服务器保持一致，包括键明的大小写。Type：数据提交的方式。GET

2017-08-16 19:17:55 1026

转载接口

1 功能说明获取词库网内部数据的接口本接口除网站词库外全部返回的是关键词，关键词热度及关键词收录，网站词库返回的是关键词，热度，排名，预估流量，收录量，标题及网址，全部以JSON格式返回。注意：1. 每次请求都是返回100条数据，不足100条的则返回最大量，返回的数据当中包含总条数。2. 接口状态为“测试”状态时，不会产生任何扣费操作，该状态下返回的数据

2017-08-16 19:13:27 7037

原创 js练习题（2）

1、设计并实现用户输入一个数并判断这个数是否为水仙花数（水仙花数：一个三位数如果个位十位百位的立方和和这个数的本身相等，那么这个数就是水仙花数）已知的水仙花数有153、370可以用来测试。附赠参考代码：水仙花数 /*水仙花数 *请输入一个三位数: * daffodil *

2017-08-15 20:19:36 1287 1

原创 JQuery DON 导航

3JQuery DON3.1捕获 1）文本内容的操作text（）作用：获取或设置文本的内容（等价于DOM操作中的innertext属性）$("#p1").text("更改语句");alert($("#p1").text()); 2）html（）：获取元素中的所有内容，包括html的所有标签。alert($("#p1").html("我是

2017-08-15 20:15:45 902 1

原创 js的练习题(1)

1.获取动态的本地时间附赠参考代码：动态字体时间 #time{ color: #71b9fe; font-size: 40px; } var p1=document.getElementById("time")

2017-08-14 20:58:47 856

空空如也

空空如也