文章库ARTICLE COLUMN

  • ‘纯css实现Material Design中的水滴动画按钮’的js体验优化

    ‘纯css实现Material Design中的水滴动画按钮’的js体验优化

    摘要:前言在上一篇,我们已经实现了用纯实现水滴扩散动画,但是有一些瑕疵,文章结尾处也提到过,一是页面加载进来就会看到按钮上的水滴动画运动一次,二是点击的时候不能根据鼠标的位置来扩散,今天我们来解决这个问题。 前言 在上一篇,我们已经实现了用...

    xiaoqibTnxiaoqibTn 评论0 收藏0
  • Java动态代理之InvocationHandler最简单的入门教程

    Java动态代理之InvocationHandler最简单的入门教程

    摘要:网上关于的动态代理,和这些概念有讲解得非常高深的文章。现在咱们通过一个最简单的例子认识什么是。创建一个简单的类,实现这个接口。看看用如何优雅实现吧希望这个例子能让大家对的动态代理之有了最基本的了解。 网上关于Java的动态代理,Proxy和Inv...

    JoonasJoonas 评论0 收藏0
  • 分享一个WebGL开发的网站-用JavaScript + WebGL开发3D模型

    分享一个WebGL开发的网站-用JavaScript + WebGL开发3D模型

    摘要:今天我要给大家分享一个用开发的网站,感兴趣的朋友可以在开发者工具里调试它的源码来学习。借助,前端开发人员可以开发出非常专业的场景和模型。网站地址进入之后,会看到一个炫目的控制台。在开发者工具的页面能看到相关的输出。 这张图每位程序员应...

    qianfengqianfeng 评论0 收藏0
  • 使用JavaScript调用手机平台上的原生API

    使用JavaScript调用手机平台上的原生API

    摘要:注意看下图红色高亮的,起到了一个桥梁的作用,沟通了应用中的前端代码和手机操作系统中的原生。 我之前曾经写过一篇文章使用Cordova将您的前端JavaScript应用打包成手机原生应用,介绍了如何使用Cordova框架将您的用JavaScript和HTML开发的前端应用打...

    bingchenbingchen 评论0 收藏0
  • h5 与原生 app 交互的原理

    h5 与原生 app 交互的原理

    摘要:与原生交互的原理现在移动端应用,很多时候都需要与原生进行交互沟通运行在中,比如微信的,通过对象调用一些原生的功能。所以,这次就来捋一捋与原生交互的原理。 h5 与原生 app 交互的原理 现在移动端 web 应用,很多时候都需要与原生 app 进行交互...

    CoderStudyCoderStudy 评论0 收藏0
  • vuex commit保存数据技巧

    vuex commit保存数据技巧

    摘要:使用时官方推荐使用才修改数据。缺点采用修改数据,可能会写很多函数。会上丧失掉一部分性能。因为新数据需要重新配置。使用我是需要保存的数据我是需要保存的数据组件中使用如果要双向绑定某个中的值。 使用vuex时 官方推荐使用commit才修改state数据...

    Crazy_CoderCrazy_Coder 评论0 收藏0
  • 【React进阶系列】手写实现react-redux api

    【React进阶系列】手写实现react-redux api

    简介:简单实现react-redux基础api react-redux api回顾 把store放在context里,所有子组件可以直接拿到store数据 使组件层级中的 connect() 方法都能够获得 Redux store 根组件应该嵌套在 中 ReactDOM.render( , rootEl ) ReactDOM.render(...

    刘玉平刘玉平 评论0 收藏0
  • 微信程序开发系列教程(二)使用JavaScript给微信用户发送消息

    微信程序开发系列教程(二)使用JavaScript给微信用户发送消息

    摘要:我之前的文章微信程序开发系列教程一开发环境搭建介绍了微信开发环境的搭建,这篇文章我们就来一步步开发一些具体的功能。下文将该应用称为消息服务器。我们首先用的获得一个对象当有微信用户关注您的公众号时,微信平台会发送一个请求到您的消息服务器...

    Near_LiNear_Li 评论0 收藏0
  • 记录我开发工作中遇到HTTP跨域和OPTION请求的一个坑

    记录我开发工作中遇到HTTP跨域和OPTION请求的一个坑

    摘要:我通过这篇文章把今天工作中遇到的跨域和请求的一个坑记录下来。预检请求机制的使用,是为了避免跨域请求对服务器的用户数据产生未预期的影响。我使用了认证方式,这种方式不会造成该请求成为一个需要预检的请求,所以最后跨域成功了。 我通过这篇文章...

    HollisChuangHollisChuang 评论0 收藏0
  • JavaScript实现的水果忍者游戏,支持鼠标操作

    JavaScript实现的水果忍者游戏,支持鼠标操作

    摘要:智能手机刚刚普及时,水果忍者这款小游戏可谓风靡一时。几年过去了,现在,让我们用纯来实现这个水果忍者游戏,就算是为了锤炼我们的开发技能吧。那么只需要修改函数,如下图的红色分支就是切到水果的分支,执行加分和显示水果被切成两半的效果。 智能...

    huhudhuhud 评论0 收藏0
  • CTF编码全家桶小程序

    CTF编码全家桶小程序

    摘要:编码全家桶小程序提供实体莫尔斯电码等编码转换工具,凯撒密码栅栏密码等加密工具,及地址查询信息查询等工具。 CTF编码全家桶小程序提供Base64、Url、HTML实体、莫尔斯电码等编码转换工具,凯撒密码、栅栏密码、ROT13、MD5、SHA等加密工具,及IP地址...

    zlyBearzlyBear 评论0 收藏0
  • 高级 Vue 组件模式 (6)

    高级 Vue 组件模式 (6)

    摘要:之后再引入该指令,如下之后就可以在组件的模板中使用该指令了,比如一切都将按预期中运行,当组件的状态为开时,组件的根元素会增加一个的内容增强属性。到后来兴起了组件化开发的开发思想,指令似乎是随着的没落而消失了踪影。 06 通过 directive 增...

    makeFoxPlaymakeFoxPlay 评论0 收藏0
  • 【ES6入门04】:数值扩展

    【ES6入门04】:数值扩展

    摘要:数值扩展判断数值是否无尽或有尽判断是否为判断数值是否为整数,参数必须为数值类型能准确表示的整数范围在到之间不含两个端点,超过这个范围,无法精确表示这个值。方法取一个数的整数部分方法判断数值小于等于大于的情况取数值的立方根 数值扩展 Num...

    kohoh_kohoh_ 评论0 收藏0
  • webpack4 系列教程(十四):Clean Plugin and Watch Mode

    webpack4 系列教程(十四):Clean Plugin and Watch Mode

    摘要:作者按因为教程所示图片使用的是仓库图片,网速过慢的朋友请移步系列教程十四原文地址。需要注意的是应该把放在配置项的最后一个,因为配置是倒序的最后配置的最先执行。以保证每次正式打包前,先清空原来遗留的打包文件。 作者按:因为教程所示图片使...

    TalkingDataTalkingData 评论0 收藏0
  • 【ES6入门05】:数组扩展

    【ES6入门05】:数组扩展

    摘要:数组扩展把一组数据转换成数组把伪数组集合转换成真正的数组把集合转换成数组类似映射的功能接收两个参数,。 数组扩展 Array.of() { // 把一组数据(number/string/boolean...)转换成数组 let arr = Array.of(3, "abc", true, {a:"a"}, 11); ...

    Lionad-MorotarLionad-Morotar 评论0 收藏0
  • webpack4 系列教程(十五):开发模式与webpack-dev-server

    webpack4 系列教程(十五):开发模式与webpack-dev-server

    摘要:作者按因为教程所示图片使用的是仓库图片,网速过慢的朋友请移步系列教程十五开发模式与原文地址。而开发模式就是指定为。在非开发模式下,需要关闭此选项,以减小打包体积。在单页应用中,任何响应直接被替代为。 作者按:因为教程所示图片使用的是 g...

    zengdongbaozengdongbao 评论0 收藏0
  • webpack4 系列教程(十六):开发模式和生产模式·实战

    webpack4 系列教程(十六):开发模式和生产模式·实战

    摘要:作者按这是系列最后一篇教程了。这篇文章在之前所有教程的基础上,做了一个真正意义上的项目我花费了三个月整理了这份教程,并且完善了相关示例代码,也更熟悉的理论和应用,当然,也感谢大家的支持。好了,感慨完毕,开始正题 作者按:这是webpack4系...

    snifessnifes 评论0 收藏0
  • 【ES6入门06】:对象扩展

    【ES6入门06】:对象扩展

    摘要:对象扩展简洁表示法属性表达式值用中括号包起来,就是个表达式跟的功能是一样的数组也是引用类型,值虽然都是空,但指向不同的内存地址实现对象的拷贝浅拷贝只拷贝对象自身的属性,如果对象有继承,继承的属性不会被拷贝只拷贝可枚举属性,不可枚举属性...

    zsirfszsirfs 评论0 收藏0
  • electron实现qq快捷登录!

    electron实现qq快捷登录!

    摘要:之前本来想不写这个功能的结果客户死活要登录实在没办法就写了顺便写个文章在写之前有两个问题打开授权页面点击页面中的链接会又打开一个页面授权之后是否成功很难去判断不过脑海中有一个想法就是就是一个类似于浏览器一样既然是浏览器那肯定可以阻止链...

    channgchanng 评论0 收藏0
  • 【ES6入门07】:函数扩展

    【ES6入门07】:函数扩展

    摘要:函数扩展函数参数的默认值参数的作用域的参数将所有参数转换为数组表示参数扩展运算符箭头函数只有一个参数可以省略没有参数写当返回值为对象时,用包住返回值,不然会报错注意,使用箭头函数时,注意的指向函数尾调用判别是否函数尾调用的方法函数的最...

    YorkChenYorkChen 评论0 收藏0
  • jQuery的其他常用知识点

    jQuery的其他常用知识点

    摘要:获取匹配的第一个元素相对于其最近的具有定位即不是的父元素的位置返回不能设置。但是这两种方法的缺点是要绑定的元素必须存在文档中。支持对动态创建的元素有效。解绑所有代理的事件,而元素本身的事件不会被解绑。触发事件响应方法,不触发浏览器行为...

    yeoooyeooo 评论0 收藏0
  • 五分钟掌握 for...in 和 for...of 区别

    五分钟掌握 for...in 和 for...of 区别

    摘要:地址,欢迎,查看更多整理的前端知识语句以任意顺序遍历一个对象的可枚举属性。在每次迭代时,将不同的属性名分配给变量。对于的循环,可以由或终止使用报错。与区别语句以原始插入顺序迭代对象的可枚举属性。 GitHub 地址,欢迎star,查看更多整理的...

    BearyChatBearyChat 评论0 收藏0
  • git 详解及实用指南之三(分支管理)

    git 详解及实用指南之三(分支管理)

    摘要:详解及实用指南之一本地操作详解及实用指南之二远程操作创建与合并分支利用分支就可以实现多人开发的伟大模式,从而提高生产效率。分支默认情况下,是一条线,利用指向最新的提交,再用批向就能确定当前分支以及当前分支的提交点。 1. git 详解及实用...

    darryrzhongdarryrzhong 评论0 收藏0
  • 佛系码农~手把手教你如何绘制一辆会跑车

    佛系码农~手把手教你如何绘制一辆会跑车

    摘要:作者首席填坑官苏南来源平头哥联盟交流群公众号。其实几年前是买过一辆的,但是不到一个月就被人偷了,伤心了好久。平头哥联盟,我是首席填坑官苏南但想来作为一名程序嗯,还是个菜鸟,专业首席填坑官哦 showImg("https://segmentfault.com/img/bVbisx...

    luckywluckyw 评论0 收藏0
  • 精读《谈谈 Web Workers》

    精读《谈谈 Web Workers》

    摘要:可以将耗时任务拆解出去,降低主线程的压力,避免主线程无响应。主线程接收发消息每个实例通过接收消息,通过发送消息。收发主线程消息和主线程代码类似,在代码中,也是接收消息,这个消息来自主线程或者其它。 1 引言 本周精读的文章是 speedy-intro...

    myeveryheartmyeveryheart 评论0 收藏0

热门文章

<