采用原生JS及CSS 3.0实现一个金字塔的效果,这个特效在实际工作中用处不大,纯属娱乐。 ? 实现代码如下: 原生JS实现立体金字塔 <style type
this的值是在运行时确定的 JS中的this究竟代表什么,这是在程序运行时根据上下文环境确定,可以分为以下几种情况。 1. 全局作用域中的this 在全局作用域中,this指向window对象。...若定义变量时不加var,JS会认为该变量为全局变量,会将其当作window对象的属性。 2. 函数中的this JS中函数有两种,直接调用的函数称为普通函数,通过new创建对象的函数称为构造函数。...})(name); } } 上述示例中,person对象中有一个getName函数,而getName函数内部又有一个函数,这个函数内部的this指向window对象,而非person对象,这是JS
一切皆“对象” JS中一切皆“对象” “对象”是属性的集合,而属性又是对象。...getName也为对象,故可以给它添加属性,属性可以是任何类型 getName.value = "lalala"; getName.toString = function(){ //…… } JS...中的“对象”只有属性,属性是一组键值对,键表示属性的名字,值表示属性值,属性值可以是任何JS类型(String、Number、Boolean、Object、Array、Function) JS是“基于对象...”语言,这意味着它并不是面向对象语言,它没有对象,但可以使用JS的特性模拟面向对象。...JS中所有属性都是共有的,但有个约定,若属性两端加上“_”,表示该属性不希望调用者使用,相当于是“私有属性”。
打砖块 —— 敲碎屏幕奖励一百块 睿智的程序员,你有想过自己写一个H5小游戏吗? 打砖块大家都不陌生吧,写一个给孩子玩吧! <!
JS使用原型链实现“继承” JS是“基于对象”的语言,因此没有继承。但可以使用JS的特性实现“继承”——原型链。 JS使用_proto_属性构造原型链,如 p...._proto_ ——> Object.prototype 若当前对象中没有要访问的属性,JS就会自动沿着原型链向上查找,若在某一个对象的prototype中找到相应的属性,则访问它;若直到原型链顶端也没找到...= age; } Person.prototype.school = "NJUPT"; var p = new Person("chaimm",23); p.school; 当访问p.school时,JS
自由变量的作用域在程序运行前就已经确定! 自由变量相当于Java中的全局变量,它在外层作用域中声明,但在内层作用域中使用,如下所示: var a = 1; f...
重构 “代码重构” 为什么要进行重构 提高代码的可读性和可维护性 代码中存在着重复的代码 存在过大的类或过长的方法 强依赖、紧耦合的结构 运算逻辑难以理解 ...
博客: Hexo搭建个性博客 https://hexo.io/zh-cn/ 快速、简洁且高效的博客框架 超快速度 Node.js 所带来的超快生成速度,让上百个页面在几秒内瞬间完成渲染。...安装,git,node.js,hexo $ npm install -g hexo-cli 安装 Git Windows:下载并安装 git....安装 Node.js 安装 Node.js 的最佳方式是使用 nvm。 安装 Hexo $ npm install -g hexo-cli ? image.png ? image.png ?...hexo-filter-cleanup hexo-generator-feed hexo-generator-sitemap hexo-renderer-sass hexo-renderer-swig mamboer/lunr.js...subtitle_desc: 日常学习与兴趣交流 # seo关键字 keywords: minfive, minfive blog, 前端博客, 前端, 程序员, 前端开发, 全栈开发, node.js
weex开发环境的搭建 安装依赖 node.js ? npm install -g weex-toolkit weex -v ?...vue-router介绍: vue-router针对vue.js开发的一个前端路由工具,可以快速的开发单页面应用。...vue-router是以vue.js插件的形式存在的 创建Vue实例 v-for指令渲染商品列表 过滤器的使用 Vue过滤器的使用 购物车综合案例 单击商品金额计算和单选全选功能 商品总金额计算
设置元素的样式 用 v-bind 来设置样式属性 class 与 style 是 HTML 元素的属性
vue-cli // 全局安装 vue-cli npm install --global vue-cli // 创建一个基于 webpack 模板的新项目 v...
条件与循环 条件判断使用 v-if 指令 <template v-if="ok"> <script> new Vue({ ...
<template v-if="ok"> <script> new Vue({ ...
监听属性 监听属性 watch 通过 watch 来响应数据的变化 <p style = "font-size:25...28830
表单 v-model 指令在表单控件元素上创建双向数据绑定 image 单个复选框: <input type...40840
单个复选框:
一小时复习 vue.js是一个JavaScriptmvvm库,是以数据驱动和组件化的思想构建的,相比angular.js,vue.js提供了更加简洁,更加容易理解的api,如果习惯了jquery操作dom...学习vue.js,抛开手动操作dom的思维,因为vue.js是数据驱动的,你无需手动操作dom。...MVVM模式(Model-View-ViewModel) view model是一个vue.js实例。 {{message}} // 这是我们的model var exampleData = { message: 'Hello World!'
单件商品金额计算和单选全选功能 new Vue({ el: '#app', data: { totalMoney: 0, productList: ...
当含有index时,以前传递的参数顺序是: (index, value)。现在(value, index)
web阅读器开发 epub格式的解析原理 Vue.js+epub.js实现一个简单的阅读器 实现阅读器的基础功能 字号选择,背景颜色 有上一页,下一页的功能 设置字号,切换主题,进度按钮 电子书目录 阅读器...,搭建vue-cli环境,编写阅读器源码 vue.js的基本语法 css3和css的基本语法 静态资源服务器Nginx的搭建方法 阅读器,阅读器的工作原理,工作流程,阅读器的引擎,常见的电子书格式,...子组件与父组件通信,nextTick()方法,dom操作 css,伪类和伪元素,reset.css,定位,过渡动画,flex布局 scss: @import @function @mixin 变量 epub.js
组件化vue.js ?...Vue.extend() Vue.component() 使用组件 // 创建一个组件构造器 var myComponent = Vue.extend({ template: 'my' }) // 注册组件.../vue.js](https://keepfool.github.io/vue-tutorials/02.Components/Part-1/js/vue.js)"> | | | | | | <
介绍一下怎么安装Vue.js vue.js Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。...Vue.js是一个渐进的,可逐步采用的JavaScript框架,用于在Web上构建UI。 直接引用 Vue 会被注册为一个全局变量 ?...image.png 推荐使用 NPM 安装 webpack或browserify模块打包器配合使用 npm install vue Vue.js开发的标准工具 https://cli.vuejs.org
领取专属 10元无门槛券
手把手带您无忧上云