其他HTTP请求方法如PUT、DELETE,仅部分浏览器支持。 data(Object或String):发送到服务器的数据。如果不是字符串,将自动转换为字符串格式。GET请求中将附加在url后。...可用类型: xml:返回XML文档,可用jquery处理 html:返回纯文本HTML信息,包含的script标签会插入DOM时执行。 script:返回纯文本JavaScript代码。...使用JSONP形式调用函数时,例如myurl?callback=?,jquery将自动替换后一个“?”为正确的函数名,以执行回调函数。 text:返回纯文本字符串。...这个函数有3个参数,即XMLHttpRequest对象、错误信息和捕获的错误对象 function(XMLHttpRequest, textStatus, errorThrown){.../3.3.1/jquery.min.js"> css
2.CSS 选择器的优先级是如何工作的?3.CSS3 有哪些新特性?4.CSS 中的盒模型是什么?5.如何实现元素的垂直和水平居中?...它们使代码更容易理解和维护,也有助于搜索引擎优化(SEO)。**CSS选择器优先级:**内联样式优先级最高,其次是ID选择器,然后是类选择器、属性选择器和伪类,最后是标签选择器和通配符。...2.如何在 React 中实现组件之间的通信?3.Angular 的依赖注入是如何工作的?4.你如何使用 jQuery 选择和操作 DOM?...**jQuery选择和操作DOM:**可以使用$函数选择DOM元素,然后使用jQuery提供的方法(如.html(), .css(), .addClass(), .remove()等)来操作这些元素。...我使用Babel来确保我的代码能够在不同的浏览器和环境中正常运行。**ES6新特性:**ES6引入了许多新特性,如箭头函数、模板字符串、解构赋值、Promise、类(Class)等。
, 登录后, 生成css文件和字体文件 下载css文件和字体文件, 也可以使用在线地址 在自己页面中引入iconfont.css, 并在想显示字体图标的标签上使用类名即可 箭头函数非常熟练 const..., 用于打包代码 webpack官网 现代 javascript 应用程序的 静态模块打包器 (module bundler) 为要学的 vue-cli 开发环境做铺垫 webpack...webpack入口, 测试webpack是否能打包css文件 1.新建 - src/css/index.css 2.编写去除li圆点样式代码 3....lib/bundle.js // 有babel集成时, 会翻译成普通函数打包进lib/bundle.js 打包后观察lib/bundle.js - 被转成成普通函数使用了 - 这就是babel降级翻译的功能...类似jQuery,找到一个(或一类)文件,对其做一系列链式操作,更新流上的数据, 整条链式操作构成了一个任务,多个任务就构成了整个web的构建流程。 webpack是基于入口的。
团队为用户提供了贴心的方法让jQuery能与其他js库(如Prototype),实现起来很简单。...所以在注释代码块用可以使用$符号。 后半部分:(jQuery) 在前半半部分返回函数引用后传递jQuery对象参数。...其实,可以把(function($){/*代码块*/})(jQuery) 拆分成: 方法三: jQuery(function($){/*代码块*/}) 通过传递一个函数作为jQuery的参数,因此把这个函数声明为就绪函数...写出尽可能多的dom事件或js事件 // 4、写出尽可能多的伪类和伪元素 /*css伪类 css伪类用于向某些选择器添加特殊的效果。...::first-letter, ::first-line, ::before, ::after css3新增的伪元素 ::selection css伪类和伪元素的区别 为了避免大家混淆伪类和伪元素,css3
Vue社区上也有一些包装UIkit的库,如vuikit,但它的文档实在太少了,甚至从一开始的安装配套都做得非常差,基本上是脱离了UIkit的核心样式包和核心脚本编写的。.../dist/css/uikit.almost-flat.css' } } 在main.js代码内引入UIkit,代码就变为: import 'jquery' import 'uikit' import...以下代码中直接向Vue实例注入了UIkit的一些常用的帮助方法: import 'jquery' import 'uikit' import 'uikit-css' export default (Vue..., options) { // 向实例注入UIkit的对话框类方法 Vue.prototype....上述代码就是将回调函数的上下文强制替换为当前的Vue实例,避免了回调上下文丢失而需要手工去定义变量,“hold住”原有this上下文的痛苦。
(加载时间指感知的时间或者实际加载时间) · 1.优化图片 · 2.图像格式的选择(GIF:提供的颜色较少,可用在一些对颜色要求不高的地方) · 3.优化CSS(压缩合并css,如margin-top,...如果想要知道打印样式表的效果如何,直接在浏览器上选择打印预览就可以了。 2.3. 解释一下你对盒模型的理解,以及如何在CSS中告诉浏览器使用不同的盒模型来渲染你的布局。...2.普通的函数调用,函数被谁调用,this就是谁。 3.2. 你是如何测试JavaScript代码的? 结合自己的项目经验进行讲述。(chrome使用技巧) 3.3....$.extend(obj);是为了扩展jquery本身,为类添加新的方法。 $.fn.extend(obj);给JQUERY对象添加方法。...+方法名 $.fn.extend(obj);对prototype进行扩展,为jquery类添加成员函数,jquery类的实例可以使用这个成员函数。
要更改元素的样式/类,有两种可能的方法。...如何在 JavaScript 中将任何基数的字符串转换为整数? 在 JavaScript 中,parseInt() 函数用于将字符串转换为整数。...属性是一个只读属性,它返回表示浏览器的版本信息的字符串。 7. JavaScript 中可用的弹出框有哪些类型? JavaScript 中有三种类型的弹出框可用。...什么是转义字符和转义()函数? 转义字符:如果要使用一些特殊字符(如单引号和双引号、撇号和与号),则此字符是必需的。...JavaScript 不是概念级的作用域,在任何函数中声明的变量在函数内部都有作用域。 17. 如何在 JavaScript 中创建通用对象?
3、引入样式link和import区别 link属于html直接是在html中引入,import在css中引入只能引入css link在直接引入页面的时候就就已经引入了,import需要在引入css...,可以继承原型链上的东西 既是子类实例又是父类实例 缺点:调用了两次父类构造函数 多耗费了一点内存 寄生式组合继承 优点:完美 缺点:实现复杂 20、js作用域链 作用域链的作用是保证执行环境里有权访问的变量和函数是有序的...特性: - 函数内再嵌套函数 - 内部函数可以引用外层的参数和变量 - 参数和变量不会被垃圾回收机制回收 26、什么是js严格模式 严格模式就是在js代码前加 use strict 让 Javascript...jquery.extend 为jquery类添加类方法,可以理解为添加静态方法 jquery.fn.extend:源码中jquery.fn = jquery.prototype,所以对jquery.fn...的扩展,就是为jquery类添加成员函数 使用: jquery.extend扩展,需要通过jquery类来调用,而jquery.fn.extend扩展,所有jquery实例都可以直接调用 33、作用域
等绘制高性能的动画 CSS 1.CSS 盒模型,在不同浏览器的差异(w3c 盒模型,IE 盒模型) 2.CSS 所有选择器及其优先级、使用场景,哪些属性可以继承,如何运用 at规则 3.CSS 伪类和伪元素有哪些...,这对于学习一门编程语言非常重要 编译原理 1.理解代码到底是什么,计算机如何将代码转换为可以运行的目标程序 2.正则表达式的匹配原理和性能优化 3.如何将 JavaScript代码解析成抽象语法树(...,如单例模式、装饰器模式、代理模式等 2.发布订阅模式和观察者模式的异同以及实际应用 3.可以说出几种设计模式在开发中的实际应用,理解框架源码中对设计模式的应用 四、数据结构和算法 JavaScript...React、 Vue 等框架中使用 TypeScript 进行开发 Vue 1.熟练使用 Vue 的 API、生命周期、钩子函数 2.MVVM 框架设计理念 3.Vue 双向绑定实现原理、Diff 算法的内部实现...、 D3 5.工具函数库,如 lodash、 underscore、 moment 等,理解使用的工具类或工具函数的具体实现原理 开发和调试 1.熟练使用各浏览器提供的调试工具 2.熟练使用一种代理工具实现请求代理
包括以下工具: 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库,如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方...JavaScript 动画库,如 Velocity.js 上一篇说明了使用「过渡类名」来实现动画效果,但是每个动画都要自己去写的话,其实是一个挺麻烦的事情,本篇章来说明使用第三方css动画库「Animate.css...虽然借助 animate.css 能够很方便、快速的制作 CSS3 动画效果,但还是建议看看 animate.css 的代码,也许你能从中学到一些东西。...-- 编写js控制animate动画类 --> jquery/jquery-3.4.1.min.js"> .../html> 浏览器显示如下: 更多的动画效果,可以根据在线演示来查看,如下: https://daneden.github.io/animate.css/ 下面来看看如何在Vue框架中应用。
包括以下工具: 在 CSS 过渡和动画中自动应用 class 可以配合使用第三方 CSS 动画库,如 Animate.css 在过渡钩子函数中使用 JavaScript 直接操作 DOM 可以配合使用第三方...JavaScript 动画库,如 Velocity.js 上一篇说明了使用过渡类名来实现动画效果,但是每个动画都要自己去写的话,其实是一个挺麻烦的事情,本篇章来说明使用第三方css动画库Animate.css...虽然借助 animate.css 能够很方便、快速的制作 CSS3 动画效果,但还是建议看看 animate.css 的代码,也许你能从中学到一些东西。...-- 编写js控制animate动画类 --> jquery/jquery-3.4.1.min.js"> ...更多的动画效果,可以根据在线演示来查看,如下: https://daneden.github.io/animate.css/ ? 下面来看看如何在Vue框架中应用。
前言 目录 入门类 HTML 5 部分 CSS 3 部分 JQuery Angular JS React Vue Node JS JS Template 移动端 移动端 API 综合 API 其他 API...CSS 3 部分 ---- CSS 语法参考 如何编写可维护的CSS CSS3动画手册 腾讯css3动画制作工具 志爷css小工具集合 css3 js 移动大杂烩 bouncejs 触摸库 animate.css...全局CSS的终结 browserhacks CSS3其他属性 弹性盒模型详解 CSS3动画 2D变形&3D变形 蒙版mask 6....jquery 源码查找 Web前端资源汇总(jQuery,Js,Css3等) 7....(node.js中的jQuery) nodejs的一个聊天软件 类似微信 使用html5和node.js构建的网易云音乐 babel ES6转换为ES5 一个JS富文本编辑器 一个JS脑图可视化工具 一个
高可用、更丰富、更动态的Web用户界面。...(全局) complete:完成之后执行的回调函数(全局) success:成功之后执行的回调函数(全局) error:失败之后执行的回调函数(全局) accepts:通过请求头发送给服务器,告诉服务器当前客户端可接受的数据类型...JSONP 格式使用 JSONP 形式调用函数时,如 "myurl?...jQuery 将自动替换 ? 为正确的函数名,以执行回调函数 1....---- Ajax总结 使用Jquery需要导入Jquery,使用Vue导入vue, 三部曲: 编写对应的处理Controller,返回消息或者字符串或者Json格式的数据 编写AJax请求 URL:
与$(fn)等价 (3)toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素, 则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数。...如检测是否ie:$.browser.isie,是ie浏览器则返回true。 $.each(obj, fn):通用的迭代函数。可用于近似地迭代对象和数组 (代替循环)。...如:$.merge( [0,1,2], [2,3,4] ) //返回[0,1,2,3,4] $.trim(str):删除字符串两端的空白字符。 ..." 12、解决自定义方法或其他类库与jQuery的冲突 很多时候我们自己定义了$(id)方法来获取一个元素,或者其他的一些js类库如prototype也都定义了$方法,如果同时把这些内容放在一起就会引...2、jQuery对象转DOM对象 由于jQuery对象本身是一个集合。所以如果jQuery对象要转换为Dom对象则必须取出其中的某一项,一般可通过索引取出。
: 基础选择器 $("#Id") 选择ID为divId的元素(根据元素Id选择) $("element") 选择所有元素(根据元素的名称选择) $(".class") 选择所用CSS类为bgRed的元素...(根据元素的css类选择) $("*")选择页面所有元素(选择所有元素) $("#divId, element, .class")(可以将几个选择器用","分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容...’+i);//arrDivp[i]是DOM对象,直接用$()转为JQuery对象后调用html方法; JQUERY包装集转DOM对象 通过索引访问到的JQUERY包装集中的单个元素是DOM对象 通过包装集的某些遍历函数...由于该事件在文档就绪后发生,因此把所有其他的 JQUERY事件和函数置于该事件中是非常好的做法。...n + 1 : null;}); 结果:[2, 3] 原数组中每个元素扩展为一个包含其本身和其值加 1 的数组,并转换为一个新数组:$.map( [0,1,2], function(n){ return
通过定义一个函数来实现 px 到 rem 的转换,在编写样式时调用该函数,就能自动将 px 值转换为 rem 值。...,示例代码如下:$base-font-size: 16px;步骤二:创建 px 转 rem 的函数undefined接着创建一个函数,用于执行 px 到 rem 的转换计算。...);}当使用 Sass 编译器将 .styles.scss 文件编译成普通的 CSS 文件时,上述代码会被转换为对应的 rem 值表示的样式,如下所示(假设 $base-font-size 为 16px...步骤二:配置 px 转 rem 的相关参数undefined在 vue.config.js 文件中添加如下配置代码,示例如下(这里同样假设根元素字体大小设置为 16px,你可以根据实际情况调整):module.exports...,在 Vue.js 项目中编写 CSS 样式时使用的 px 值就会在项目构建阶段自动转换为 rem 值了。
�2.jQuery构造函数解密 2.1 构造函数的each方法 语法:jQuery.each(object, [callback]) 概述 通用例遍方法,可用于例遍对象和数组。...不同于例遍 jQuery 对象的 $().each() 方法,此方法可用于例遍任何对象。回调函数拥有两个参数:第一个为对象的成员或数组的索引,第二个为对应变量或内容。...语法:jQuery.makeArray(obj) 概述 将类数组对象转换为数组对象。...类数组对象有 length 属性,其成员索引为 0 至 length - 1。实际中此函数在 jQuery 中将自动使用而无需特意转换。 参数: obj:类型Object,类数组对象。...例如代码: $('#p1').css('color', 'red').height(200).hide('slow'); // 等价于 $('#p1').css('color', 'red'); $('
回调函数 优点:简单、容易理解 缺点:不利于维护、代码耦合高 事件监听 优点:容易理解,可以绑定多个事件,每个事件可以指定多个回调函数 缺点:事件驱动型,流程不够清晰 发布/订阅(观察者模式) 类似于事件监听...如何在vue中安装和使用? sass是一种CSS预编译语言安装和使用步骤如下。 用npm安装加载程序( sass-loader、 css-loader等加载程序)。...(vue 事件机制) 4、观察者模式。...常用的CSS选择器 ID选择器、类选择器、标签选择器、属性选择器、伪类选择器、后代选择器 权重划分 在同一层级下: !...3.将复杂的代码简化,提供连缀编程模式,大大简化了代码的操作。
vue3 不同构建版本 Vue3中不再构建UMD模块化的方式,因为UMD会让代码有更多的冗余,它要支持多种模块化的方式。...Vue3中将CJS、ESModule和自执行函数的方式分别打包到了不同的文件中。在packages/vue中有Vue3的不同构建版本。...red; } 4.css module 标签会被编译为 CSS Modules 并且将生成的 CSS 类作为 $style 对象的键暴露给组件 5.状态驱动的动态...问题总结 1.直接在浏览器内通过script引入Vue3,需要注意以下几点 setup选项内,不能像在Cli内一样使用Vue的APi(如ref、reactive等),需要使用 Vue.ref 的形式才能调用...所以需要setup函数异步转同步,后设置了async 后异步转同步,结果导致页面空白不显示。
与之相关的,也许你还听过几个概念,如jQuery、zepto、Vue、React、Angular等,甚至还有Webpack、gulp、grunt、vite、element、antd等等。...js与jQuery、zepto 其实我之前自学前端的时候,根本分不清js和jQuery,只是网上找了教程,上来就写代码。...当然,随着互联网的崛起,jQuery的缺点越来越明显,对于大型项目来说,jQuery无法高效支持模块化。虽然用jQuery加上魔法也可以模块化,但是代码可读性很差,并且只有大佬才会魔法。。。...React与Vue 因为React和Vue的崛起,jQuery逐渐被淘汰,React是Facebook开发的一个框架,最早用于内部,后来就开源了,再后来Facebook考虑过收费,国内一阵恐慌,纷纷想转...我之前从jQuery转React的时候,只是看了阮一峰一篇React的入门文章,然后面上了React的工作,上来就硬写React,同时维护node,而我当时根本没写过node。