大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

jQuery

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。[1] 

前端相关汇总

前端相关汇总 image 简介 前端发展迅速,开发者富有的创造力不断的给前端生态注入新生命,各种库/框架/工程化构建工具层出不穷,眼花缭乱,不盲目追求前沿技术,学习框架和库在满足自己开发需求的基础上,然后最好可以对源码进行调研,了解和深入实现原理,从中可以获得更多的收获 随着前端发展,前端的职责也跟着变化,不再仅仅是设计稿切图+JS实现交互,已经可

【全栈之路】WEB前端零基础课-[1102班]-课程详情 & 开始报名

其它相关 // 前端全栈:老司机之路 // 第九章:jQuery常用方法、处理JSON 9.1 jQ简介、总体结构 9.2 jQ选择器 9.3 jQ常用方法 9.4 jQuery插件开发 9.5 jQ模块化 //这部分内容主要在项目进程中体现 第十章:nodeJs基础,npm,express,node模块 10.1 nodeJs介绍、下载、安装 10.2 node 之 helloword 10.3 Common规范介绍 10.4 npm 10.5 express 10.6 路由 10.7 web模块 10.8 Stream .

听10年前端大佬的叙说“1-5年前端从业者的趣事”

听10年前端大佬的叙说“1-5年前端从业者的趣事” 听10年前端大佬的叙说“1-5年前端从业者的趣事” 今年以前端小老妹的身份进入现在的公司,到现在为止陆陆续续接触过了十几个应聘者,惊讶地发现前端这个细分岗位的市场行情竟如此奇怪,一方面是各种公司争相聘请,导致价格高的浮躁;一方面是从业者大多经历尚浅,浅到没什么技术积累,没什么项目经验,更可怕的是

webpack.optimize.CommonsChunkPlugin 详解

console.log(common1, 'b') //common.js export const common1 = 'common1' export const common2 = 'common2' 在不使用插件的前提下打包结果如下: image.png case 1 把多入口entry抽离为common.js plugins: [ new webpack.optimize.CommonsChunkPlugin({ name: "common", filename: "common.js" }) ] 执行结果如下: image.png case 2 从children chunk抽离 common.js // 单入口文件 main.js const component1 = function(resolve) { return require(['./src/main.js', vendor: ['jquery'] } .

原型链图解

原型链图解 原型链.png 注解 红虚线即原型链,各类实例都是通过原型链继承到各数据类型本身的方法和属性。比如Object原型对象包含着对象的原生方法。 函数实例通过原型链指向了Object的原型,所以函数实例也可作为对象使用。比如Jquery,Jquery.ajax()就是当对象使用,Jquery("div")就是当函数使用。 instanceof运算符用于测试构造函数的prototype属性是否出现在对象的原型链中的任何

搜索框自动补全(模糊匹配)功能实现

这里我把availableTags声明为全局变量.并且用同步的Ajax方式取回数据,然后赋值给availableTags,然后在监听键盘的函数中,使用返回的数据调用自动补全功能. //请求后端获取数据源 function get_source(word = null) { var url = " ?get({ type: 'GET', url: url, async: false,//改为同步 dataType: 'json', success: function (response) { console.log('1');autocomplete({ source: availableTags //数据源 });

补全一段jQuery代码

window.$ = jQuery var $div = $('div') $div.addClass('red') // 可将所有 div 的 class 添加一个 red $div.setText('hi') // 可将所有 div 的 textContent 变为 hi 补全后: window.jQuery = function (nodeOrSelector) { let nodes = {} let temp = document.querySelectorAll(nodeOrSelector) //伪数组 for (let i = 0; i++) { nodes[i] = temp[i] } nodes.length = temp.length // 设置所有 div 的 textContent nodes.setText = function (text) { for (let i = 0;

用JS和JQuery分别获取表单元素的值(select,checkbox,radio)

用JS和JQuery分别获取表单元素的值(select,checkbox,radio) 废话不多说直接上代码 HTML部分 表单元素值获取 下拉列表 --- 星期一 星期二 星期三 星期四 星期五 多选框 swimming singing drawing travelling 单选框 boy girl 用JavaScript的方法 解释说明部分在注释中 //用原生JS获取 var getSelectorValue = function(){ var selector = document.getElementById("weekday"); console.log(value);

jquery动态设置select

jquery动态设置select jQuery获取Select选择的Text和Value: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").selectedIndex;attr("index");append(" Text ");prepend(" 请选择 "); //删除Select中索引值最大Option(最后一个) $("#select_id option[index='0']"). //删除Select中Value='3'的Option $("#select_id option[text='4']"). //删除Select中Text='4'的Option 内容清空: $("#charCity").

JS(JQuery)实现动态三级级联下拉列表效果

JS(JQuery)实现动态三级级联下拉列表效果 实现效果 数据结构样式,采用json格式 HTML结构 仓库名称: 请选择仓库 专业名称: 请选择专业 项目名称: 请选择项目 效果一:需要手动一级一级点开 var data_select = [];ajax({ type: "post", url: "/admin/AdminHandler.ashx", data: { "operation": "GetCKZYXMList" }, success: function (data, status) { data_select = data; $("#ckno").change(function () { //清空option $("#zyno").

前端模块化详解(完整版)

console.log(counter);/module3' foo() bar() fun1() fun2() module3() ⑤ 编译并在index.html中引入 使用Babel将ES6编译为ES5代码(但包含CommonJS语法) : babel js/src -d js/lib 使用Browserify编译js : browserify js/lib/app.js -o js/lib/bundle.js 然后在index.html文件中引入 最后得到如下结果: image 此外第三方库(以jQuery为例)如何引入呢? 首先安装依赖npm install jquery@1 然后在app.js文件中引入 //app.js文件 import { foo, bar } from '.

前端性能优化

// Time to First Byte (TTFB) var ttfb = pageNav.responseStart - pageNav.requestStart;-性能优化 最后(欢迎大家关注我) DJL箫氏个人博客 博客GitHub地址 简书 掘金

面试之jquery中的ajax方法参数

面试之jquery中的ajax方法参数 url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。 type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。 timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.

JavaScript异步精讲,让你更加明白Js的执行流程!

//新建一个deferred var wait = function (dtd) { var tasks = function () { console.log('执行完毕'); } 现在,wait()函数返回的是deferred对象,这就可以加上链式操作了。 $. } 改为promise后的写法: getData(method, url){ var promise = new Promise(function(resolve, reject){ var xmlHttp = new XMLHttpRequest();then(successFun, failFun) 很显然,我们把异步中使用回调函数的场景改为了.

如果想成为一名顶尖的前端,这份书单你一定要收藏!

如果想成为一名顶尖的前端,这份书单你一定要收藏! 欢迎大家前往腾讯云+社区,获取更多腾讯海量技术实践干货哦~ 本文由腾讯IVWEB团队 发表于云+社区专栏 作者:link 2014年一月以来,自己接触web前端开发已经两年多了,记录一下自己前端学习路上看过的,以及道听途说的一些书,基本上按照由浅入深来介绍。 JavaScript 入门 《JavaScript权威指南(第六版)》 ★★★★★ img

学习jquery的日常

学习jquery的日常 九月的第三周,思绪渐展。看到一句话:如果你对自己的现状不满意,不要抱怨,去改变。 我跟经理提出,我想要一个工作账号以及一个明确的工作任务。经理一如既往的搪塞了我。其实我们都知道,很多时候我们想要的不是一个答案,不是要别人告诉你怎么做,而是让他坚定你的想法。 很多事情你没有去做,不是因为别人阻碍了你,而是你自己阻碍了自己

2018前端工程师成长路线图

2018前端工程师成长路线图 成为前端工程师,第一步应该是学习HTML/CSS/JavaScript,这是基础。 1. HTML HTML用于定义网页的结构。你的第一步是学习HTML的语法,学会如何把页面拆分为多个部分。 任务:至少撸5个纯HTML页面,你可以实现任意网站的页面,比如GitHub的profile页面或者Twitter的登陆页面。纯HTML会有点丑,但是不用担心,专注于网页的结构。 2. CSS CSS,全称Cascading stylesheets

jQuery实现点击图标div循环放大缩小功能

jQuery实现点击图标div循环放大缩小功能 很基础的一个功能,点击左下角的图标按钮,地图的整个div会变大,变大预览之后,再次点击图标按钮,地图的整个div会变小,恢复原样,两个图标在地图界面的放大和缩小时间不断的切换图标状态(箭头向里面,或者箭头向外面) 图片.#scale { background: #FFFFFF url('. width: 26px; } #updmap { border: 1px solid #1E90FF;css({ "width": "400px", "height": "200px", });

dependencies和devDependencies的区别?

dependencies和devDependencies的区别? 前言 在我们使用npm下载各种三方库的时候,都会在package.json中生成devDependencies或者dependencies,那么对于这两者,到底有什么区别呢?附图一张↓ 效果图 区别 对于我们依赖的这些插件库,有的是我们开发所使用的,有的则是项目所依赖的。对于这个分界线,我们诞生了dependencies和devDependencies,具体却别如下: devDependencies:生产环境使用 dependenc