02 基于umi搭建React快速开发框架(国际化)

前言 之前写过一篇关于 "React的国际化" 文章,主要是用react intl库,雅虎开源的。react intl是用高阶组件包装一层来做国际化。 基于组件化会有一些问题,比如在一些工具方法中需要国际化,就需要自己去实现了。在umi react快速开发框架我们采用 "react intl uni ... »

关于 注册页面浏览器自动添加账号密码问题?

最近发现一个问题,在登录页面登录一次过后记住密码,在点击注册页面会发现第一个密码框已经存在数据,而自己的账号会跑到第一个密码框上面的input中去。并且北京变成黄色的了。 这个效果会影响用户的体验。 在网上查到的方法又很多, autocomplete="off" 这个属性 网上有的人说可以实现 不知 ... »

微信小程序 this.data与this.setData

一、摘要 小程序中我们会经常使用到this.data与this.setData。其中this.data是用来获取页面data对象的,而this.setData是用来更新界面的。那么他们之间的区别与联系你真的搞懂了吗? 二、正文 this.data可以获取页面data对象,但是它返回的对象到底是新的对 ... »

JS的发布订阅模式

发布-订阅模式里面包含了三个模块,发布者,订阅者和处理中心。这里处理中心相当于报刊办事大厅。发布者相当与某个杂志负责人,他来中心这注册一个的杂志,而订阅者相当于用户,我在中心订阅了这分杂志。每当发布者发布了一期杂志,办事大厅就会通知订阅者来拿新杂志。这样在结合下面的图应该很好理解了。 ... »

js中对象转化成字符串、数字或布尔值的转化规则

js中对象可以转化成 字符串、数字、布尔值 一、对象转化成字符串: 规则: 1、如果对象有toString方法,则调用该方法,并返回相应的结果;(代码通常会执行到这,因为在所有对象中都有toString方法) 2、如果对象有valueOf方法,则调用该方法,并返回相应的结果; 3、否则抛出异常。 通 ... »

使用mui.js实现下拉刷新

闲聊: 最近因公司项目需求,小颖需要写一些html5页面,方便公司IOS和Android给APP中嵌套使用,其中需要实现拉下刷新功能,其实就是调用了一下mui.js就可以啦嘻嘻,下面跟着小颖一起来看看具体是怎么实现的吧. 目录: 效果图: mui.min.js、mui.min.css和jquery- ... »

对象里面的属性有值但是打印出来是空的,获取不到

如下,对象 obj 的 arr 属性是个数组,是有内容的,但是获取 obj.arr 的时候 获取的是空数组 纠结了半天,突然意识到会不会是异步造成的, 果然,obj.arr 属性我是用ajax 请求完之后 赋值过去的,部分代码如下: 我赋值的代码 是在请求之外,导致了异步。 把这个赋值的代码放到请求 ... »

js仿百度地图拖拽、缩放、添加图层功能(原创)

最近项目中完成的需求,仿百度地图中的功能: 要求:1.底层图可以拖拽、缩放。 2.拖拽一个图标,在底层图上对应位置添加一个标注点,该标注点位置要随底层图移动。 3.添加的标注点,可以拖动,删除。 主要知识点和难点就是各个浏览器的点击、拖拽、缩放事件兼容性,对js运动属性、运动偏移位置的了解,以及js ... »

Lodop打印控件在页面如何使用

Lodop打印控件部署到web服务器简单,在页面的使用方法也简单,是非常容易和方便使用的打印控件。客户端本地打印角色(即用户访问网站后 用自己链接的打印机进行客户端本地打印),步骤很少,部署简单:Lodop部署web网站 客户端本地打印角色 一.推荐的使用方法是混合部署,即Lodop官网样例那种部署 ... »

通俗易懂的Redux了解下

Redux真的让我脑仁疼,感觉有点搞不定他,因为对我而言太抽象了。所以我用通俗易懂地方法去思考Redux,感觉能够理解了。 本文要点: action 配置行为 store.dispatch(action) reducer 纯函数 返回新的state createStore(reducer) stor ... »

如何解决JS中onKeyUp冲突问题。

今天刚来公司张哥就指给我任务,简单来说就是解决输入框A、B、C之间的公式关系,改变C的值,让B的值等于A*C。改变B的值再让A变化,公式不变。 刚拿到任务我第一个反应就是onKeyUp啊,简单,于是在B、C那分别写了个onKeyUp,结果悲剧了,改变C,B确实能变,但再改变B就不好使了,一闪你输入的 ... »

Lodop打印控件设置表格次页偏移

Lodop打印控件有很好的自动分页功能,超文本table表格一页装不下,自动分到第二页,第三页……通常表格之前还会有一些内容,比如标题,制表人名称日期什么的杂七杂八的东西,这种东西会占用一定的空间,这些东西只需要在第一页显示。在这种情况下,表格自动分页后,还是会按照打印项原来的top顶边距来进行定位 ... »

Android与js互相调用

有话要说: 本篇主要总结了简单的Android与js互相调用的方法。 在开发过程中遇到了需要在安卓中调用js方法的需求,于是将具体的实现过程总结成这篇博客。 效果: 其中“调用安卓方法”按钮是html中的按钮;“调用JS方法”按钮是app中的按钮。 本地HTML: 首先,在app根目录新建一个ass ... »

论前端信息加密必须性(要不要加密、如何加密)

一、序言 最近,关注了一下关于web端登录、传输数据加密的情景。发现了一些有意思的事情。某互联网金融公司程序员做登录验证,先来一发md5加密,然后就自豪的说我的登录是加密的,外人无法破解,绝对保障用户的信息安全。事后博主发现,my gold,全站http协议,仅仅登录使用了md5加密。 ps: 偷偷 ... »

学习React从接受JSX开始

详情参考官方 "JSX规范" 虽然JSX是扩展到ECMAScript的类XML语法,但是它本身并没有定义任何语义。也就是说它本身不在ECMAScript标准范围之内。它也不会被引擎或者浏览器直接执行。通常会利用很编译器预处理器来将这些JSX转化为标准的ECMAScript。 吐槽:虽然JSX出发点是 ... »

ES6进阶之路

1.说出至少5个ES6的新特性,并简述它们的作用。 2.使用结构赋值,实现两个变量的值的交换 3.使用结构赋值,完成函数的参数默认值 4.利用数组推导,计算出数组 [1,2,3,4] 每一个元素的平方并组成新的数组 5.使用模板字符串改写下面的代码 6.用对象的简洁表示法改写下面的代码 7.用箭头函 ... »

【大前端攻城狮之路·二】Javascript&QA⼯程师

今天给大家分享的主题的是Javascript&QA⼯程师。看到这个主题,可能有人问:前端开发完就OK了,剩下的丢给测试就行,哪里还需要关心这些?但事实上呢,测试是前端开发非常重要的环节,也是迈向高级前端工程师的必经之路! 本文主要分为一下四个部分: · 单元测试 · 性能测试 · 功能测试 · 安全 ... »

关于爬取异步加载的页面

在爬取网站时常遇到异步加载的情况,必须点击或者下拉滚动条才会加载出更多的图片或视频,在源码中却一片空白,我一开始遇到时候也有点懵,了解了就好,还是请求。学过一些前端知识的朋友都清楚其实就是ajax异步加载js,这是为了提高用户的体验,许多网站都使用这种方法。 究其根本,其实就是将这部分请求放在了后台 ... »