js

cordova与css结合实现在android上透明状态栏兼容齐刘海等异形屏

应该会有人觉得百度(google)有的东西为什么我会写出来?有我还写啥啊~手上有一个项目,是用cordova+vue的,这个不是重点,由于ios的app上架比较困难,所以优先上架android。因为习惯了在ios上透明状态栏的样式,在android上也想拥有。得赖于ios的css中safe-area-inset-*的属性,可以在cordova的ios端结合c …

cordova+cordova-plugin-x5-webview(x5)内核在input(type=file)无法选取照片的问题

在我研究了flutter和mpvue后,我决定放弃mui以及flutter和mpvue,至于什么原因,日后文章会说明。目前我用的是vue-cli3+cordova;但是cordova原生内核毕竟是比较老的,css中使用env可能会导致错误。于是必须引入其他内核最为替代;目前已知的有crosswalk和腾讯x5内核crosswalk:我试过,但是放弃了。原因不 …

Handsontable如何获取合并的单元格数据

因为自己挖了一个坑,所以需要使用到Handsontable插件,目前的需求是需要合并单元格,所以必须保留合并的信息。想过使用hook来保存或者删去合并数据,但是会出现很多难以判断的合并情况百度了下,前3页几乎是一模一样的内容,都是不能使用的,大家你抄我我抄你也不验证一下比如 这个var $container = $(& …

介绍一个小程序页面通讯利器《事件总线》

因为在一个项目中,需要在多个page建立所谓的websocket。但是这存在一个很不实际的问题,如果在每个页面建立websocket,第一不利于页面维护,第二多次建立websocket对内存和项目不定性不利,所以想到使用一种叫《事件总线》实例对所有的通讯事件进行调度和维护。这里先介绍下《事件总线》的原理:在前端的世界观里,每个页面的javascript在不被 …

如何监听css并同步生成sprite图(二阶)

sprite图    CSSSprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所 …

angular.js初涉之路由器ngRoute

之前在做分页的时候经常会遇到一个问题,通过URL传递分页参数会导致页面加载过慢,页面有明显刷新的体验。而通过ajax访问虽然仅仅进行了局部刷新,但是用户很难直接通过 URL到达自己想要的页数,或者筛选的结果页面;用户通过浏览器返回也无法回到上一个页面对应的页码。URL有一个属性叫hash,中文名称哈希。location是javascript里边管理地址栏的内 …

如何监听css并同步压缩css(初阶)

一个项目如果使用一份css那么会导致css文件很大,网络上提供了不少的css压缩工具,但是都有一个问题,每次修改每次都需要手动执行压缩的过程。如何监听程序猿修改css,并自动压缩呢。这里用到的是gulp。nodejs的npm命令下载gulp,记得,项目和全局都需要gulp。接着编写脚本。这里直接放代码。var gulp = re …

canvas之drawImage中的坑

最近需要把一个div变成也就是所谓的html代码变成base64编码。一开始觉得很容易,直接调用2个官方的js包即可,结果发现,其实并没那么简单,因为这个div包含了头像,用户可能上传动图gif,比如我。动态下可能导致这个gif无法被正常转为base64,于是胡就想起了canvas把gif转成单张静态的图片。在原生的html里面canvas先定义为2d内容也 …

jquery 中 attr 和 prop 的区别

在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单:对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。上面的描述也许有点模糊,举 …

ubuntu服务器如何简单安装nodejs服务

今天有一个项目,其实很简单,主要是为了实时推送新闻资讯,而主项目采用java,在java下开发websocket较为繁琐。所以决定采用nodejs这种高性能服务。这里有一个坑,大家都知道ubuntu有一个apt-get的命令,可以非常快速的下载并安装各类软件。老夫一开始偷懒,直接apt-get nodejs.效果很好,安装完成了,快准狠。处于安全和严谨的目的 …