总结 - 随笔分类(第2页) - TateWang

纯CSS3实现蜡烛（冒烟）效果

摘要：1. 闲来无事时在网上看一些前辈的博客文章，自己尝试了一下。学习到最重要的一点就是box-shadow的叠加使用，受益非线。先上一下效果图：其中有以下重要的几点： 1. 蜡烛底座的border-radius的水平圆角与垂直圆角设置，即 border-radius：左上水平右上水平右下水平左下阅读全文

posted @ 2018-06-13 22:18 TateWang 阅读(2026) 评论(0) 推荐(0)

js数组去重与性能分析（时间复杂度很重要）

摘要：随着js的深入和实际项目对性能的要求，算法的简单实现已经不能满足需要，在不同的应用场景下，时间复杂度很重要。首先是创建数组与性能处理函数：下面上不同去重函数的思路： 1. 常规思路，双层for循环，逐个去重 2.为减少for循环层级，先为数组排序 3.利用对象属性唯一的特性 4. ES6 新增数阅读全文

posted @ 2018-04-15 22:04 TateWang 阅读(1323) 评论(0) 推荐(0)

js对象系列【二】深入理解js函数，详解作用域与作用域链。

摘要：这次说一下对象具体的一个实例：函数，以及其对应的作用域与作用域链。简单的东西大家查下API就行了，这里我更多的是分享自己的理解与技巧。对于作用域和作用域链，相信绝大多数朋友看了我的分享都能基本理解，少数人看完之后再努力思考思考，基本也就懂了。最后说一下，不合理的地方，欢迎批评指正。函数调用跳过基阅读全文

posted @ 2018-02-26 21:03 TateWang 阅读(1917) 评论(0) 推荐(0)

vue中$on与$emit的实际应用

摘要：$on常用于监听自定义事件，触发后可传入参数需要注意的时，自定义事件必须绑定在实例上，否则无效。应用一：传值可用于组件间的数据通信，如下例：（将A组件的数据a和B组件的数据b传入C组件中）注册组件应用一示例的全部代码如下：应用二：子组件与父组件的通信父组件代码：（父组件自定义change 阅读全文

posted @ 2018-01-20 21:54 TateWang 阅读(621) 评论(0) 推荐(0)

js对象系列【一】深层理解对象与原型

摘要：我们先从盘古开天辟地时捋一捋对象：从宏观内容来讲，javascript是一个属性的集合，包括值，函数，而整个集合也可以类比为一个对象。注: 这里的js指的是javascript对象（ECMAscript对象），而不是DOM和BOM对象。紧接着我们听到一个“传说”：‘javascript中一切都阅读全文

posted @ 2017-12-21 23:25 TateWang 阅读(1422) 评论(0) 推荐(0)

vue-router填坑之路

摘要：1.在结构化css时，习惯将不同的css文件通过一个入口文件打包，而入口文件在引入其他css文件时，需要强烈注意，要在单行末尾加分号；少分号的，单行相对应的css文件会引用无效阅读全文

posted @ 2017-12-16 22:59 TateWang 阅读(168) 评论(0) 推荐(0)

【Vue实战之路】一、Vue-cli入门及Vue工程目录全解。

摘要：全面的Vue-cli学习，这一篇就够了！一、下载使用vue-cli前，需先安装node.js,node的安装就不赘述，不过在此需要注意： 1. node版本需在4.x以上，首推6.x以上版本（node -v 命令查看） 2. npm要求在 3+ 版本以上（npm -v 命令查看） vue-cl 阅读全文

posted @ 2017-11-18 18:00 TateWang 阅读(2489) 评论(0) 推荐(1)

移动端二三事【六】：移动端多指操作事件，多指应用及函数封装。

摘要：一、基本事件介绍： gesture相关事件只有IOS下存在，安卓需自己封装！ css()函数等详细信息需有前几篇随笔的基础！事件1：gesturestart 触发条件：当手指触摸元素且当前屏幕上有两根或者两根以上的手指事件2：gesturechange 触发条件：当已经触发了gestures 阅读全文

posted @ 2017-11-15 23:19 TateWang 阅读(1066) 评论(0) 推荐(0)

移动端二三事【五】：陀螺仪（重力感应器）实现手机位置、加速度感应以及常见应用。

摘要：首先说明一下：陀螺仪感应需在真机环境下进行调试，PC端无效果。 1.获取感应器需在window上监听devicemotion事件，再通过事件对象获取accelerationIncludingGravity（内置重力加速度感应器）对象。代码如下： x,y,z轴示意图如下（Z轴垂直于手机）： 2.位置阅读全文

posted @ 2017-11-09 22:30 TateWang 阅读(5885) 评论(0) 推荐(0)

移动端二三事【三】：transform的矩阵（matrix）操作、transform操作函数及注意事项

摘要：*每当在DOM浏览器中增加动态效果时，使用强大的transform和transition，总是很酸爽。抛开css，使用js操作transform还真的有点复杂，涉及到线性代数中的矩阵，但是js操作又不可避免的会用到。俗话说，山水有相逢，早日学会，早日总结，方便以后用到。今天就与大家分享一下，tran 阅读全文

posted @ 2017-11-04 21:33 TateWang 阅读(2179) 评论(0) 推荐(2)

移动端二三事【二】：移动端触摸事件点透及多种解决方案。

摘要：大家都知道的少说，多分享一些干货。一、首先说移动端的三大主要事件： 1.手指按下： ontouchstart2.手指移动：ontouchmove3.手指抬起 ontouchend *使用移动端事件时，为尽可能地保证兼容性与调试时的友好性，尽可能用事件绑定的方式。例如：所以一般采用以下方式：二、阅读全文

posted @ 2017-11-02 22:40 TateWang 阅读(545) 评论(0) 推荐(0)

移动端二三事【一】：移动端页面重构基础工作与注意事项。

摘要：现在的前端工作中，移动端的地位甚至已经超过了PC端，也趁着有时间，来全面总结一下移动端页面重构的注意事项和一些小技巧。话不多说，首先项目开始前，首先要进行整体规划和准备工作。一.整体规划与准备 1.项目构建目录前端项目如火如荼的发展着，项目开发之初的准备工作也越来越复杂，IT项目的发展都是为了阅读全文

posted @ 2017-10-29 19:01 TateWang 阅读(541) 评论(0) 推荐(0)

随笔分类 - 总结

公告