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

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

河湾欢儿的专栏

专栏作者

177

文章

244191

阅读量

30

订阅数

Font-Awesome（一套绝佳的图标字体库和CSS框架）

官方链接至 http://fontawesome.dashgame.com/ 它跟阿里矢量库不同的是他不需要引入一些繁琐的文件只需要几个命令就可以直接使用icon图标方法一 : css导入 <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> 方法二: 定义安装 npm install font-awesome-sass 复制 font-awesome/ 目录到您的项目中。打开 font-awesome/less/variables.less 文件或 font-awesome/scss/_variables.scss文件，然后修改 @fa-font-path 或 $fa-font-path 为您的字体目录

2018-10-11

2.1K0

js判断用户进入和离开当前页面

VisibilityChange 事件；用于判断用户是否离开当前页面 // 页面的 visibility 属性可能返回三种状态 // prerender，visible 和 hidden let pageVisibility = document.visibilityState; // 监听 visibility change 事件 document.addEventListener('visibilitychange', function() { // 页面变为不可见时触发 if (do

2018-09-13

6.2K0

手机浏览器的八个容易忽略的兼容问题

1 点击300ms 使用fastclick 2 移动端1px 在ios中使用0.5px 3 js中获取浏览器高度，获取scrollTOP等属性需要兼容 4 H5 的audio在ios上autoplay播放一般使用进入页面后，使用js控制播放 5 在html上加overflow：hidden属性的时候，好多移动端浏览器都不支持要实现超出范围隐藏，滚动条不显示，一般使用js获取高度来动态设置html高度 6 ios系统中在移动浏览器的页面中给按钮加JS事件，其按钮必须是原生HTML按钮或者

2018-09-06

1.2K0

探究 css touch-action 属性

今天在写vue项目的时候碰到一个 Unable to preventDefault inside passive event listener due to target being treated as passive. See <URL> 这样的bug 然后找了一通发现可以用 *{touch-action：none}这个方法用法是禁用元素（及其不可滚动的后代）上的所有手势，以使用自己提供的拖放和缩放行为（如地图或游戏表面）。由此找了其他的属性值发现还挺强大的

2018-09-06

1.7K0

受控组件表单&不受控组件

表单里面的数据根据State确定在 HTML 中，表单元素如 <input>，<textarea> 和 <select>表单元素通常保持自己的状态，并根据用户输入进行更新。而在 React 中，可变状态一般保存在组件的 state(状态) 属性中，并且只能通过 setState()更新。

2018-09-06

2.1K0

前端三大框架比较Angularreactvue

Angular React Vue 背景 Google Facebook 阿里巴巴组织方式 MVC 模块化(V) 模块化（MVVM）数据绑定双向绑定单向绑定双向绑定模板能力强大自由自由自由度较小大较大路由静态路由动态路由动态路由

2018-09-06

4890

第九节 js里的new方法

要创建 Person 的新实例，必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下 4 个步骤： (1) 创建一个新对象； (2) 将构造函数的作用域赋给新对象（因此 this 就指向了这个新对象）； (3) 执行构造函数中的代码（为这个新对象添加属性）； (4) 返回新对象。

2018-09-06

1.9K0

XSS是一种经常出现在web应用中的计算机安全漏洞，它允许恶意web用户将代码植入到提供给其它用户使用的页面中。比如这些代码包括HTML代码和客户端脚本。攻击者利用XSS漏洞旁路掉访问控制——例如同源策略(same origin policy)。这种类型的漏洞由于被黑客用来编写危害性更大的网络钓鱼(Phishing)攻击而变得广为人知。对于跨站脚本攻击，黑客界共识是：跨站脚本攻击是新型的“缓冲区溢出攻击“，而JavaScript是新型的“ShellCode”。

2018-09-06

1.4K0

组件传值&数据请求

每个组件的作用域都是独立的, 有时候需要在组件之间完成数据的传递,需要通过组件传值的方式来实现组件传值可以分为以下三类父组件向子组件传递数据子组件向父组件传递数据非父子组件之间的数据传递父传子 – 简化版函数式组件传值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello World</title>  <sc

2018-09-06

2.8K0

Vue-router(路由)

2.定义(注册)路由跳转的组件----使用全局扩展的方式,用其他创建组件的方式也可以在这里,进行了一个赋值操作,用一个变量名保存组件中所有的内容

2018-09-06

6430

Vue的过滤器

过滤器注册大致的过程可以分成两步 1.进行过滤器的注册 2.过滤器的使用,在表达式的后面添加管道符号(|)

2018-09-06

5770

组件: 顾名思义, 也就是组成的部件, 即整体的组成部分这个组成部分是可以缺少的,但是其存在的意义是无可替代的这个组成部分也是可以复用的全局方法一: 大致可以分成三步 1.在我们引入vue.js之后,Vue会被注册为一个全局对象,我们使用对象本身的方法进行组件的创建 ------使用Vue这个全局对象的component方法进行全局注册一个组件

2018-09-06

8.9K0

www.nodejs.org 下载nodejs的安装文件, 然后就直接下一步，下一步，下一步傻瓜式安装（打开命令符 widow+r 输入cmd） node -v 查单当前node的版本号安装nodejs时，会自动安装npm包管理工具 npm -v 查看npm的版本可以直接在黑窗口中输入node 然后点击回车以后，就可以输入javascripnt的代码了既然在浏览器鼠标右键中console 和在黑窗口中输入node 点击回车是一样的，在浏览器中叫console，在黑窗口中叫什么呢？？？ Read Eval Print Loop [REPL] (就是在黑窗口中输入node点击回车)

2018-09-06

3390

指令总结 v-bind 可以绑定属性,包括class style,而已省略,使用:替代在1vue.0中有三种修饰符,.sync,.once,.camel,在2.0中能够废弃了前面两个 .camel将绑定的特性的名称转化为驼峰法则命名

2018-09-06

1K0

Vue.js基础特性

计算属性 computed 与data,el,methods属性一样,都是vm实例的属性(选项) 理解其大致意思即可

2018-09-06

1.8K0

vue 的发展史 2013.12.24 发布0.7.0 2014.1.27发布0.8.0 2014.2.25 发布0.9.0 2014.3.24发布0.10.0 2015.10.27发布1.0.0 2016.4.27发布2.0分prebiew的版本 vue的两大特点 1.响应的数据绑定/响应式编程 2.组件化 vue的优缺点优点:轻量级的框架简单易学双向数据绑定组件化视图,数据,结构分离虚拟DOM 运行速度更快缺点:支持特性前后端混合受限

2018-09-06

4400

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>^_^欢迎浏览本网站</title> </head> <body> </body> <script type="text/javascript"> var position=0; var message='^_^欢迎浏览本网站'; var x=2*(60/messag

2018-09-06

4.3K0

在nodejs中，可以通过exports或module.exports 和 require 实现模块化 exports 和 module.exports的区别？ exports曝光内容必须添加属性 module.exports曝光内容，可以添加属性，也可不添加属性

2018-09-06

1.8K0

简易的星级评分

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>星星评分demo3</title> <style> *{ padding:0; margin:0; } li{ list-style: none; width: 30px; heig

2018-09-06

1K0

放大镜：淘宝等电商页面应用广泛... 思路：先让move块和bimg块隐藏，当鼠标移动到box上时，使move块和bimg块显示，获取鼠标当前的位置，然后经过计算给与move块和bimg块适当的值实现放大镜效果

2018-09-06

1.5K0

点击加载更多

社区活动

腾讯技术创作狂欢月

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

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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