我也要用- 博客(70)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 设置swiper中某个单个swiper-slide的停留时间
某个slide上设置单独的停留时间，例<div class="swiper-slide" data-swiper-autoplay="2000">
2020-10-30 16:27:42
166
原创 @touchmove.prevent 阻止苹果手机透过modal层触发底层滚动
<divclass="share-loading-mask"@touchmove.prevent></div>在modal层的下一层添加这一个盒子，能够阻止主层的滚动
2020-10-22 11:14:56
68
原创 mockJS相关语法
string 数据mock语法Mock.mock({})'name|min-max':stringname:属性的名字，min最小的字符的倍数，max最大的字符倍数，min-max重复的次数是min到max的值Number:'name|+1':number代表的意思是生成以number为基数自增1’name|min-max‘:number生成min-max的数’numner|1-100.1-10‘:number生成1-100且小数位数为1-10小数的数'numbe
2020-09-28 10:16:39
36
原创 cocos学习笔记 cc.tween
cocos中的缓动系统 cc.tween 特点：支持以链式结构的方式创建一个动画序列 不在局限于节点上的属性 两种设置方式 1、to改变到某个值 2、by变化值cc.tween 在调用 start 时会将之前生成的 action 队列重新组合生成一个 cc.sequence 队列，依次执行。cc.tween(this.node)//to,在第一秒的时候放大为2倍，位置为(100,100),角...
2020-09-27 17:03:55
66
原创 canvas制作圆型印章
通过canvas制作圆型印章，首先是上效果图，中间没有填充logo，自行填充就好了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati
2020-07-24 13:55:36
48
原创 实现苹果微信左滑效果H5实现 类似 swipe-cell
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src.
2020-07-18 14:22:44
74
原创 去除html标签长按时出现浅灰色背景色
a:active,a.:hover,a:fouce{text-decoration: none;outline:none;background-color:transparent;}
2020-07-02 14:50:42
325
原创 微信公众号开发-js获取客户端网络状态
微信网页中获取客户端网络状态WeixinJSBridge.invoke('getNetworkType', function(e) { // 在这里拿到e.err_msg，这里面就包含了所有的网络类型 alert(e.err_msg);});e.err_msg 值的意义network_type:wifi wifi网络network_typ...
2020-04-17 15:01:35
177
原创 select在苹果手机上的兼容性
问题：在页面中使用了select选择框后，第一次选择option中的内容是弹出的但是选中后再次点击选择，option中的内容不出现原因及解决办法：原因是弹窗弹出后，选择后，body没有回滚，造成了选择框在底部隐藏了；解决办法在change中设置window.scrollTo(0, document.body.scrollTop + 1);document.body.scroll...
2020-04-09 11:52:03
123
原创 数组的一些方法
console.dir(Array.prototype);Array中的方法：concat()；用于连接两个或多个数组不会改变现有的数组，而是返回被连接数组的副本var a = [1,2,3];var b=a.concat(4,5);Console.log(b)//=>1,2,3,4,5document.write(Object.prototype.toStrin...
2020-01-08 13:53:32
33
原创 微信小程序获取URL地址
var pages = getCurrentPages() //获取加载的页面var currentPage = pages[pages.length-1] //获取当前页面的对象var url = currentPage.route //当前页面urlvar options = currentPage.options //如果要获取url中所带的参数可以查看options可以写成工...
2019-11-27 16:26:11
2070
原创 react一看就会的简单路由设置
不管是vue还是react 这种单页面的框架一定都少不了路由下面给大家讲讲在实际项目中react的路由设置第一步： 在src目录下新建一个目录route 在该目录下新建一个index.js用于管理路由如:import React ,{ Component } from 'react'import {Switch,Route,Redirect} from 'r...
2019-11-19 10:04:35
41
原创 微信小程序学习
app.json:用于配置页面路径app.wxss:配置全局样式app.js:注册微信小程序应用catchtap:点击事件且点击时阻止冒泡事件bindtap：点击事件，但不会直阻止冒泡事件修改属性值：this.setData({data:123})标签共通的属性：id、class、style(动态的设置样式)、hidden（控制是否隐藏）、data-*组件上触发事件时，...
2019-10-21 23:04:10
37
转载 Margin的深入了解
关于margin对于一个前端开发者是非常常见的一个CSS属性，而我今天所分享margin属性是为了更加深入的了解margin的一些特性，从而在实际应用中，减少代码量。主要内容如下：1.关于margin的百分比特性。2.关于margin的auto的作用机制。3.关于margin的重叠。4.关于margin的负值。一、margin的百分比特性。我们使用百分比时经常会忽略这个问题...
2019-08-23 15:07:01
47
转载 IOS下的微信H5页面的底部前进后退横栏的适配问题
Question：最近做一个在微信和支付宝内置浏览器中运行的移动web界面，前几个月ios微信更新之后，微信将后退的按钮移至了底部横栏，遮挡住了原先底部的操作按钮。由于之前的页面设计是整屏显示禁止触摸滚动效果的，就想着是不是可以隐藏微信内置的底部横栏。Answer：1. 经过查资料，很多人说可以调用Weixin为H5应用提供开放原生能力的JS接口来隐藏/显示底部的状态栏。代码如下：do...
2019-08-12 09:33:37
537
原创 前端个人笔记
获取设备的宽高document.documentElement.clientWidth;//获取设备的宽度document.documentElement.clientHeight;//获取设备的高度document.documentElement是整个节点树的根节点root即<html>,而body是子节点，要访问body，在脚本中应该写document。body...
2019-07-09 19:33:01
41
原创 flex-direction的默认值
在react中flex-direction 的默认值是Colum其他原生和Vue中flex-direction的默认值为row
2019-07-08 16:05:12
845
原创 前端学习大杂烩
1、标签元素——块元素行元素 块元素：div，dl(定义列表),form,fieldset -form控制组，h1~h6，menu - 菜单列表，ol - 排序表单，p - 段落，table - 表格，ul - 非排序列表p：里面只能放文字和图片和表单元素，p里面不能放h和ul，也不能放p。 行元素：a - 锚点,br - 换行,em - 强调,i - 斜体,img,inpu...
2019-07-08 16:02:05
33
转载 git设置SSH的步骤
因为第一次用的git,于是发现怎么都拿不到项目代码，原来是没有设置key,然后就尴尬了，于是找到博客地址参照了设置了一下参照博客 https://blog.csdn.net/zzfenglin/article/details/53147840Git Bash命令行配置1.从开始菜单中找到Git Bash，点击打开之后，显示如下：2.点击左上角的图标，在下拉...
2019-07-04 11:47:18
66
转载 react的面试题
React 中 keys 的作用是什么？Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。render () { return ( <ul> {this.state.todoItems.map(({item, key}) => { return <li key={key}>{item}...
2019-05-22 10:24:58
58
原创 js中几种深度拷贝的方法
var ary1=[1,2];es5:方法一：varary2 = ary1.concat();//纯属组类型方法二：varary2 = JSON.parse(JSON.stringify(ary1)); //此方法适用于Oject的深度拷贝，因为Array属于Oject类型，所以也适用于此处； //需要注意的是：作为Oject的深度拷贝时，要复制的functio...
2019-05-22 08:04:51
347
原创 JavaScript判断数据类型的四种方法
1、使用typeof这种方法只能判断基本数据类型和引用数据类型typeof 1==='number';2、使用instanceof，能够去分Object中的不同引用类型var a=[]console.log(a instanceof Arrary)3、使用constructor也能判断出不同的数据类型' '.constructor===String4、toStrin...
2019-05-20 22:00:40
63
原创 常用的HTTP请求头、响应头参数
HTTP消息头用来规定、描述获取资源、服务器或者客户端的行为，定义了HTTP事物中的具体参数。HTTP消息头支持自定义，自定义的专用消息头一般会添加‘X-’前缀1、常用的请求头Accept：可接受的相应内容类型(Content-Type)；Accept-Language：可接受响应内容的语言列表；Accept-Charset：可接受的字符集；Accept-Encoding：...
2019-05-11 10:45:59
691
原创 异步加载
异步加载<script type="text/javascript"> var script = document.createElement('script'); script.type="text/javascript"; script.src="demo.js"; script.onload=function(){ test...
2019-03-28 19:39:20
33
原创 处理事件绑定中的兼容性函数
function addEvent(elem,type,handle){//elem是绑定事件的元素、type事件类型、handle处理事件的函数 if(elem.addEventListener){ elem.addEventListener(type,handle,false) }else if(elem.catchEvent){//IE兼容性 ...
2019-03-26 18:34:29
179
转载 js中this的学习
在学习react的时候this的指向总是混肴，谨听啊终于腾出事件来看下原生js中this的指向与箭头函数中的指向的区别原生js中this的指向： var obj={ fo:function(){console.log(this.bar)}, bar:1 ...
2018-12-12 10:40:30
54
原创 hosts、DNS学习
host的作用是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”，当用户在浏览器中输入一个需要登录的网址时，系统会首先自动将Host文件中寻找对应的IP地址，一旦找到，系统会立即打开对应的网页，如果没有找到，则系统会将网址提交DNS域名解析服务器进行IP地址的解析；注意：Host文件配置的映射时静态的，若果网络上的计算机更改了请及时更新IP地址否则将不能访问DNS万维网上作为域...
2018-12-06 15:35:19
220
原创 AJAX（）请求参数
$.ajax()方法详解jquery中的ajax方法参数总是记不住，这里记录一下。1.url:要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type:要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout:要求为Number类型的...
2018-11-30 09:52:26
2096
原创 前端学习常用网站及博客
掘金：https://juejin.im/博客：http://jspang.com/初学者看一下张鑫旭的博客：https://www.zhangxinxu.com/阮一峰的js：http://javascript.ruanyifeng.com/以及JQuery常用组件：http://www.jq22.com/雅虎前端优化35条军规：https://github.com/cree...
2018-11-29 20:22:50
65
原创 Html中产生塌陷的原因及解决方法
产生塌陷的原因：由于没有给父元素设置宽高，想通过子元素撑开宽高时，子元素又脱离了文档流使得子元素无法撑开文档流脱离文档流的三种情况： （1）float：给子元素设置浮动 （2）position：absolute；绝对定位 （3）position：fixed；相对于浏览器窗口定位解决塌陷的问题： （1）在浮动元素后使用一个空元素如<div class="cle...
2018-11-21 16:06:05
1794
原创 初学redux、react-redux
redux是解决前端代码由于组件化引起的变量之间不能相互交互的的问题，readux是一个状态管理的仓库，阮老师说能不用redux就不用redux因为redux有时可能会出现卡顿现象。上图过程值实现了从仓库中取出数据react的特征主要时：唯一数据源 应用的状态数据应该只存储在唯一的一个Store上，即 State 树。 保存状态只读 不能直接修改state的值，必须通过派发act...
2018-11-14 11:59:29
73
原创 RN常用的框架
滚动解决TextInput遮挡的组建： KeyboardAwareScrollView状态栏组件：StatusBar复选框的组建：react-native-check-box提示框：react-native-easy-toast启动白屏问题：react-native-splash-screeHTML渲染：react-native-htmlview标签切换：react-nat...
2018-11-11 14:21:43
2918
原创 苹果手机的键盘尺寸
最近做一个苹果手机界面，遇到输入框被弹出键盘挡住的问题，安卓手机不会出现这种情况，于是就总结了一下苹果手机的屏幕尺寸和弹出键盘的大小。 iPhoneX屏幕大小：5.8寸屏幕尺寸：375 x 812键盘尺寸：375 x 333 iPhone8Plus屏幕大小：5.5寸屏幕尺寸：414 x 736键盘尺寸：414 x 271 iPhone8屏幕大小：4.7寸...
2018-11-09 10:30:38
702
原创 RN中ScrollView的属性及方法介绍
一个封装了平台的ScrollView（滚动视图）的组件，同时还集成了触摸锁定的“响应者”系统。可以在里面设置样式，首先是ScrollView底部不能显示的问题，在之前的博客中也说过，可以查看下，horizontal={true}默认为false，此属性为true是表示为横向滚动alwaysBounceVertical此属性为true时垂直内容比滚动试图小时也可以弹性的拉动一截，...
2018-11-08 16:04:38
2438
原创 RN中设置键盘的类型
<TextInput keyboardType="numeric" returnKeyType="search"/> 决定返回键的样式： 1 2 returnKeyType enum('default', 'go', 'google', 'join', 'next', 'route', 'searc...
2018-11-07 13:58:32
1565
原创 git 的相关命令
git最基本的操作，在master分支上进行提交代码1、进入要提交的项目cd 项目名git add .git commit -m '描述修改的内容'git pull //拉去最新的代码，拉去代码后解决项目中的冲突，没有冲突直接提交git push//提交代码2、创建新分支$ git branch 新分支名称//创建新分支$ git checkout 新分支名称...
2018-11-05 19:05:16
70
原创 ScrollView底部无法显示全的比较简单的解决方法
import React, { Component } from 'react';import { AppRegistry,ScrollView, View,Text } from 'react-native';export default class FlexDirectionBasics extends Component { render() { return ( ...
2018-10-30 17:10:04
1498
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人 TA的粉丝