web前端
关注
分享
扫一扫
Yeoman92
You can！ Because you were the best one of the 120.
展开
-
mac-chrome下手动安装vue-devtools
本文在参考https://www.jianshu.com/p/18906cade6c4的基础上，做了更为细致的介绍。1. 下载Github源文件（vue-devtools）在GitHub中下载源文件，并解压到本地（比如桌面）。https://github.com/vuejs/vue-devtools.git2.对源文件进行编译2.1切换到vue-devtools文件夹所在目录，如：c...原创 2018-10-26 12:07:15 · 6010 阅读 · 1 评论 -
jQuery——层叠选择器
层叠选择器如果想通过DOM元素之间的层次关系来获取特定的元素，例如后代元素，子元素，相邻元素和兄弟元素等，那么层叠选择器是一个非常好的选择。 位置选择器语法如下：“基准元素 层叠符号 目标元素”层叠选择器的用法后代选择器 格式:$(“ancestor descendant”)子选择器 格式:$(“parent>child”) 相邻选择器 格式:$(“prev+next”)原创 2016-12-29 21:39:58 · 1327 阅读 · 0 评论 -
jQuery——位置选择器
位置选择器jQuery同样也允许我们利用元素所在位置来获取所需组件 位置选择器语法如下：“$基本选择器:位置选择器”位置选择器种类常用位置选择器的用法选择第一个 格式:$(“selector:first”);选择最后一个 格式:$(“selector:last”) 选择奇数 格式:$(“selector:odd”) 偶数行 格式:$(“selector:even”)获取原创 2016-12-29 21:19:03 · 2877 阅读 · 0 评论 -
jQuery——属性选择器
属性选择器在HTML文档中，元素的开始标记中通常包含有多个属性(attribute)<input id="txtUsername" type="text" value="qiyisoft" name="email" style="display:block" />在jQuery中，除了直接使用id和class属性作为选择器之外，还可以根据各种属性（如title等）对由选择器查询到的元素进行过滤。属性原创 2016-12-29 20:43:34 · 4540 阅读 · 0 评论 -
jQuery——基本选择器
JavaScript的操作对象JavaScript是Web前端开发的基石,用于完成用户的交互操作,例如:提交表单 document.getElementById(“form”).submit();清空”班级”下拉框中的所有选项 document.getElementById(“classes”).length = 0;将第一个图片进行放大 document.getElementsByTa原创 2016-12-29 17:48:03 · 383 阅读 · 0 评论 -
jQuery——基本语法与文档就绪函数
利用jQuery可以将结构(Html)、美化(Css)与交互(JavaScript)的部分有效的分离，从而让页面得到良好的可读性。利用jQuery开发程序的步骤如下:将jquery-1.11.3.js 复制到工程的js目录下在当前页面利用标签引入jquery-1.11.3.js 在引入该js后,我们的程序中就增加了一个内置对象jQuery,这是jQuery的核心对象,同时jQuery原创 2016-12-29 17:22:32 · 10290 阅读 · 0 评论 -
反向AJAX（服务器推技术）
服务器推技术介绍 HTTP是一种“无状态的协议”，也就是不知道以前请求的历史，无法保留上一次请求的结果。 Cookie的诞生，弥补了这个不足，浏览器可以通过本地持久化请求数据来记录上次请求的环境。但这个没有根本上改变HTTP请求本身的这种“客户端请求服务器端相应”模式——客户端是主动的，而服务器是被动的。 “HTTP长连接”能够实现“服务器推”的这种概念，也就是服务器是主动发送请求，客转载 2016-11-16 18:58:34 · 777 阅读 · 0 评论 -
Ajax+FormData实现大附件上传带进度条
1.php.ini 设置大附件上传限制： 2.ajax对象.upload.onprogress事件： 3.上传附件代码：<!DOCTYPE html><html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />原创 2016-11-16 14:08:29 · 3406 阅读 · 0 评论 -
Ajax+FormData实现无刷新附件上传
JavaScript是具有安全性能的脚本语言，不能直接操作本地文件，但通过FormData可以收集上传的文件域信息，来实现无刷新附件上传。 dom方式只可以收集普通表单域的信息，并且浏览器由于安全方面的限制也禁止通过JavaScript操作本地文件。 FormData可以实现 普通表单域 和 上传文件域 信息的收集。 相关语法：<form enctype="multipar原创 2016-11-15 20:58:42 · 753 阅读 · 0 评论 -
Ajax实现无刷新表单提交
一般方式实现<!DOCTYPE html><html> <head> <meta charset = "utf-8"> <title></title> <script language = "javascript"> function f1(){ //创建xmlHttp对象原创 2016-11-15 17:53:59 · 1606 阅读 · 0 评论 -
jQuery——内容与表单选择器
内容选择器jQuery内容过滤选择器的过滤规则主要运用在DOM元素所包含的子元素或其文本内容上，主要包括以下四种过滤方法： 内容选择器4种用法内容选择器 选取含有文本内容为“text”的元素格式:E:contains(text)包含元素选择器 选取含有选择器所匹配的元素的元素格式: E:has(selector)空内容选择器 选取不含任何子元素或文本的空元素格式: E:empty原创 2016-12-29 22:10:11 · 795 阅读 · 1 评论 -
jQuery——子选择器与可见性选择器
子元素选择器与可见性选择器子元素选择器是允许利用子元素的位置进行获取的选择器 子内容选择器3种用法E:first-child 选择所有位于其父元素第一个位置的E元素E:last-child 选择所有位于其父元素最后一个位置的E元素E:nth-child(n) 选择所有位于其父元素指定位置的E元素,n从1开始可见性选择器,顾名思义就是获取当前页面可见/不可见的元素 可见性选择器用法如原创 2016-12-29 22:46:40 · 483 阅读 · 0 评论 -
一张图看懂JavaScript中数组的迭代方法
在《JavaScript高级程序设计》中，分门别类介绍了非常多数组方法，其中迭代方法里面有6种，这6种方法在实际项目有着非常广泛的作用。其中本人最爱用forEach和map，好用又高效，不用什么都是for循环大法。但是初学的时候往往觉得头大，这些方法都很像，到底有什么区别？趁着今天有空，我把对着6个方法的认知，用最浅显的图画出来，希望看到的同学觉得有用。 转自：（js探索者※）http://www转载 2017-02-07 11:13:22 · 1894 阅读 · 0 评论 -
前端面试经典题目合集
1.浏览器页面有哪三层构成，分别是什么，作用是什么? 构成：结构层、表示层、行为层 分别是：HTML、CSS、JavaScript 2.HTML5的优点与缺点？ 优点： a、网络标准统一、HTML5本身是由W3C推荐出来的。 b、多设备、跨平台 c、即时更新。 d、提高可用性和改进用户的友好体验； e、有几个新的标签，这将原创 2017-03-25 17:12:52 · 2033 阅读 · 0 评论 -
JS中的属性类型理解
ECMAScript（第五版）中有两种属性：数据属性和访问器属性。 在阅读JavaScript高级程序设计第三版时出现一些疑问： 1.书中139页提到数据属性： 数据属性包含一个数据值的位置。在这个位置可以读取和写入值var person = { name : "Nicholas"}第一个问题：这里面的name属性是数据属性？2.书中141页提到访问器属性：var book = {原创 2017-02-14 09:47:13 · 1292 阅读 · 0 评论 -
JS中查找一个字符串中所有子串的位置
通过循环调用indexOf()或lastIndexOf()来找到所有匹配的子字符串。 上面两个方法都是从一个字符串中搜索给定的子字符串，然后返回子字符串的位置（如果没有找到子字符串，则返回-1）。这两个方法的区别在于：indexOf()方法从字符串的开头向后搜索子字符串，而lastIndexOf()方法是从字符串的末尾向前搜索子字符串。 这两个方法都可以接收可选的第二个参数，表示从字符串中的那个原创 2017-02-09 17:08:46 · 22169 阅读 · 0 评论 -
JS中apply()的应用
先从Math.max()函数说起，Math.max后面可以接收任意个参数，最后返回所有参数中的最大值。 比如：alert(Math.max(5,8));//8alert(Math.max(5,7,3,1,9,2));//9 但是在很多情况下，我们需要找出数组中最大的元素。 比如：/* * 找出数组中最大的数 */var arr = [1,4,9,6];//alert(Math.max(原创 2017-02-09 14:49:06 · 1091 阅读 · 0 评论 -
JS中call()和apply()的目的及用法
１.call()和apply()的作用 首先引出问题：用call()和apply()的目的是什么？ 来看个例子，在javascript OOP中，我们经常会这样定义：function cat(){}cat.prototype={ food:"fish", say: function(){ alert("I love "+this.food); }}v原创 2017-02-09 11:48:54 · 647 阅读 · 0 评论 -
JavaScript中callee和caller的区别
1.callee 在函数的内部，有两个特殊的对象：arguments和this。其中arguments是一个类似数组的对象，包含着传入函数的所有参数。 虽然arguments的主要用途是保存函数参数，但这个对象有一个属性——callee，该属性是一个指针，指向拥有这个arguments对象的函数 所以callee的作用就是来指向当前对象 看一个阶层函数的例子就会明白他的用途了：/*原创 2017-02-08 14:48:00 · 2258 阅读 · 2 评论 -
Web前端研发工程师编程能力提升之路
【背景】如果你是刚进入web前端研发领域，想试试这潭水有多深，看这篇文章吧； 如果你是做了两三年web产品前端研发，迷茫找不着提高之路，看这篇文章吧； 如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；web前端研发工程师，在国内是一个朝阳职业。这个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所有从事这个职业的人都是靠自己自学成才。自学成才，一条艰辛的坎坷路，转载 2017-01-17 11:54:58 · 737 阅读 · 3 评论 -
JSON与JS对象的区别
总是感觉json对象(其实json不是对象)和js对象的字面量表示法相同，最近学习json，真心搞不懂，js对象和json有什么区别？！就是感觉json的key要用” “括起来，但是js对象的字面量表示法不需要。 比如：//js对象的字面量表示法： var people1={ name:'hehe', age:18 }; //json的格式是： var peop原创 2017-02-08 11:56:28 · 10136 阅读 · 0 评论 -
正则表达式中 test(),exec(),match() 方法的区别
test() test 返回 Boolean，查找对应的字符串中是否存在模式。var str = "1a1b1c";var reg = new RegExp("1.", "");alert(reg.test(str)); // trueexec() exec 查找并返回当前的匹配结果，并以数组的形式返回。var str = "1a1b1c";var reg = new RegExp("1.原创 2017-02-07 17:15:37 · 1769 阅读 · 0 评论 -
js中将json字符串转换为json对象的方法
将json字符串转换为json对象的方法。在数据传输过程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。例如：JSON字符串:var str1 = '{ "name": "cxh", "sex": "man" }';JSON对象:var str2 = { "name": "cxh", "sex": "man" };一、J原创 2016-11-14 21:07:56 · 1938 阅读 · 0 评论 -
JSON的使用
1.什么是json json：JavaScript object notation（JavaScript对象符号），其是一种数据交换格式（xml也是一种数据交换格式）。 之前用户网站需要获得天气信息，通常会把天气预报官网首页的全部信息都给请求回来，但实际上只需要其中的很少的天气信息，这样对带宽、天气官网的服务器、用户等待时间的消耗比较严重。 为了处理上述问题，天气预报网站服务器把天气信原创 2016-11-14 16:49:02 · 415 阅读 · 0 评论 -
DOM对XML的解析处理
DOM（Document Object Model）：文档对象模型。核心思想是：把 xml文件看作是一个对象模型，然后通过对象的方式来操作 xml 文件。xml本身有许多节点： 元素节点 文本节点 属性节点 注释节点 CDATA节点 文档节点 php对xml文档进行增删改查(CURD）操作，具体分析如下： xml文档：class.xml<?原创 2016-11-02 13:31:39 · 873 阅读 · 0 评论 -
XML中DTD介绍及使用
什么是DTD，为什么需要DTD? DTD为英文Document Type Definition，中文意思为“文档类型定义”。DTD肩负着两重任务:一方面它帮助你编写合法的代码，另一方面它让浏览器正确地显示器代码。 如是你是一个个网页制作者，你会很清楚地知道一个HTML文档的基本结构可分为两个主要部分；<html> <head> 头部信息 </head>原创 2016-11-06 18:55:33 · 7562 阅读 · 0 评论 -
XML相关案例（无广告视频）
注册及获得视频接口信息1. 通过传统字符串截取方式具体操作步骤： （1）在open.tudou.com注册成为会员 （2）创建应用（3）获得应用的App Key（4）打开开发文档的API文档，获得视频接口信息（5）获得xml视频信息接口地址栏 代码实现无广告视频<?php//获得土豆网无广告视频信息//判断表单是否提交if(!empty($_POST)){ //print_r($_原创 2016-11-01 21:32:08 · 1055 阅读 · 0 评论 -
ThinkPHP结合Ajax实现用户名的校验
在模板文件中通过ajax获取到用户名，然后在控制器中将用户名与数据库比较，返回校验结果给模板文件。 模板文件路径shop/Home/View/User/register.html<!--register.html--><!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/h原创 2016-11-14 15:36:09 · 1678 阅读 · 0 评论 -
Ajax对缓存的处理
缓存 浏览器的一次请求需要从服务器获得许多的css、img、js等相关文件，如果每次请求都把相关的资源文件加载一次，对带宽、服务器资源、用户等待时间都有严重的损耗，浏览器有做优化处理，其把css、img、js等文件在第一次请求成功后就在本地保留一个缓存备份，后续的每次请求就在本身获得相关的缓存资源文件，可以明显的加快用户的访问速度。 css、img、js等静态文件可以缓存，但是动态程序文原创 2016-11-14 13:21:19 · 1663 阅读 · 0 评论 -
PHP操作MySQL数据库(4)
新闻内容模块 新闻内容表的设计 字段名 解释 cat 分类 title 标题 author 作者 source 来源 keywords 网页关键字 description 描述 orderby 排序 content 内容 hits 点击率 addate原创 2016-10-08 00:26:22 · 5003 阅读 · 0 评论 -
PHP操作MySQL数据库(3)
管理员登录后台模块 实现管理员登录后台模块，主要包括： 1. 数据表的设计 2. 登录流程设计 3. 登录代码 4. 登录检查代码1. 管理员数据表——007_admin 字段名 解释 id 记录id，自动生成的 username 用户名 password 密码 name 管理员姓名 tel 电话 lastloginip 最后登录IP原创 2016-10-07 19:50:57 · 3354 阅读 · 0 评论 -
相对路径和绝对路径
基本概念 文件路径就是文件在电脑中的位置，表示文件路径的方式有两种，相对路径和绝对路径。在网页设计中通过路径可以表示链接，插入图像、Flash、CSS文件的位置。 物理路径：物理路径就是硬盘上文件的路径，比如下面的文件：d:\dreamdu\exe\1.htmld:\dreamdu\exe\first\2.htmld:\dreamdu\exe\first\3.htmld:\dre原创 2016-10-05 01:18:40 · 38256 阅读 · 4 评论 -
XML中XPath的应用
XPath即为XML路径语言，它是一种用来确定XML（标准通用标记语言的子集）文档中某部分位置的语言。XPath基于XML的树状结构，提供在数据结构树中找寻节点的能力。起初 XPath 的提出的初衷是将其作为一个通用的、介于XPointer与XSLT间的语法模型。但是 XPath 很快的被开发者采用来当作小型查询语言。 XPath设计的核心思想：迅速定位（不是通过循环遍历）到你所需要的元素（或原创 2016-11-06 16:29:00 · 567 阅读 · 0 评论 -
基于MVC模式的电商项目开发系列之2：数据库设计
1.数据库设计要点分析Mysql数据类型 表间关系1.1 数据类型Mysql数据类型有哪些？数值类型，整数（tinyint、smallint、mediumint、int、bigint）、小数（float、decimal）字符串类型，char、varchar、text，enum，set日期时间类型，date，time，datetime，timestampMsyql没有布尔类型。如何表示原创 2016-11-23 15:33:16 · 1468 阅读 · 0 评论 -
基于MVC模式的电商项目开发系列之1：项目搭建
良好的项目结构 统一的命名规范 单一入口（所有的请求都是相对于index.php）1.项目结构说明每一个优秀的项目都有一个良好的项目结构。不是统一，合理即可。项目根目录结构如下： Application目录结构如下： Controllers目录结构如下： 对应的，views的目录结构如下： 注意，模型是前后台共用的，只需要一个即可，无需区分。Framework目录结构如下：原创 2016-11-21 22:16:09 · 1083 阅读 · 0 评论 -
基于MVC模式的电商项目开发系列之3：后台功能
1.后台功能开发顺序及实施步骤后台各模块的顺序如下： 切实可行的具体方案 商品分类管理为例说明流程： - 确定目标 - 分析业务逻辑 - 编写代码实现 - 测试具体的实施方案如下： 总结：11163，一个模块，对应的一张表、一个模型，一个控制器，六个方法，三个视图。具体编写如下：一张表 一个模型一个控制器2.商品分类管理2.1.明确目标完成商品分类的增删改查操作 感性的认识原创 2016-11-23 21:01:19 · 2419 阅读 · 0 评论 -
Ajax对xml信息的接收和处理
Ajax负责请求和接收xml信息，DOM负责处理xml信息。DOM： php中，DOM是php 与 xml（html）之间沟通的桥梁 JavaScript中，DOM是JavaScript 与 html（xml）之间沟通的桥梁 xml需要从服务器端返回到客户端被JavaScript处理 Ajax负责请求xml，DOM（JavaScript）负责处理xml信息 Ajax+Ja原创 2016-11-12 21:52:14 · 598 阅读 · 0 评论 -
Ajax中的同步和异步
jquery中ajax方法有个属性async用于控制同步和异步，默认是true,即ajax请求默认是异步请求，有时项目中会用到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面出现假死状态，当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。而异步则这个AJAX代码运行中的时候其他代码一样可以运行。一、async值为true （异步）转载 2016-10-22 20:56:54 · 844 阅读 · 0 评论 -
Ajax的简单使用（2）
Ajax接受服务器返回的信息 浏览器可以接收的信息Ajax都可以接收，如字符串、html标签、css样式内容、xml内容、json内容等。ajax对象成员属性：responseText：以字符串形式接受服务器端返回的信息readyState： 0：刚创建ajax对象1：已经调用open方法2：已经调用send方法3：已经返回部分数据4：请求完成，数据返回完整onreadystate原创 2016-10-21 21:57:20 · 1092 阅读 · 0 评论 -
Ajax的简单使用（1）
Ajax向服务器端发送请求的四个步骤 1. 创建XMLHttp对象 2. 设置请求方式 (3. 调用回调函数) 4. 发送请求 下面来看下具体步骤：1.1 创建XMLHttp对象 创建XMLHttp对象的语法是:var xmlHttp = new XMLHttpRequest(); 如果是IE5或者IE6浏览器，则使用ActiveX对象，创建方法是：v原创 2016-10-21 21:19:20 · 440 阅读 · 0 评论