阿威|合格的前端工程师|产品经理|用户体验爱好者

by ZW on March 11, 2022

怎样做好怎样做好G端产品

"G端产品"

** 怎样做好怎样做好G端产品 ** 1，用户群特性：政务市场面对的用户是政府公务员、领导、部分事业编人员，这部分人群大部分是中国的高知人群，从学历、社会地位、经济收入、家庭背景都占有相当的优势。因为长期在政府工作，习惯于政令行事、层级森严、派系林立的环境，工作任务固定、重复性高、失误率低的要求。产品形态：很多人说ToG没有产品，只有解决方案个性化定制，个人...

by ZW on March 10, 2022

小程序的一些总结

"小程序的一些总结"

** 小程序的一些总结 ** 变量定义。 `${page}` 相当于定义变量page 注意是esc的` { value } = obj 相当于定义变量value = obj.value

by ZWW on November 11, 2019

多行文字的展开收起

"多行文字的展开收起"

** 多行文字的展开收起 ** 基本结构。 <div class="long-txt" data-text="我就是这条街上最靓的崽，我就是这条街上最靓的崽我就是这条街上最靓的崽，我就是这条街上最靓的崽，我就是这条街上最靓的崽，我就是这条街上最靓的崽，我就是这条街上最靓的崽，我就是这条街上最靓的崽，我就是这条街上最靓的崽，我就是这条街上最靓的崽"> <a...

by ZWW on January 21, 2019

不可思议的纯CSS滚动进度条效果

"不可思议的纯CSS滚动进度条效果"

** 不可思议的纯CSS滚动进度条效果 ** css这样玩。 body { position: relative; padding: 50px; font-size: 24px; line-height: 30px; background-image: linear-gradient(to right top, #ffcc00 50%, #eee 50%); background...

by ZWW on January 21, 2019

数组去重

"es5"

“快速去重 ” Array.prototype.uniq = function(key){ if(key){ const keys = this.map(item=>item[key]); return this.filter((item,index)=>keys....

by ZWW on November 13, 2018

简单而又复杂的FizzBuzz

"简单而又复杂的FizzBuzz"

“FizzBuzz” FizzBuzz”题目，就是：给你1——100的数字，如果能被3整除就将该数字改为Fizz，如果能被5整除就改为Buzz，如果既能被3又能被5整除就改为FizzBuzz。 “首先想到用if” const calc = (new Array(100).fill(1)).map((n, i) => { i = i + 1; ...

by ZWW on March 30, 2018

JS中的柯里化和软绑定

"JS中的柯里化和软绑定"

“JS中的柯里化” 把函数当做变量来传递 Function.prototype.curry = function() { var that = this; var slice = Array.prototype.slice; var agrs = slice.apply(arguments); return func...

by ZWW on January 19, 2018

Vue组件data和created为什么是函数？

"vue"

“vue组件” 我们vue中data都是对应的数组，然后写入变量数据，但是组件中为什么却是一个函数， export default { name: 'Pos', mounted: function () { var orderHeight = document.body.clientHeight; document.getElementById("order-li...

by ZWW on January 11, 2018

fastclick替代方案

"touch-action "

“touch-action ” manipulation 浏览器只允许进行滚动和持续缩放操作。任何其它被auto值支持的行为不被支持。启用平移和缩小缩放手势，但禁用其他非标准手势，例如双击以进行缩放。禁用双击可缩放功能可减少浏览器在用户点击屏幕时延迟生成点击事件的需要。这是“pan-x pan-y pinch-zoom”（为了兼容性本身仍然有效）的别名。 html { tou...

by ZWW on December 1, 2017

双工绑定的原理以及jq实现

"双向绑定"

“Object.defineProperty” 我们先来MDN上对 Object.defineProperty 方法的定义， The Object.defineProperty() method defines a new property directly on an object, or modifies an existing property on an object, a...

by ZWW on July 29, 2017

滚动小插件的封装

"JQ滚动楼层"

“封装一个滚动楼层” var autoDirection = function(selector, timer, anim, max) { /* 主要参数说明 selector滚动区域导航的dom timer 动画运行的时间 anim滚动动画效果 ...

by ZWW on July 26, 2017

伪类选择器还可以这样玩

"CSS选择器"

“nth-last-child的玩法” 这东西挺有意思的，之前看过一遍文章，选择第三个到第十个可以这样玩 li:nth-child(n + 3):nth-child(-n+10) 今天一个群里有这样一个问题，3个li以下的时候li为红色，3个及其以上的时候li为蓝色，怎么玩？ ul>li { background: pink; } ...

by ZWW on June 2, 2017

向上向下滚动小交互

"滚动"

“向上向下滚动” 滚动的交互也是越来越有趣，演变出来一系列的效果。本文实现在浏览器窗口顶部的时候导航是样式1，向下滚动的时候隐藏导航样式2，向上滚动的时候显示样式3 我们采取优雅降级的办法写一下样式： //固定样式 .navbar-fixed-top { display: block; text-align: center; ...

by ZWW on April 25, 2017

vue路由配合transition过渡

"vue"

“vue路由” Vue.js的一大特色就是构建单页面应用十分方便，既然要方便构建单页面应用那么自然少不了路由，vue-router就是vue官方提供的一个路由框架。总体来说，vue-router设计得简单好用。一个demo：  <div id="app"> <div cl...

by ZWW on April 1, 2017

展示项目及横竖屏

"展示项目"

“组件展示” 视觉同学定义好了一些设计规范，需要展示出来给前端同学参考。搭建一个原型展示的网站。用到了html5的download属性，非常方便： <a href="http://www.w3cways.com/demo/1/some-realy-crazy-file-name-389247823879472398.txt" download="test">点击...

by ZWW on March 20, 2017

调用腾讯视频的正确姿势

"腾讯视频"

“腾讯视频” 首先iframe可以调，但是我很不喜欢这种方式，总觉得页面里iframe多了各种不爽，不知道是不是洁癖。首页要引入腾讯视频的库文件： <script src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js" charset="utf-8"></script> 腾讯视频没有...

by ZWW on March 15, 2017

原生绝对居中的简单封装

"vue分页器"

“position” 算是简单的一个控件，可以的话还可以封装一下遮罩层的，工作中都已经有封装好的组件，就不多此一举。 var setPosition = (function () { var docElem = window.document.documentElement, body = window.document.body, ...

by ZWW on February 25, 2017

vue过滤器、vue-resource

"vue分页器"

“vue” 过滤器和1.X有很大的变化，感觉就是越变，对原生的js要求越严格。全局过滤： Vue.filter("fixMoney", function (value) { return "¥" + value + "元"; }); 局部过滤：自定义变量在value后面进行操作。 filters: { ...

by ZWW on February 24, 2017

vue初体验

"vue分页器"

“vue” 一款MVVM轻量级框架，学习一下vue的常用指令，并用这些指令和方法写一个简单的分页器。和avalon类似，vue也自定义了很多指令，基于viewmodel的框架都是拦截动态修改了数据，从而实现view层的实时更新。 Vue.js的常用指令： v-if指令 v-show指令 v-else指令 v-for指令 v-bind指令 ...

by ZWW on January 24, 2017

axure的一些技能

"G端产品"

怎样做好怎样做好G端产品

"G端产品"

小程序的一些总结

"小程序的一些总结"

多行文字的展开收起

"多行文字的展开收起"

不可思议的纯CSS滚动进度条效果

"不可思议的纯CSS滚动进度条效果"

数组去重

"es5"

简单而又复杂的FizzBuzz

"简单而又复杂的FizzBuzz"

JS中的柯里化和软绑定

"JS中的柯里化和软绑定"

Vue组件data和created为什么是函数？

"vue"

fastclick替代方案

"touch-action "

双工绑定的原理以及jq实现

"双向绑定"

滚动小插件的封装

"JQ滚动楼层"

伪类选择器还可以这样玩

"CSS选择器"

向上向下滚动小交互

"滚动"

vue路由配合transition过渡

"vue"

展示项目及横竖屏

"展示项目"

调用腾讯视频的正确姿势

"腾讯视频"

原生绝对居中的简单封装

"vue分页器"

vue过滤器、vue-resource

"vue分页器"

vue初体验

"vue分页器"

音乐

标签

关于

阿威

友链