- 博客(22)
- 收藏
- 关注
RSS订阅转载 笔记
//使用原型实现观察者模式function Observer() { this.fns = [];}Observer.prototype = { //订阅 subscribe: function(fn) { this.fns.push(fn); }, //退订 unsubscribe: function(fn) { this.fns...
2019-05-28 23:46:00
166
转载 移动端1px问题处理方法
在做移动端开发时，设计师提供的视觉稿一般是750px，当你定义border-width:1px 时，在iphone6手机上却发现：边框变粗了。。这是因为，1px是相对于750px的（物理像素），而我们定义的1px是相对于375px的（css像素）“实际上应该是border-width:0.5px”。解决方法：1、border-image 图片 实现在使用border-...
2019-04-26 17:29:00
1800
转载 rem是怎么计算的（转载）
「rem」是指根元素（root element，html）的字体大小，从遥远的 IE6 到版本到 Chrome 他们都约好了，根元素默认的 font-size 都是 16px。rem是通过根元素进行适配的，网页中的根元素指的是html，我们通过设置html的字体大小就可以控制rem的大小（另一个 相对单位 em（fontsizeoftheelement）是指相对于父元素的字体...
2019-04-25 11:02:00
434
转载 记一场与 cookie 的相遇
简介: cookie 翻译过来为 “小甜点，一种酥性甜饼干，很美味的...”，咳咳，打住！我们这里说的是 “甜点” 文件，它是浏览器储存在用户电脑上的一小段纯文本格式的文件。由于 http 是一种无状态的协议（无状态是指对于客户端每次发送的请求都认为它是一个新的请求，上一次会话和下一次会话没有联系），服务器无法知道两个请求是否来自于同一个浏览器，因此 cookie 应运而生。cook...
2019-03-20 11:25:00
182
转载 小程序通过 url 向内嵌 H5 传参注意事项
当在小程序中通过 url 向 <web-view> 内嵌的 H5 传参时，当包含特殊字符时需要进行编码处理（不然 <web-view> 中是拿不到值的，小程序竟然没有错误提示...）：1、test.wxml<view> <web-view src="{{url}}"></web-view></view...
2018-11-12 10:50:00
787
转载 小程序跳转 H5 时 cookie 值处理问题
小程序使用 <web-view></web-view> 内嵌 H5，当跳转至 H5 后，校验用户的登录状态是最重要的。在做手中的项目 b.xx.com 时，需要调用另一个域名下（a.xx.com）的公共地址接口，两处都需要校验用户的登录状态。最初的做法是：let cookie='aaaaaa2222fghhhh', domain = '....
2018-11-08 21:55:00
1383
转载 小程序 <web-view></web-view> 中使用 form 表单提交
在最近的小程序项目中，使用到了 <web-view></web-view> 内嵌 H5 页面，在 H5 中需要使用 form 表单提交数据。H5 使用的技术框架是 vue+vuex，刚开始编码如下：//form表单，v-model绑定数据<form :action="url" ref="setForm" method="post">...
2018-11-08 21:36:00
526
转载 React Router 4.x 开发，这些雷区我们都帮你踩过了
前言在前端框架层出不穷的今天，React 以其虚拟 DOM 、组件化开发思想等特性迅速占据了主流位置，成为前端开发工程师热衷的 Javascript 库。作为 React 体系中的重要组成部分：React Router 也成为开发者首选的路由库，其主要功能是通过管理 url 实现组件的切换和状态的变化。正文在 React Router 4.x 发布之前，我们在项目中使用的是 ...
2018-09-28 16:12:00
225
转载 【译】使用 Flutter 实现跨平台移动端开发
作者: Mike Bluestein |原文地址：[https://www.smashingmagazine.com/2018/06/google-flutter-mobile-development/]【译者注：链接序号对应下面索引列表，另外可以点击阅读原文查看详细的链接文章】Flutter 是一款由 Google 开发的开源、跨平台移动端开发框架。它允许使用同一个代码...
2018-09-27 18:37:00
248
转载 js中的 Date对象 在 IOS 手机中的兼容性问题
项目中有个时间相关的需求，很自然的用到了 js 中的 new Date() 获取时间，浏览器使用模拟手机模式访问没有问题，但是真机测试时发现，ios系统的手机无法显示时间。定位问题发现是new Date() 的 兼容性问题：在 ios/Safari 中，使用 new Date() 获取的日期格式是：2017/03/15 ，但是在Android/Chrome中获取的日期格式是：...
2018-09-06 11:14:00
365
转载 微信小程序中使用 <web-view> 内嵌 H5 时，登录问题的处理方法
在微信小程序的开发中，经常遇到需要使用 <web-view></web-view> 内嵌 H5 的需求。在这种需求中比较棘手的问题应该就是登录状态的判断了，小程序中的登录状态怎样与H5中的登录状态保持一致？一般来说，后端开发同事多数会要求我们在 H5 中的接口请求中携带 cookie，来获取用户当前的登录状态。这个该如何实现呢？分为以下几步：1、小程序...
2018-09-04 17:02:00
3162
转载 小程序 TabBar 定制
使用微信小程序开发时，用到了其 API - tabBar，设置如下（详细的内容可以参考官网 api）："tabBar": { "color": "#999", "selectedColor": "#f04848", "backgroundColor": "#ffffff", "borderStyle": "b...
2018-09-03 18:16:00
129
转载 webpack 代码优化压缩方法
在配置基于webpack的react单页面脚手架时，公共依赖库代码打包至vender.js中，页面逻辑代码打包至app.js中，使用webpack-bundle-analyzer分析发现，两个js中包含重复代码。优化方法如下：webpack.config.js 修改（1）修改入口文件的顺序，vender.js作为依赖文件应该最先引用 webpackConfig.entry...
2018-05-25 18:01:00
204
转载 react-router v4 按需加载的配置方法
在react项目开发中，当访问默认页面时会一次性请求所有的js资源，这会大大影响页面的加载速度和用户体验。所以添加按需加载功能是必要的，以下是配置按需加载的方法：安装bundle-loader npm install --save-dev bundle-loader定义Bundle.jsimport React, { Component } from 'r...
2018-05-25 17:51:00
138
转载 axios发送post请求，如何提交表单数据？
axios发送post请求，提交表单数据的方式默认情况下，axios将JavaScript对象序列化为JSON。要以application / x-www-form-urlencoded格式发送数据，可以使用以下选项之一。1. 浏览器。在浏览器中，您可以使用 URLSearchParams API，如下所示：var params = new URLSearchParams...
2018-05-25 17:39:00
2594
转载 react中键盘enter事件处理
对于常见的搜索需求业务场景，用户输入完成后，点击enter事件请求数据，要求不提交页面，实现数据局部更新，这需要用到react中的表单Forms。处理方法：（1）html书写form标签中去掉action参数，定义onSubmit方法，如下所示：<div className="mc2"> <form onSubmit={(e) =>...
2018-05-25 17:33:00
1543
转载 常用证件正则表达式
1、身份证/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}(\d|x|X)$/,//身份证2、军官证/^[0-9]{8}$/,//军官证3、护照/^[a-zA-Z0-9]{5,17}$/, //护照4、营业执照/^[a-zA-Z0-9]{10,20}$/,...
2018-05-11 15:46:00
932
转载 react中input自动聚焦问题
input自动聚焦问题在react中可以使用refs解决这个问题，首先看一下refs的使用场景：（1）处理焦点、文本选择或媒体控制。（2）触发强制动画。（3）集成第三方 DOM 库。使用refs解决input聚焦的问题有两种应用场景：1、组件内部：在input内部定义ref，当给 HTML 元素添加 ref 属性时，ref 回调接收了底层的 DOM 元素作为参...
2018-05-10 17:48:00
3291
转载 React Router v4 页面传值的三种方法
传值方法1、props.params使用React router定义路由时，我们可以给指定一个path，然后指定通配符可以携带参数到指定的path：<Route path='/user/:name' component={UserPage}></Route>跳转UserPage页面时，可以这样写：//link方法<Link...
2018-05-10 17:41:00
193
转载 react-router(v4) 路由跳转后返回页面顶部问题
遇到的问题由A页面跳转到B页面，B页面停留在A页面的位置，没有返回到顶部。问题分析首先分析下出现此问题的原因： 在项目中使用的是 hashHistory，它是建立在 history 之上的，当路由发生变化时会记住原路由的状态，跳转新页面后默认停留在原页面的位置。解决方法使用 withRouter；withRouter可以包装任何自定义组件，将react-r...
2018-05-10 17:08:00
665
转载 react-router v4中 HashRouter 和 BrowserRouter的使用
遇到的问题项目中控制路由跳转使用的是BrowserRouter，代码如下：ReactDOM.render(( <BrowserRouter> <div className="container"> <Route path={routePaths.INDEX} exact component={...
2018-05-10 16:06:00
1298
转载 react 在IE9下input标签使用e.target.value取值失败
在react项目开发中，input标签使用onChange方法获取输入值改变state：<input type="text" id="redeemNum" value={state.num} onChange={(e) => this.inputChange(e.target.value)}/>个</p>但是，在IE9下发现 e.target...
2018-05-10 15:35:00
723
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人