小程序里的wxss支持变量写法

<view class="container" style='--width--:{{-tipsWidth}}rpx;'></view> .container { width: var(--width--); }

2019-03-26 18:18:24

阅读数 175

评论数 0

微信小程序--基于CSS3 animation,公告类滚动-可配置组件

组件调用: <announcement xxx = "{{xxx}}" ></announcement> 滚动组件: 结构 <view class='notice-content'> &a...

2019-03-26 18:12:16

阅读数 46

评论数 0

JS解决clearInterval()函数不生效

每次,执行play函数的时候,let ctime,导致ctime并不是之前 setInterval返回的值。 你可以在clearInterval(ctime)前执行 console.log(ctime),将会打印出 undefined 所以,一个方法,是将ctime的定义...

2019-03-18 15:35:10

阅读数 67

评论数 0

iphoneX 前端两种适配方案

方案一: 为适应于iphoneX的齐刘海,ios11的WebView Viewport对于顶部做了调整。 iphoneX Viewport 手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽,这样就不用把每个网页挤到很小...

2018-08-22 16:48:39

阅读数 1499

评论数 0

jsonp 的原理与实现

jsonp是一种跨域通信的手段,它的原理其实很简单: 首先是利用script标签的src属性来实现跨域。 通过将前端方法作为参数传递到服务器端,然后由服务器端注入参数之后再返回,实现服务器端向客户端通信。 由于使用script标签的src属性,因此只支持get方法 下面详细讲讲如何实现js...

2018-08-20 17:00:23

阅读数 97

评论数 0

IE input X 去掉文本框的叉叉和密码输入框的眼睛图标

IE input X 去掉文本框的叉叉和密码输入框的眼睛图标 从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本。 对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标...

2018-07-31 17:06:18

阅读数 103

评论数 0

git 删除文件 、只删除远程仓库文件、更换远程仓库

一。删除文件 1.克隆远程仓库到本地库。 例如使用ssh方法: git clone git@github.com:xxx/xxx.git 2.对需要删除的文件、文件夹进行如下操作: git rm test.txt (删除文件) git rm -r test (删除文件夹) 3.提交修...

2018-07-30 16:54:18

阅读数 1542

评论数 0

国内外手机号码正则表达式

原文地址 https://cloud.tencent.com/info/5a3a9432e5d6931c2e66baeab681ab90.html var phones = { 'ar-DZ': /^(\+?213|0)(5|6|7)\d{8}$/, 'ar-SY': /^(!?...

2018-07-30 10:57:34

阅读数 3142

评论数 1

手把手带你走进MVVM

剖析Vue实现原理 - 如何实现双向绑定mvvm 本文能帮你做什么? 1、了解vue的双向数据绑定原理以及核心代码模块 2、缓解好奇心的同时了解如何实现双向绑定 参考地址 (https://github.com/DMQ/mvvm) 本文源码地址(https://github.com/...

2018-07-16 14:03:25

阅读数 97

评论数 0

js对于鼠标滚轮事件的监听

实现: 通过js对鼠标滚轮的事件进行监听。 描述: 首先,不同的浏览器有不同的滚轮事件。主要是有两种,onmousewheel(firefox不支持)和DOMMouseScroll(只有firefox支持),关于这两个事件这里不做详述,想要了解的朋友请移步:鼠标滚轮(mousewheel)和...

2018-06-21 17:29:38

阅读数 119

评论数 0

localStorage使用

export default { setStorageSync: function(KEY, DATA) { try { DATA = JSON.stringify(DATA); } catch (e) { D...

2018-05-15 14:00:14

阅读数 105

评论数 0

ios中设置readonly还会有光标?

在input上添加 unselectable=”on” onfocus=”this.blur()” 即可

2018-05-15 13:55:38

阅读数 501

评论数 0

基于 Create React App路由4.0的异步组件加载

本文章是一个额外的篇章,它可以在你的React app中,帮助加快初始的加载组件时间。当然这个操作不是完全必要的,但如果你好奇的话,请随意跟随这篇文章一起用Create React App和 react路由4.0的异步加载方式来帮助react.js构建大型应用。 代码分割(Code Splitt...

2018-04-25 17:09:18

阅读数 173

评论数 0

React-router-v4 - Webpack 实现按需加载(code-splitting)

原分地址 React-router-v4 - Webpack 实现按需加载(code-splitting) 方法一、结合 bundle-loader 实现按需加载 1. 首先创建一个包装组件 Bundle 一下是 react-router4.0 官方文档中给出的例子 import Re...

2018-04-25 16:09:39

阅读数 116

评论数 0

在styled-components的样式声明中做px到rem的自动转换

原文地址 最近在尝试使用styled-components来做React下的样式开发,这样可以利用js语言的灵活来增强css的能力。 在用styled-components处理px到rem的转换时,有点问题了。styled-components自己本着基础库的原则,是没有附加复杂的配置,所以一...

2018-04-24 17:46:40

阅读数 443

评论数 0

文件拖拽上传实例

dragFile() { var self = this; this.$nextTick(function() { var dropzone = document.getElementById('dropzone'); dropzone.ondrag...

2018-04-16 15:45:51

阅读数 241

评论数 0

使用AJAX实现文件拖拽上传功能详解

原文概述对于微云、百度云等网盘提供的文件存储服务而言,文件上传是一个重要功能。文件上传的方式主要有两种:二进制数据上传、表单上传。本文会详细解析表单上传的协议规范,前端上传文件的两种方式:对话框选择方式、拖拽选择方式,服务端接收上传的文件以及文件上传功能的技巧等。表单上传协议详解RFC1867(h...

2018-04-16 15:39:43

阅读数 204

评论数 0

js实现ctrl+v粘贴上传图片(兼容chrome、firefox、ie11)

原文我们或多或少都使用过各式各样的富文本编辑器,其中有一个很方便功能,复制一张图片然后粘贴进文本框,这张图片就被上传了,那么这个方便的功能是如何实现的呢?原理分析提取操作:复制=>粘贴=>上传在这个操作过程中,我们需要做的就是:监听粘贴事件=&a...

2018-04-16 15:10:10

阅读数 771

评论数 0

React如何实现锚点滚动

解决方案描述 实现锚点滚动, 不要用a标签, 因为会触发路由跳转 可以使用H5提供的API scrollToAnchor scrollToAnchor = (anchorName) => { if (anchorName) { let anc...

2018-04-16 15:04:02

阅读数 2982

评论数 0

git 默认对文件名大小写不敏感 (不区分文件名大小写)

git 默认不区分文件名大小写 当你创建一个文件后,叫 readme.md 写入内容后 提交到线上代码仓库. 然后你在本地修改文件名为 Readme.md 接着你去提交,发现代码没有变化. git status 无任何提示信息. 其实 git 默认对于文件名大小写是不敏感的,所以上面你修...

2018-04-16 14:56:52

阅读数 418

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭