自己运营了一个公众号,在发文章的时候,需要在网上找一些图,而有些网站的图片可能隐藏在属性或者背景图中,要下载的时候经常审查元素,查看源码,不太方便,最近在看一些谷歌插件的api,便顺手做了一个插件Im
一个html页面由那几部分组成的? html(超文本标记语言)、css(层叠样式表)、js(动态脚本语言)(操作页面上所有元素,让元素具有动态的效果) 前端工程师工作的内容: 拿到UI设计图:切图---->html+css静态布局----->用js写一些动态效果----->ajax和后台进行交互,把数据绑定到页面上---->用nodejs服务平台做源代码的管理---->用nodejs做后台 用到的开发工具有: Dw、sublime、webstrom、hbuild、eclipse...... 将css引
在前端开发中,很大一部分工作都是将后台数据获取到后展示在前端界面上。如果接口是现成的,这个过程还相对容易一些,但是如果接口的开发和前端开发是同时进行的,在仅仅有接口文档并无测试环境的情况下,前端开发者就要痛苦了,所得非所见的盲写方式不但效率低下,也有很大的遗漏风险。如果我们有办法自己根据接口文档模拟这些数据,那开发过程中的体验就会好很多了。幸运的是,通过node.js,express和mock.js,我们可以非常容易的进行数据Mock。
我们先来看一个JS中常见的JS对象序列化成JSON字符串的问题,请问,以下JS对象通过JSON.stringify后的字符串是怎样的?先不要急着复制粘贴到控制台,先自己打开一个代码编辑器或者纸,写写看,写完再去仔细对比你的控制台输出,如果有误记得看完全文并评论,哈哈。
window是一个全局对象,其实就是相当于那个对象调用这个函数,那么这个函数里面的隐式参数this就是当前调用这个函数的对象
ng内置了九种过滤器,使用方法都非常简单,看文档即懂。不过为了以后不去翻它的文档,还是做一个详细的记录。
在我们前面的文章中已经深入学了HTML和CSS,在网页设计中我们已经有能力完成一个美观的网页框架
我们上一节讲了插值,主要是针对DOM的文本节点操作。那么如果现在有个需求,我们需要点击按钮,更换图片,怎么办?或者我们需要更换一下元素的样式该怎么实现呢?
Mock.mock(rul?,rtype?,template|function(options))
这道题考察的是 JS 的变量类型,JS 的变量类型有值类型和变量类型两种,值类型包括 undefined、字符串、数字、布尔值,引用类型包括对象、数组、函数
上一篇JS基础知识总结(一)主要了介绍变量类型相关的基础知识,本文将介绍JS的深拷贝和浅拷贝的有关内容。
JavaScript Object Notation(JavaScript对象标记)简称JSON。(数据交换格式) JSON主要作用是:一种标准的数据交换格式。 JSON以JS对象的形式存在!!
上一篇JS基础知识总结(二)主要了介绍深拷贝、浅拷贝的基础知识,本文将介绍JS原型、原型链的有关内容。
作为一个后端程序员,也是要和前端页面打交道的。最常见的场景莫过DOM元素操作和前端页面使用AJAX向服务器发送请求。 实现上述两个功能当然可以使用原生js来完成,但在实际开发过程中很少这样做,通常会使用一些别人封装好的js库来辅助我们的工作,jQuery就是这些辅助库中的一员。
理解ES 全称: ECMAScript js语言的规范 我们用的js是它的实现 js的组成 ECMAScript(js基础) 扩展-->浏览器端 BOM DOM 扩展-->服务器端 Node.js ES5 严格模式 运行模式: 正常(混杂)模式与严格模式 应用上严格式: 'strict mode'; 作用: 使得Javascript在更严格的条件下运行 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为 消除代码运行的一些不安全之处,保证代码运行的安全 需要记住的几个变化 声明定
学习zepto.js(对象方法)[3] 继续说zepto里attributes的相关操作. attr,removeAttr,prop这三个方法. attr(): 三种用途 get: 返回值为一个string字符串 $("").attr("id"); //--> "special" 注意:只能返回对象中第一个节点的属性值 set: 返回值为一个zepto对象 $("").attr("id","special"); //
https://naturefw.gitee.io/nf-rollup-ui-controller/
一切皆“对象” JS中一切皆“对象” “对象”是属性的集合,而属性又是对象。既然属性又是对象,那么一个对象的属性也可以拥有属性,如: //定义一个函数getName var getName = function(){ return "chaiMaoMao"; } //由于一切皆对象,故getName也为对象,故可以给它添加属性,属性可以是任何类型 getName.value = "lalala"; getName.toString = function(){ //…… } JS中的“对象
文章目录 选择器 选择元素 选择集属性 选择集操作 数据绑定 数据处理 数组 映射 统计 选择器 选择元素 函数 返回值 select() 匹配的第一个元素 selectAll() 匹配的所有元素 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>D3</title> <link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css
这是第 100 篇不掺水的原创,想要了解更多,请戳上方蓝色字体:政采云前端团队 关注我们吧~ 本文首发于政采云前端团队博客:JS常用的循环遍历你会几种 https://www.zoo.team/
打印结果:Obj2下面的__proto__指向的原型对象中有Obj1的属性,相当于继承了Obj1属性。
在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同。
let是局部变量(在他所在的代码块可用),const是常量,var是全局变量(前两个是ES6的,因为前面两个更加严谨,var被抛弃(貌似))
jQuery 一.jQuery入门 1.javascript类库 JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器。 核心理念是w
其次,对象的比较并非值的比较:对象的比较均是引用的比较,当且仅当它们引用同一个基对象时,它们才相等。 即使两个对象包含同样的属性和相同的值,它们也是不相等的。各个索引元素完全相等的两个数组也不相等
v-bind指令想必大家都不陌生,并且都知道他支持各种写法,比如、、(vue3.4中引入的新的写法)。这三种写法的作用都是一样的,将title变量绑定到div标签的title属性上。本文将通过debug源码的方式带你搞清楚,v-bind指令是如何实现这么多种方式将title变量绑定到div标签的title属性上的。注:本文中使用的vue版本为3.4.19。02JSON基础入门实战讲解()基础+实例1(原力计划的啊)是为了方便js获取的哈,我举个例子把,好吧,比如我叫陈业贵,你不知道我的名字能找到我吗?答案是不能是吧,一样的啦 记住哈,json的意思就是js代表javascript,o代表对象,n代表符号,也是一种字符把,哈哈哈 他代表一种数据交互的格式, 问题:格式是什么? 是一种方式,也就是说是模式把,也就是说是一种类型把懂了把哈哈哈 记住哈,它是以对象的方式来展示的 问题来了,兄弟们 以对象的形式是不是可以写属性和方法啊,老师(下面介绍) 没错,同学们,你们very good! document.getElementById(“x01”).innerHTML=ren.xing; document.getElementById(“m01”).innerHTML=ren.ming; 核心是什么?核心是把值赋值给div的中间也就是内容啊,兄弟们。 记住:兄弟们,json的!!!标准写法!!!是属性用双引号括起来,记住,是属性!!!!那么这时候问题来了, 属性值呢? 用什么? 如果要是数字什么都不要用,单单写就可以,如果是字符就要用双引号了,哈 注意点:外面也可以用单引号括起来, 兄弟们,请记住,如果属性单单写也不报错, 属性值字符串一定要用引号括起来哈,你不会连这一点都不懂把呵呵 那么这里问题来了,为什么属性值字符要用引号括起来呢,呵呵,因为他是字符啊,你不知道字符串字符吗,兄弟!02Vue之动态绑定属性v-bind能给元素动态绑定属性 img中的src在大多数情况下都是动态传递过来的数据,并非是写死的,这时就需要用v-bind的语法,做src属性的动态绑定。 在需要动态绑定的属性前加上v-bind:,告诉Vue这个属性我需要动态绑定。01angularjs filter详解过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。 主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等。 ng内置了一些过滤器,它们是:currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、number(数字)、orderBy(排序)。总共九种。 除此之外还可以自定义过滤器,这个就强大了,可以满足任何要求的08js学习总结转自 http://blog.sina.com.cn/s/blog_75cf5f3201011csu.html06vue入门教程(一)「建议收藏」Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。02JS中轻松遍历对象属性的几种方式Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 。如果对象的键-值都不可枚举,那么将返回由键组成的数组。02理解vue中的scope的使用我们都知道vue slot插槽可以传递任何属性或html元素,但是在调用组件的页面中我们可以使用 template scope="props"来获取插槽上的属性值,获取到的值是一个对象。 注意:scope="它可以取任意字符串"; 上面已经说了 scope获取到的是一个对象,是什么意思呢?我们先来看一个简单的demo就可以明白了~ 如下模板页面:04前端攻坚战三大新框架:Angular.js、React.js、Vue.js。今天我们来磕这个最常用,影响极广的框架:Vue.js。01处理 JS中 undefined 的 7 个技巧为了保证的可读性,本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! 大约8年前,当原作者开始学习JS时,遇到了一个奇怪的情况,既存在undefined 的值02前端进阶: 如何用javascript存储函数?可视化搭建平台的设计思路往往也是基于上面的过程展开的, 我们需要提供编辑器环境给用户来创建视图和交互, 最终用户保存的产物可能是这样的:02ES5详解_es6配置表用来监听对象属性,可直接在一个对象上定义一个或者多个新的属性可修改属性一共两个参数02Java Web(四)JS在 HTML 中,JavaScript 代码必须位<script>与</script>标签之间02vue-03 1. 准备 1.[].slice.call(lis): 将伪数组转换为真数组 2.node.nodeType: 得到节点类型 3.Object.defineProperty(obj, propertyName, {}): 给对象添加/修改属性(指定描述符) configurable: true/false 是否可以重新define enumerable: true/false 是否可以枚举(for..in / keys()) value: 指定初始值 writable: true/false v02微信小程序 之 网络请求、数据解析、页面渲染、动态参数对于任何应用来说,网络请求是必不可少,这在微信小程序中也不例外,那么微信小程序中怎么进行网络访问呢?访问的数据怎么解析?解析之后怎么渲染在页面上。现在你先带着这些疑惑,然后往下看。03watch.js 源码解读用麻雀虽小五脏俱全来描述Watch.js比较合适。“观察者”模式是我们在开发的时候经常需要用到的。使用Watch.js那么我们就可以实现在“每当对象属性改变的时候,执行你的函数”。虽然有很多其他的库可以实现相同的功能,但是Watch.js却可以不改变你平时书写代码的方式,并且实现属性改变的监听功能。01Vue.js之Vue计算属性、侦听器、样式绑定1)el(挂载点) 创建一个Vue这个实例去接管页面中的某个Element(元素)。也就是说el表明和页面上 哪一个节点做绑定! 2)data vue实例都有一些数据,我们把数据都存放在data中。03jquery操作css相同class的节点平时的工作中有时候需要同时操作多个class相同的节点,这里使用jquery操作css相同class的节点。03Vue 常用指令(上)作用:使用 v-on 指令绑定 DOM 事件,并在事件被触发时执行一些 JavaScript 代码。02前端day12-JS(WebApi)学习笔记(操作元素属性,事件介绍)硬盘代码读取到内存 -> 浏览器渲染引擎生成DOM树(document) -> 开始渲染页面00thymeleaf中th:attr用法以及相关的thymeleaf基本表达式${}变量表达式:用于访问容器上下文环境中的变量; *{}选择表达式:选择表达式与变量表达式有一个重要的区别:选择表达式显示的是选定的对象。选择的对象是一个:th:object对象属性绑定的对象。01js中的对象面向对象编程(Object Oriented Programming,缩写为 OOP)是目前主流的编程范式。它将真实世界各种复杂的关系,抽象为一个个对象,然后由对象之间的分工与合作,完成对真实世界的模拟。05js数组截取方式splice()和slice()方法1.splice() splice() 方法可以添加元素、删除元素,也可以截取数组片段。删除元素时,将返回被删除的数组片段,因此可以使用 splice() 方法截取数组片段01【JavaWeb】85:jQuery的各种选择器jQuery语法的简洁之处就是在于此:如果是使用js语法,得到的元素为一个数组,所以要使用for循环依次赋值。02【JavaScript】 JS面向对象的模式与实践参考书籍 《JavaScript高级语言程序设计》—— Nicholas C.Zakas 《你不知道的JavaScript》 —— KYLE SIMPSON 在JS的面向对象编程中,我们最为关注的是两种行为,一是创建对象,二是类继承 JS创建对象 一.构造函数模式创建对象 第一种创建对象的方式是构造函数模式 如下所示, 将构造函数中的属性和方法赋给一个新对象 /** * description: 构造函数模式创建对象 */ function Type (p) { this.param = p; /06
是为了方便js获取的哈,我举个例子把,好吧,比如我叫陈业贵,你不知道我的名字能找到我吗?答案是不能是吧,一样的啦 记住哈,json的意思就是js代表javascript,o代表对象,n代表符号,也是一种字符把,哈哈哈 他代表一种数据交互的格式, 问题:格式是什么? 是一种方式,也就是说是模式把,也就是说是一种类型把懂了把哈哈哈 记住哈,它是以对象的方式来展示的 问题来了,兄弟们 以对象的形式是不是可以写属性和方法啊,老师(下面介绍) 没错,同学们,你们very good! document.getElementById(“x01”).innerHTML=ren.xing; document.getElementById(“m01”).innerHTML=ren.ming; 核心是什么?核心是把值赋值给div的中间也就是内容啊,兄弟们。 记住:兄弟们,json的!!!标准写法!!!是属性用双引号括起来,记住,是属性!!!!那么这时候问题来了, 属性值呢? 用什么? 如果要是数字什么都不要用,单单写就可以,如果是字符就要用双引号了,哈 注意点:外面也可以用单引号括起来, 兄弟们,请记住,如果属性单单写也不报错, 属性值字符串一定要用引号括起来哈,你不会连这一点都不懂把呵呵 那么这里问题来了,为什么属性值字符要用引号括起来呢,呵呵,因为他是字符啊,你不知道字符串字符吗,兄弟!
v-bind能给元素动态绑定属性 img中的src在大多数情况下都是动态传递过来的数据,并非是写死的,这时就需要用v-bind的语法,做src属性的动态绑定。 在需要动态绑定的属性前加上v-bind:,告诉Vue这个属性我需要动态绑定。
过滤器(filter)正如其名,作用就是接收一个输入,通过某个规则进行处理,然后返回处理后的结果。 主要用在数据的格式化上,例如获取一个数组中的子集,对数组中的元素进行排序等。 ng内置了一些过滤器,它们是:currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、number(数字)、orderBy(排序)。总共九种。 除此之外还可以自定义过滤器,这个就强大了,可以满足任何要求的
转自 http://blog.sina.com.cn/s/blog_75cf5f3201011csu.html
Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 。如果对象的键-值都不可枚举,那么将返回由键组成的数组。
我们都知道vue slot插槽可以传递任何属性或html元素,但是在调用组件的页面中我们可以使用 template scope="props"来获取插槽上的属性值,获取到的值是一个对象。 注意:scope="它可以取任意字符串"; 上面已经说了 scope获取到的是一个对象,是什么意思呢?我们先来看一个简单的demo就可以明白了~ 如下模板页面:
三大新框架:Angular.js、React.js、Vue.js。今天我们来磕这个最常用,影响极广的框架:Vue.js。
为了保证的可读性,本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! 大约8年前,当原作者开始学习JS时,遇到了一个奇怪的情况,既存在undefined 的值
可视化搭建平台的设计思路往往也是基于上面的过程展开的, 我们需要提供编辑器环境给用户来创建视图和交互, 最终用户保存的产物可能是这样的:
用来监听对象属性,可直接在一个对象上定义一个或者多个新的属性可修改属性一共两个参数
在 HTML 中,JavaScript 代码必须位<script>与</script>标签之间
1. 准备 1.[].slice.call(lis): 将伪数组转换为真数组 2.node.nodeType: 得到节点类型 3.Object.defineProperty(obj, propertyName, {}): 给对象添加/修改属性(指定描述符) configurable: true/false 是否可以重新define enumerable: true/false 是否可以枚举(for..in / keys()) value: 指定初始值 writable: true/false v
对于任何应用来说,网络请求是必不可少,这在微信小程序中也不例外,那么微信小程序中怎么进行网络访问呢?访问的数据怎么解析?解析之后怎么渲染在页面上。现在你先带着这些疑惑,然后往下看。
用麻雀虽小五脏俱全来描述Watch.js比较合适。“观察者”模式是我们在开发的时候经常需要用到的。使用Watch.js那么我们就可以实现在“每当对象属性改变的时候,执行你的函数”。虽然有很多其他的库可以实现相同的功能,但是Watch.js却可以不改变你平时书写代码的方式,并且实现属性改变的监听功能。
1)el(挂载点) 创建一个Vue这个实例去接管页面中的某个Element(元素)。也就是说el表明和页面上 哪一个节点做绑定! 2)data vue实例都有一些数据,我们把数据都存放在data中。
平时的工作中有时候需要同时操作多个class相同的节点,这里使用jquery操作css相同class的节点。
作用:使用 v-on 指令绑定 DOM 事件,并在事件被触发时执行一些 JavaScript 代码。
硬盘代码读取到内存 -> 浏览器渲染引擎生成DOM树(document) -> 开始渲染页面
${}变量表达式:用于访问容器上下文环境中的变量; *{}选择表达式:选择表达式与变量表达式有一个重要的区别:选择表达式显示的是选定的对象。选择的对象是一个:th:object对象属性绑定的对象。
面向对象编程(Object Oriented Programming,缩写为 OOP)是目前主流的编程范式。它将真实世界各种复杂的关系,抽象为一个个对象,然后由对象之间的分工与合作,完成对真实世界的模拟。
1.splice() splice() 方法可以添加元素、删除元素,也可以截取数组片段。删除元素时,将返回被删除的数组片段,因此可以使用 splice() 方法截取数组片段
jQuery语法的简洁之处就是在于此:如果是使用js语法,得到的元素为一个数组,所以要使用for循环依次赋值。
参考书籍 《JavaScript高级语言程序设计》—— Nicholas C.Zakas 《你不知道的JavaScript》 —— KYLE SIMPSON 在JS的面向对象编程中,我们最为关注的是两种行为,一是创建对象,二是类继承 JS创建对象 一.构造函数模式创建对象 第一种创建对象的方式是构造函数模式 如下所示, 将构造函数中的属性和方法赋给一个新对象 /** * description: 构造函数模式创建对象 */ function Type (p) { this.param = p; /
领取专属 10元无门槛券
手把手带您无忧上云