- 博客(17)
- 收藏
- 关注
RSS订阅
原创 小程序textarea穿透问题解决方案
前段时间做个小程序项目，遇到textarea层级过高穿透的问题。社区也没有找到合适的解决方案，无奈在textarea的基础上重新写了个组件。解决思路：将textarea的值写入一个view里面，用view模拟一个textarea，当点击输入时（获得焦点）把view替换成为textarea，失去焦点时获取值显示为view。wxml代码：<view class="text_area_view"> <view bindtap='handleFocus' wx:if="{{hidde
2020-10-16 16:24:55
535
原创 vue路由history模式刷新404问题解决方案
vue单页因微信分享和自动登录需要，对于URL中存在’#’的地址，处理起来比较坑。用history模式就不会存在这样的问题。但是换成history模式，就会有个新的问题，就是页面刷新后，页面就无法显示了（404）。对于这个问题，我们只需要在服务器配置如果URL匹配不到任何静态资源，就跳转到默认的index.html。 我这里是针对nginx的配置，总结如下：方案一 （这种方式容易被第三方劫持...
2018-05-17 16:01:22
75174
22
转载 JavaScript 正则表达式上——基本语法
定义JavaScript种正则表达式有两种定义方式，定义一个匹配类似 <%XXX%> 的字符串1. 构造函数var reg=new RegExp('<%[^%>]+%>','g');2. 字面量var reg=/<%[^%>]%>/g;g： global，全文搜索，默认搜索到第一个结果接停止i： ingore case，忽略大小写，默认大小写敏感m： multiple ...
2021-12-28 17:20:08
268
原创 css3自定义滚动条样式
这里写自定义目录标题滚动条的常用属性贴代码其他的CSS属性注意滚动条的常用属性::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或向左向右移动）::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb）::-webkit-scrollbar-button 滚动条的轨道的两端按钮，由于通过点击微调小方块的位置。::-webkit-scrollbar-track-piece 内层轨
2020-09-26 11:34:16
388
原创 手机端rem适配方案
在做手机端适配的时候，会选择不同的单位配合着媒体查询，去做适配比如em、vw、rem。个人认为让前端能完美还原设计稿的单位就是rem了。因为美工设计的时候，单位用的是像素，而前端想在不同屏幕上完全还原设计稿，就必须要有一套换算过程。 这里就不讲太多的为什么了，因为百度一大把，直接贴方案了（一段js+媒体查询）。这也是工作中用的方案，仅供参考，我也是参考的网易和淘宝。//动态计算fontS...
2018-04-13 14:35:28
264
原创 安装配置laravel遇到的两个坑
使用composer安装了laravel之后没有vendor文件夹根据官方文档提供的命令安装了laravel脚手架之后，发现没有vendor这个文件夹，composer install/update都试过了，还是没有这个文件夹 解决方案： 要开启php.ini里面的mbstring。 extension=php_mbstring.dll前面的分号去掉使用homestead打开h
2017-12-20 15:05:50
315
原创 vagrant+virtualbox遇到的坑
这两天用vagrant+virtualbox搭建环境，按照以前的方法，先把它们都下载下来都是最新版本。接着傻瓜式的安装，添加box、初始化，接着vagrant up启动。然而并没有启动起来，光标一直在那里闪烁。瞬间意识到踩坑了。经过百度，Google，都说是版本问题，果断换版本。 这时候的用的版本VirtualBox-5.1.18-114002-Win.exe、vagrant_1.9.3.msi。
2017-11-07 17:30:37
4270
1
原创 关于使用element-ui的el-input监听不了回车事件
使用element-ui的el-input监听不了回车事件，原因应该是element-ui自身封装了一层input标签之后，把原来的事件隐藏了，所以如下代码运行是无响应的：<el-input size="small" @keyup.enter="doSomething" v-model="mobile"></el-input>只要在事件后面加上.native，就可以解决问题了<el-input si
2017-07-29 14:07:44
856
原创 jquery,6位密码输入框效果
啥也不说，直接贴代码<!DOCTYPE html><html> <head> <title>仿支付宝支付效果</title> <meta charset="utf-8"/> <meta name="author" content="[email protected]"> <style> <!--
2017-07-15 10:12:04
901
原创 webpack构建React应用五：使用webpack Loaders 模块加载器(三)
url-loader在 webpack 中引入图片需要依赖 url-loader 这个加载器。安装依赖： npm install file-loader url-loader --save-dev在webpack.config.js文件中配置如下：{ test: /\.(png|jpg)$/, loader: 'url-loader?limit=8192&name=images/[
2017-07-12 15:38:06
423
原创 webpack构建React应用四：使用webpack Loaders 模块加载器(二)
css-loader我们需要在js文件里面，通过require的方式来引入css。首先需要安装css-loader，style-loader(安装style-loader的目的是为了在html中以style的方式嵌入css)。 npm install css-loader style-loader --save-dev然后在entry.js中增加require('./css/app.css')
2017-07-12 15:24:54
263
原创 webpack构建react应用三：使用webpack Loaders 模块加载器(一)
Webpack 本身只能处理原生的 JavaScript模块，但是loader转换器可以将各种类型的资源转换成JavaScript模块。这样，任何资源都可以成为 Webpack 可以处理的模块。 Webpack将所有静态资源都认为是模块，比如JavaScript，CSS，LESS，TypeScript，JSX，CoffeeScript，图片等等，从而可以对其进行统一管理。为此Webpack引入了加
2017-07-12 15:15:25
375
原创 webpack构建React应用二：webpack的安装及基础使用
安装webpack用npm安装webpack npm install webpack -g此时 Webpack 已经安装到了全局环境下，可以通过命令行 webpack -h 查看相关指令，通常我们会将webpack安装到项目依赖，这样就可以使用本地版本的webpack上一章，我们初始化了blog项目，接下来进入目录 npm install webpack --save-dev
2017-07-11 17:30:59
278
1
原创 webpack构建React应用一：创建项目
前言 我们学习react、angular、vue等前端框架的时候，都需要用到webpack、grunt、gulp等构建工具来构建整个项目，至于为什么用webpack,因为>>笔者只接触过webpack。 笔者在学习react的时候，webpack构建这块卡在那里让我研究了挺久的，各种百度、查资料。为了避免今后犯下同样的错误，记录下构建项目的>每个步骤，算是个学习笔记吧。仅供初学者参考！
2017-07-11 17:26:35
371
原创 手机第三方登录，判断微信浏览器
应用场景：用第三方微信登录，只有在微信的浏览器中才能使用。为了避免用户在非微信浏览器中使用微信登录，所以需设置只在微信浏览器显示微信登录如何判断微信内置浏览器，首先需要获取微信内置浏览器的User Agent，经过在 iPhone 上微信的浏览器的检测，它的 User Agent 是：Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like
2017-07-11 17:16:48
2474
原创 vagrant构建虚拟开发环境
1，准备工作下载安装 VirtualBox ：https://www.virtualbox.org/下载安装 Vagrant ：http://www.vagrantup.com/下载需要使用的 box ：官方提供的范例：http://files.vagrantup.com/precise32.box还可以在http://www.vagrantbox.es/ 这里
2016-08-28 17:06:46
449
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人