腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

进击的君君的前端之路

专栏作者

84

文章

179406

阅读量

28

订阅数

Vue成神之路之内部指令

vue.js java html 渲染

vue.js——开发版本：包含完整的警告和调试模式 vue.min.js——生产版本：删除了警告，进行了压缩

2018-12-14

2.6K0

Vue成神之路之实例和插槽

其他 java vue.js html jquery

vue.js——开发版本：包含完整的警告和调试模式 vue.min.js——生产版本：删除了警告，进行了压缩

2018-12-14

2.3K0

React学习笔记—JSX

react java html

所谓JSX，是JavaScript的语法扩展（eXtension），让我们在JavaScript中可以编写像HTML一样的代码。 JSX中的这几段代码看起来和HTML几乎一摸一样，都可以使用<div><button>之类的元素，所以只要熟悉HTML，学习JSX完全不成问题，但是，我们一定要明白两者的不同之处。首先，在JSX中使用的“元素”不局限于HTML中的元素，可以是任何一个React组件。例如： // Counter组件 import React, { Component } from 'react'

2018-06-28

8070

知识点梳理

ecmascript java

1.ECMAScript和javaScript的关系可简单概括为：ECMAScript是JavaScript的规范，JavaScript是ECMAScript的实现。红宝书第一章小结： js是一种专为与网页交互而设计的脚本语言，由下列三个不同部分组成：核心ECMAScript，提供核心语言功能；文档对象模型（DOM），提供访问和操作网页内容的方法和接口；浏览器对象模型（BOM），提供与浏览器交互的方法和接口。 JavaScript实现了ECMAScript规范（同样实现ECMAScript的还有A

2018-06-28

6800

html 安全 java

1、XSS简介作为一种HTML注入攻击，XSS攻击的核心思想就是在HTML页面中注入恶意代码，而XSS采用的注入方式是非常巧妙的。在XSS攻击中，一般有三个角色参与：攻击者、目标服务器、受害者的浏览器。由于有的服务器并没有对用户的输入进行安全方面的验证，攻击者就可以很容易地通过正常的输入手段，夹带进一些恶意的HTML脚本代码。当受害者的浏览器访问目标服务器上被注入恶意脚本的页面后，由于它对目标服务器的信任，这段恶意脚本的执行不会受到什么阻碍。而此时，攻击者的目的就已经达到了。下面我们以一段简单的J

2018-06-28

7480

npm、npm scripts

npm json 存储 java

1、如何全局安装一个 node 应用? npm install -g <package_name> 上述命令执行之后将会在当前的目录下创建一个 node_modules 的目录（如果不存在的话），然

2018-06-28

2.2K0

前端模块化

1、为什么需要模块化在JavaScript发展初期就是为了实现简单的页面交互逻辑，网页结构并不复杂，早期简单的网页结构是类似这样的： <!DOCTYPE html> <html> <head> <title></title> <link rel="dns-prefetch" href="xxx.css"> <script type="text/javascript" src="xxx.js"></script> ... </head> <body> ... </b

2018-06-28

4230

React官方脚手架create-react-app

为了快速地进行构建使用 React 的项目，FaceBook 官方发布了一个无需配置的、用于快速构建开发环境的脚手架工具 create-react-app。 create-react-app所创建的应用入口文件是src/index.js文件。 1、使用的原因以及特性：无需配置；集成了对 React, JSX, ES6 和 Flow 的支持；集成了开发服务器；配置好了浏览器热加载的功能；在 JavaScript 中可以直接 import CSS 和图片；自动处理 CSS 的兼容问题，无需添加 -w

2018-06-28

8440

1、ReactJS简介 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。 2、ReactJS的背景和原理在Web开发中，我们总需要将变化的数据实时反应到UI上，这时

2018-06-27

3.8K0

ecmascript java

前言：面向对象的语言有一个标志，那就是它们都有类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。ECMAScript中没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。 ECMA-262把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数”。这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。正因为这样，可以把ECMAScript的对象想象成散列表：无非就是一组名值对，其中值可以是数据或函数。每个对象都是基于一个引用类型创

2018-06-27

3710

如何发布npm包

1、npm是什么？ NPM (node package manager)，通常称为node包管理器。顾名思义，它的主要功能就是管理node包，包括：安装、卸载、更新、查看、搜索、发布等。 npm 可以让 JavaScript 开发者在共享代码、复用代码以及更新共享的代码上更加方便。当一个 JavaScript 开发者为了解决某个问题而编写了一些代码并将其共享出来的话，其他的开发者能够在自己的应用程序中复用这些代码，npm 让这些事情变得简单。如果你使用了其他开发者开发的代码，你就可以很方便地使用 npm

2018-06-27

1.3K0

jQuery实现图片懒加载

一、懒加载 1.什么是懒加载目前，网络上各大论坛，尤其是一些图片类型的网站上，在图片加载时均采用了一种名为懒加载的方式，具体表现为，当页面被请求时，只加载可视区域的图片，其它部分的图片则不加载，只有这些图片出现在可视区域时才会动态加载这些图片，从而节约了网络带宽和提高了初次加载的速度。 2.懒加载的原理页面中的img元素，如果没有src属性，浏览器就不会发出请求去下载图片，只有通过javascript设置了图片路径，浏览器才会发送请求。懒加载的原理就是先在页面中把所有的图片统一使用一张占位图进行占位，

2018-06-27

13.6K0

jquery api ajax java

1、为什么要用 jQuery DOM API 很难用。我们可以通过document.getElementById等方法获取DOM对象，但是方法名称长，使用不方便，而且功能有限，不能像CSS选择器那样灵活。存在兼容性问题。比如，实现一些功能要写一些事件处理程序，如果要兼容老浏览器的话，则要进行一层层的封装。功能太少，不能与时俱静。换句话说，只有等到浏览器更新了或者不需要兼容老浏览器时，才可以使用一些新的语法去选择一些元素，去操作它......。 jQuery 兼容性好。 API 友好。使用起来很方便功能

2018-06-27

2.2K0

事件 JavaScript和HTML的交互是通过事件实现的。JavaScript采用异步事件驱动编程模型，当文档、浏览器、元素或与之相关对象发生特定事情时，浏览器会产生事件。如果JavaScript关注特定类型事件，那么它可以注册当这类事件发生时要调用的句柄。事件是某个行为或者触发，比如点击、鼠标移动..... 当用户点击鼠标时当网页已加载时当图像已加载时当鼠标移动到元素上时当用户触发按键时... 事件流事件流描述的是从页面中接收事件的顺序，比如有两个嵌套的div，点击了内层的div，这时候是内层

2018-06-27

1.3K0

定时器 JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。 setTimeout() setTimeout函数用来指定某个函数或某段代码，在多少毫秒之后执行。它返回一个整数，表示定时器的编号，以后可以用来取消这个定时器。 var timerId = setTimeout(func|code, delay) 上面代码中，setTimeout函数接受两个参数，第一个参数func|code是将要推迟执行的函数名或者一段

2018-06-27

1.4K0

数据类型、运算符、流程控制语句

java ecmascript

1、JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型（或基本数据类型）和复杂类型的区别是什么? 最新的 ECMAScript 标准定义了 7 种数据类型: 6种原始

2018-06-27

2.2K0

字符串与JSON

一、代码习题 1.使用数组拼接出如下字符串，其中styles数组里的个数不定 var prod = { name: '女装', styles: ['短款', '冬季', '春装'] }; function getTpl(data){ //todo... }; var result = getTplStr(prod); //result为下面的字符串 <dl class="product"> <dt>女装</dt> <dd>短款</dd> <dd>冬季</dd>

2018-06-27

3.1K0

1、CSS和JS在网页中的放置顺序是怎样的？（1）CSS 对于谷歌浏览器和Safari放在head里或body里都一样。因为它是在全部的样式表完全加载下来之后才开始渲染页面，将内容呈现在页面上。对于Firefox，head标签中的<link rel="stylesheet">行为与Chrome/Safari中完全一致，这些link标签全部加载完成之前，页面上不显示内容。而body标签中的<link rel="stylesheet">则不阻塞任何内容显示，会出现FOUC无样式内容闪烁。对于IE/Edge

2018-06-27

1.6K0

函数与作用域

1.函数声明和函数表达式有什么区别函数就是一段可以反复调用的代码块。函数还能接受输入的参数，不同的参数会返回不同的值。 JavaScript有三种方法，可以声明一个函数。 1.function命令 function命令声明的代码区块，就是一个函数。function命令后面是函数名，函数名后面是一对圆括号，里面传入函数的参数。函数体放在大括号里面。 function add(s) { console.log(s) } 上面的代码命名了一个print函数，以后使用print()这种形式，就可以调用相应

2018-06-27

8140

1.概述 1.1DOM DOM是JavaScript操作网页的接口，全称为“文档对象模型”（Document Object Model）。文档对象模型 (DOM) 是HTML和XML文档的编程接口。它给文档（结构树）提供了一个结构化的表述并且定义了一种方式—程序可以对结构树进行访问，以改变文档的结构，样式和内容。浏览器会根据DOM模型，将结构化文档（比如HTML和XML）解析成一系列的节点，再由这些节点组成一个树状结构（DOM Tree）。所有的节点和最终的树状结构，都有规范的对外接口。所以，DOM可以理

2018-06-27

1.8K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态