- 博客(12)
- 资源 (3)
- 收藏
- 关注
原创 provide和inject大家点到为止,滥用者耗子尾汁!
在三大框架盛行的当下,前端从业者或多或少已经掌握了至少一种,但,无论是react,还是vue或是angular,都有一个共同的特点,那就是组件化,说到组件化,就离不开组件的之间的数据传递。转眼已经做了两年的vue开发了,组件之间的数据传递已经用的快成仙了,什么props,什么$emit(),这都是老生常谈的了,今天我们来聊聊更劲爆的Provide。上代码:<template> <div> <childCom></childCom> &
2020-12-04 00:22:57 1722
原创 输入框实时字数计算移动端bug解决
作者:旺仔如上图所示的输入框的字体计算在各大网站上是在熟悉不过的了,当然在pc端制作起来也是相当简单,只要捕捉键盘事件对输入框中的字数进行获取,再用限制字数减去获取的字数便可以实时计算出“还可以输入多少字”。但是在移动端这个方法还像是不可行的,第一,pc端可以使用keyup或者keydown进行事件捕捉,当然移动端也可以使用他们,但是在移动端拼音输入时就会出现下图的情况:当我拼音输入完毕要选择我的...
2018-04-23 15:23:08 947
原创 ios下position:fixed失效的问题解决
作者:旺仔如题的问题其实大家在开发过程中应该都有遇到过,网上搜的答案层出不穷,特别是用js解决的各路大神们,你用js解决你考虑过js的感受吗?这个耗能是用css3解决成千上万倍,好了话不多说,直接进入主题:如图,考虑到用户体验的问题,一般页面的下方提交按钮都会随着固定在页面上,方便用户点击,有些人肯定就说了,这还不简单,position:fixed;但是在ios这个坑货系统上这个position:...
2018-04-23 10:07:58 8473
原创 支付宝年度账单交互效果的实现
作者:旺仔 前几天,支付宝又为我们作了一项公益,那就是替我们算了2017年花了多少钱,剁了多少次手,当然,作为一位前端工作者来说,最吸引我的地方就是今年的支付宝年度账单比往年的在交互效果上做得更加震撼,这也让我萌生了模仿的想法,当然,年度账单这个单页说不定就是阿里的某位p6做出来了,话又说回来了,阿里的p6还写代码吗? 又扯远了,下面开始步入正题: 请公司
2018-01-09 20:42:34 21205 16
原创 javascript实现雪花飘落效果
作者:旺仔圣诞节快到了相信许多公司的前端都在会收到一个需求,那就是做一个关于圣诞节的专题,而这个专题为了应对圣诞节这个主题都会加上雪花飘呀飘这个小动画,当然我们公司也不例外,下面就是本人用js写的一小段雪花秀啦: html{ max-width: 720px; } body{ width: 100%;
2017-12-19 14:41:00 5386 5
原创 天气预报小应用之canvas实现温度走势图
作者:旺仔 因为前段时间在研究H5的新属性canvas,觉得学校之后就该用一用,所以就在昨天的那个天气预报小应用的基础上对未来五天的温度进行基于canvas的数据可视化,下面是代码:用起来还是挺简单的,代码我已经做了标红处理,欢迎交流~ p,ul{margin: 0;padding: 0;} .div{ width: 50%; height: 640px;
2017-11-17 17:28:50 3393 1
原创 一个基于jQuery ajax的天气预报小应用
作者:旺仔 这段时间又忙里投了个闲,准备搞点东西玩玩,正好这几天在网上查有没有免费的实时公交接口,发现这些接口都是收费的,因为禳中羞涩,所以还是放弃了,正好同事说他知道一个免费的天气预报api还挺好玩的,便要来玩一玩,做了一个天气预报的小应用 ,下面是代码,简单易懂: p,ul{margin: 0;padding: 0;} .div{ width: 50
2017-11-16 15:08:38 4190 2
原创 javascript闭包入门
作者:王先帅 在我的另一篇文章中已经对javascript函数进行了入门学习,今天我们就来聊一聊javascript函数比较重要的一个技术点——闭包。1.了解作用域链的概念 在了解闭包之前,先对我的另一篇博文的变量的作用域再进一步的复习一下,这里我列出两个例子来做进一步讲解,也再引入一个作用域链的概念,请看代码: var a=1;function Fun(){ va
2017-10-16 14:28:41 223
原创 入门javascript函数
作者:王先帅1.函数的理解 函数对于一个上了一二十年学的人来说是再熟悉不过的一个东西了,上初中的时候我们就会一次函数,例如y=kx+b(k,b是常数,k≠0);如:y=2x+3,这就是一个一次函数的例子,我们可以把这个一次函数转变为一个javascript函数:function linearFun(x){y=2*x+3;return y};这就是一个一次函数的javascript函
2017-10-13 10:02:52 354
原创 带你入门javascript数组
作者:王先帅1.认识数组 什么是数组呢?数组其实就是一种数据结构,是用于存储数据的一个列表,他和变量不同的是,变量只能存储一个数值,而数组可以存储无数个数组元素,大家都知道变量可以直接拿来用,那么数组呢,请听下节分析。2.访问数组内元素 我先定义一个数组,例如var a=[1,2,3],最简单的访问数组内的元素就是索引了,例如,我想取a数组中的元素2,这样最简单的方法就是通过索
2017-10-11 15:28:14 234
原创 制作一个简单的canvas动画
教你制作一个简单的canvas动画作者:旺仔 一上来先话不多说上代码,代码能看的懂得,ok,就当我下面所有的内容为废话,代码看的不太懂的,没关系我会一点一点让你懂,不过前提是你有一定的html+css+js知识,没有这方面的知识又想学前端的话,私我,我有很多教程。如果大神们看到我的文档里有什么错误的地方还请在评论区指点一二,ok,转入正题,(流水账记录开始,大家都是理科生,文笔很烂,
2017-10-10 10:12:51 8545 1
TortoiseGit-2.10.0.2-64bit.zip
2020-04-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人