Wantingtr Blog

Boilerplate By Hux

JavaScript中几种对象继承的方式对比

继承方式 1. 借助构造函数实现继承 function parent() { this.name = 'parent' } parent.prototype.say = function () {} function child() { parent.call(this) //或apply,改变函数运行的上下文（this） //将父构造函数上的this指向子构造函...

Posted by wantingtr on February 25, 2019

JavaScript中的原型与原型链全解析

prototype 只要创建一个函数，就会自动的为这个函数创建一个prototype属性，这个属性是一个指针，指向函数的原型对象。 在默认情况下，所有原型对象都会自动获得一个constructor属性（是一个指针），指向原来的函数。 原型对象有什么好处？ 让所有的对象实例共享属性和方法 function person(name) { this.sayName = new Fu...

Posted by wantingtr on February 25, 2019

Vue + 原生JS + 原生CSS实现视频时间点在时间轴上的动态可视化

需求： 根据关键字在视频中的出现时间，在模拟的视频时间轴中显示对应的位置 用户点击，选择不同的关键字，显示对应关键词时间 点击进度条中的关键词时间点，视频对应跳转到该时间播放 实现效果： 完整源代码可移步wantingtr’s github （ps：这里只是针对这个需求的代码，后续会将其他功能一起合并） 模拟后台数据： 针对这个需求模拟后台发来的数据，每个关键词分别...

Posted by wantingtr on February 25, 2019

利用Element-UI的upload组件实现文件的上传以及样式变化

最近在做项目的时候遇到在浏览器中上传视频的需求，使用Element-UI的upload组件。具体效果如下 总的来说是很简单的，但一定要仔细对照官方文档，并且因为我使用了typescript，其中也遇到了一个坑。 对照了一下官方文档，所需要注意的部分： 只能上传一个视频并且禁止多选 :limit="1"，accept="video/*"， :multiple="false"， 当...

Posted by wantingtr on January 14, 2019

TCP/IP协议族

TCP/IP协议族 [toc] 网际层/网络层 IP 互联网协议地址，缩写为IP地址（IP Address），是分配给用户上网使用的网际协议（Internet Protocol, IP）的设备的数字标签。常见的IP地址分为IPv4与IPv6两大类，但是也有其他不常用的小分类。 NAT（网络地址转换） 内网（企业网、校园网、政府网等）域使用私有地址空间，减少因特网地址占...

Posted by wantingtr on January 14, 2019

关于设计稿，px与rem以及响应式网站的开发思路与流程

关于设计稿，px与rem以及响应式网站的开发思路与流程 上周做了小型的一个响应式网站，主要负责前端部分。使用Vue+CSS+ts实现，第一次写响应式网站，加上对px，vw，rem等不太熟悉，浪费了很多时间走弯路。整理一下整体实现响应式网站的思路吧。 关于px，rem，vw 具体的概念就不说了，主要是rem的优势在于使用rem为元素设定字体大小时，相对大小对比的是HTML根元素。所以只修改根...

Posted by wantingtr on December 14, 2018

Vue + ElementUI + MySQL + Axios + Vuex实现图书管理系统

日期值传递与计算 借阅与归还时都应记录日期，并且计算日期是否超出规定日期，若超出，则需计算产生罚款。 Chrome中的默认时间格式为Sat Dec 08 2018 00:00:00 GMT+0800 (中国标准时间)但在数据库中的时间格式应为yyyy-mm-dd 对于ElementUI中的日期选择器DatePicker, 虽可使用'value-format = 'yyyy-mm-d...

Posted by wantingtr on December 8, 2018

前端(Vue.js)连接MySQL

实现本地web服务器与MySQL连接删改，查找数据库

前端(Vue.js)连接MySQL数据库 要实现本地web服务器与MySQL的连接，即实现在页面中对数据库的访问。整体逻辑还是很简单的，但是之前没有接触过数据库，还是踩了不少坑。这一篇主要讲与数据库的连接，更多内容在下一篇博文里。 目录结构 |-- server |-- api |-- userApi.js |-- bookApi.js |-- db.js |...

Posted by wantingtr on November 22, 2018

TensorFlow.JS

数据形式 张量(Tensor) 不可变 一组数值形成一维或多维数组 ```js // 2x3 Tensor const shape = [2, 3]; // 2 行, 3 列 //shape属性来定义这一组数值如何组成张量 const a = tf.tensor([1.0, 2.0, 3.0, 10.0, 20.0, 30.0], shape); //tf.tensor为构造函数 ...

Posted by wantingtr on November 16, 2018

JS基础知识巩固（前端JS面试技巧）

JS的变量 原型与原型链 作用域 闭包 异步

JS基础 变量 js中的变量类型（按存储方式区分) 值类型 引用类型（指针）：数组、函数、对象 //共享内存，数据改变存在联动性。 //可以随意的扩展属性 在javascript中，判断数据类型主要依赖下面两种方式： 如果值应为一个引用类型，使用 instanceof 操作符检查其构造函数； 如果值应为一个基本类型，使用 typeof 检查其类型 type of...

Posted by wantingtr on November 12, 2018

ABOUT ME

EMBRACE THE WORLD

FRIENDS