自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 资源 (3)
  • 收藏
  • 关注

原创 大白话讲手写一个数据绑定的Vue类(修正版)

先贴一段代码 表示要实现哪些功能new Vue({ el: "#app", data() { return { infos: { title: 'vue实现', default: '默认' }, price: 27 } }, render(createElement) { return cre

2020-05-15 18:28:03 223

原创 javaScript 对象(你真的了解你的对象吗?defineProperty、defineProperties、getOwnPropertyDescriptor)

对象中的属性类型​ 描述:ES5在定义只有内部采用的特性attribute时,描述了属性property的各种特征。ECMA-262定义这些特征是为了实现JavaScript引擎用的,因此在 JavaScrip中不能直接访问他们。ECMAScript中有两种属性:数据属性和访问器属性1. 数据属性[[Configurable]]:表示能否通过 delete 删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性。对于直接在对象上定义的属性,默认值为true。[[Enume

2020-05-14 19:34:47 316

原创 手写一个Promise(面试够用)

// 测试案例new Promise((resolve, reject) => { setTimeout(() => resolve(new Promise(res => res(333))), 2000)}).then(res => { console.log(res) return 222}).then().then(res => { console.log(res); return new Promise(res => {

2020-05-12 18:02:59 4958

原创 ES6中的代理(Proxy)和反射(Reflect)

Proxy 对象用于定义基本操作的自定义行为(如属性查找、赋值、枚举、函数调用等)。代理可以拦截 js 引擎内部目标的底层对象操作,这些底层操作被拦截后会触发相应特定操作的陷阱函数。调用 **new proxy() **可创建代替其他目标(target)对象的代理,它虚拟化了目标,所以二者看起来功能一致。Reflect 是一个内置的对象,它提供拦截 JavaScript 操作的方法。这些方法与proxy handlers的方法相同。Reflect不是一个函数对象,因此它是不可构造的。与大多数全局对象不同,

2020-05-11 11:56:53 409

原创 浅谈小程序架构原理及模拟实现( iframe + postmessage 简单模仿一个)

原理提一下 hybrid微信小程序是一个典型的hybrid架构,简单来说Hybrid App(混合模式移动应用)就是原生APP和HTML5混合开发,Hybrid APP底层依赖于原生Native提供的容器(webview),上层使用Html&Css&JS做业务开发。好处有很多,这里就不一一赘述。小程序的架构,先拿一张CSDN官博发的架构图视图层:每当跳转页面或者返回页面,都是原生APP把一层一层的webview往上盖或者删除。图中是通过事件的方式进行数据交互。逻辑层:所有的页面.

2020-05-17 20:57:36 901

原创 纯css3实现动态钟表动画(若要时间准点,需要解注下面的js,并注释.second中前两行代码以同步动画)

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" c.

2020-05-09 18:03:44 246

原创 es6 杂记 (解构)

块级作⽤域绑定变量提升机制在函数作用域或者全局作用域中,通过var声明的变量,无论在哪里声明,都会被当做成在当前作用域或顶部声明,这就是函数提升(Hoisting)块级作用域块级声明用于再制定块的作用域之外无法访问的变量。块级作用域存在于:函数内部大括号之间的区域let声明let对变量声明,不能变量提升if (true) { let age = 20}console.log(age) // 报错注意:禁止重复声明var a = 0let a = 1 // 报错

2020-05-09 17:43:09 254

原创 面向对象与继承杂记

专业术语类、封装、继承、多态构造函数、实例、对象字面量命名空间内置对象、宿主对象、本地对象面向对象js里还没有’类’,js的面向对象,是基于原型的,无论是ES5/还是ES6,ES6中引入的class,只是基于原型继承模型的语法糖。创建对象的方法方法1:工厂模式function body() { var o = {} o.name = 'jinxing' o.age = 20 return o;}var person1 = body()var per

2020-05-08 19:47:09 186

原创 this/闭包/作⽤域

this/闭包/作⽤域专业术语常量、变量、数据类型形参、实参匿名函数、具名函数、自执行函数函数声明、函数表达式堆、栈同步、异步、进程、线程执行上下文当函数执行时,会创建一个称为执行上下文(execution context)的环境,分为创建和执行两个阶段创建阶段创建阶段,指函数调用但未执行任何代码时,此时创建了一个拥有三个属性的对象:executionContext =...

2020-05-06 16:40:27 206

原创 mpvue项目中添加mpvue-entry插件启动报错问题

mpvue项目中添加mpvue-entry插件启动报错问题在确认entry配置使用没有问题的情况下跑项目报错node最新版本12.13.0会出现以下报错internal/modules/cjs/loader.js:532return cachedModule.exports;重新安装node10.x版本本人版本v10.16.0 不会报错往期node版本下载地址:https://no...

2019-11-06 08:00:38 1028

纯css(css3)实现的3D场景布局(有动画)

效果是我在网上看到的,但我用纯css实现了一遍,3D场景布局,中间有一个3D的柱状图,镜头会围绕柱状图来回旋转,水平线下还会有倒影。

2020-05-13

仿起飞页首页(https://www.qifeiye.com/)做的响应式布局(课适配pc端和移动端,无js)。

仿起飞页首页(https://www.qifeiye.com/)做的响应式布局(课适配pc端和移动端,无js)。可作为前端选修课作业

2020-05-13

仿照瑞丽网(http://www.rayli.com.cn/)首页做了一个完整的静态布局

初学前端时,练习html和css仿照瑞丽网(http://www.rayli.com.cn/)首页做了一个完整的静态布局。可用来交前端选修课作业

2020-05-13

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除