随笔分类 - 前端分享
摘要：在使用 Taro 框架开发小程序时，我们可能会遇到一个常见问题，即 Modal 蒙层默认情况下是可以滚动的，导致在 Modal 弹出时用户仍然可以滚动页面，造成用户体验上的不便。本文将介绍一种解决方法，以防止 Modal 蒙层的穿透问题。 1. 问题分析 在 Taro 框架中，我们可以通过 @tar
阅读全文
摘要：闲暇之余，整理出了项目中常用的一些工具类，不是很全，后续会持续更新～～～ 全部代码请移植github哦～github地址：https://github.com/yang302/utils
阅读全文
摘要：(_=>[..."`1234567890-=~~QWERTYUIOP[]\\~ASDFGHJKL;'~~ZXCVBNM,./~"].map(x=>(o+=`/${b='_'.repeat(w=x<y?2:' 667699'[x=["Bs","Tab","Caps","Enter"][p++]||'S
阅读全文
摘要：在开发移动端react项目中，遇到了上拉加载更多数据的分页功能，自己封装了一个组件，供大家参考，写的不好还请多多指教！ 在需要分页的组件中引入LoadMore组件：
阅读全文
摘要：antd Form表单中Input输入框 在IE9下按下任何按键都会报校验失败，导致输入框输入不了任何内容！ 可能你的react及react-dom版本由于过高导致antd组件不能兼容，需要对react及react-dom进行降级处理； 在这里附上我的版本号： 然后再 cnpm install re
阅读全文
摘要：/** * 浏览器回退事件监听 */ var listenerBackHandler = { param: { isRun: false, //防止微信返回立即执行popstate事件 }, listenerBack: function () { var state = { title: "title", url: "#" }; windo...
阅读全文
摘要：Retina屏幕，设备像素比，移动端的边框在这些屏幕上1px 会表现处2px,3px像素的宽度，所以出现各种解决方案，今天只总结一种，以后慢慢补充。。通过伪类 ::after。，原理就是通过transfrom:scaleX scale scaleY这几个函数进行缩放，废话不多说，直接撸代码，分别是：
阅读全文
摘要：在使用antd-mobile中的组件的时候，遇到了一些比较棘手的问题，经过查找相关资料和网上的帮助，在此整理出了问题以及解决办法： 在引入antd-mobile的时候，根据官网提供的文档： 1，首先安装antd-mobile， 2，其次安装依赖，引入babel-plugin-import 这个按需加
阅读全文
摘要：安装vue-cli之前，需要先装好vue 和 webpack 使用vue-cli构建vue项目 这样子项目就安装完了,生成文件如下然后执行 在浏览器打开http://localhost:8080，则可以看到欢迎页了。看到这个就说明一切顺利
阅读全文
摘要：主要使用技术： react react-router4 redux： action、reducer、store管理数据 fetch： 进行数据交互 prismjs ： 页面嵌入代码，高亮显示插件 bundle-loader:： 异步加载路由组件，优化性能，提升首页打开速度 proxy： 接口代理 k
阅读全文
摘要：今天介绍一个react脚手架，react-cli, 可以说是 vue-cli 的外表，react的心！ 安装步骤： 它包含了： 1，react全家桶 2，webpack热加载 3，Expressdev server 4，Proxy接口代理 5，Global-Variable全局变量，用来区分线上线下
阅读全文
摘要：最近在学习react，试着做了一个新闻类的网站，结合ant design框架， 并且可以同时在PC和移动端运行； 主要包含登录和注册组件、头部和脚部组件、新闻块类组件、详情页组件、评论和收藏组件等； 数据交互使用的是fetch，简洁好用，上手快； 代码在github上： https://github
阅读全文
摘要：1，打开你的本地项目文件夹，比如 test-demo； 2,打开github（没有github的要自己注册下）, 点击new repository 3，填写项目信息，创建项目 4，复制新建的项目url，后面要用到 5，在第一步建立的项目文件 test-demo 根目录右键启动 git bash（未安
阅读全文
摘要：Ant Design 由蚂蚁金服团队出品， 基于 React 的组件化开发模式，封装了一套丰富而实用的 UI 组件库。 在这个练习Demo 中，按照 Ant Design 官网的教程示例，尝试使用 Ant Design 提供的各种组件。比如，导航、表单、表格等等，基本上一般后台系统需要的，都能找到封
阅读全文
摘要：学习react也有一周的时间，最近自己做了个仿知乎问答的小demo，项目源码在github上：https://github.com/yang302/reactQa 使用技术：bower+gulp+react bower实现包之间的相互依赖管理，gulp实现项目打包，编译，监听，并在浏览器端实时动态刷
阅读全文
摘要：IE6下有时候png格式的图片会存在背景的问题，以下是我常用的解决办法： /** * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>. * Author: Drew Diller
阅读全文
