- 博客(76)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 JavaScript 获取当天某个时刻的时间戳
new Date().toDateString() //把 Date 对象的日期部分转换为可读字符串：new Date().toDateString() + ' 9:00' // " 9:00" 为指定获取时间戳的时间字符串，前面必须加一个空格new Date(new Date().toDateString() + ' 9:00') //获取时间戳...
2022-05-20 11:17:03
1285
原创 JavaScript中常见的设计模式
设计原则单一职责原则（SRP）一个对象或方法只做一件事情。如果一个方法承担了过多的职责，那么在需求的变迁过程中，需要改写这个方法的可能性就越大。应当把方法或对象划分成较小的粒度最少知识原则（LKP）一个软件实体应当尽可能少地与其他实体发生相互作用。应当尽量减少对象之间的交互，如果两个对象之间不必彼此直接通信，那两个对象就不要发生直接的相互联系，可以转交给第三方进行处理开放-封闭原则（OCP）软件实体（类、模块、函数）等应该是可以拓展的，但是不可修改当需要改变一个程序的功能或者给这
2021-06-25 18:43:52
234
1
原创 es6装饰器
修饰器是一个函数，用来修改类的行为。类的修饰修饰器对类的行为的改变，是代码编译时发生的，而不是在运行时。即修饰器能在编一阶段运行代码function testable(target){ target.isTestable=true;}@testable //为MyTestableClass类添加isTestable属性class MyTestableClass{}console.log(MyTestableClass.isTestable)//true上面的代码，@test
2021-04-30 10:00:55
262
原创 css选择器‘,‘、‘＞‘、‘+‘、‘~‘
,(群组选择器)A,B{//一般用于A，B两个类中有相同的样式时使用}空格(后代选择器)A B{//选择A的所有后代B的元素}>直接子元素选择器A>B{//选择A的第一代子元素B}+相邻兄弟选择器A+B{ //匹配直接相邻的两个兄弟}~兄弟选择器A~B{//同带兄弟}组件编程中父组件是无法修改子组件的样式的想要父组件修改子组件的样式，为样式添加/deep//deep/ .el-input__inner {
2021-02-22 14:05:26
114
原创 设置swiper中某个单个swiper-slide的停留时间
某个slide上设置单独的停留时间，例<div class="swiper-slide" data-swiper-autoplay="2000">
2020-10-30 16:27:42
2308
1
原创 @touchmove.prevent 阻止苹果手机透过modal层触发底层滚动
<divclass="share-loading-mask"@touchmove.prevent></div>在modal层的下一层添加这一个盒子，能够阻止主层的滚动
2020-10-22 11:14:56
2311
原创 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
305
原创 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
1245
原创 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
798
原创 实现苹果微信左滑效果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
416
原创 去除html标签长按时出现浅灰色背景色
a:active,a.:hover,a:fouce{text-decoration: none;outline:none;background-color:transparent;}
2020-07-02 14:50:42
1405
原创 微信公众号开发-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
1311
原创 select在苹果手机上的兼容性
问题：在页面中使用了select选择框后，第一次选择option中的内容是弹出的但是选中后再次点击选择，option中的内容不出现原因及解决办法：原因是弹窗弹出后，选择后，body没有回滚，造成了选择框在底部隐藏了；解决办法在change中设置window.scrollTo(0, document.body.scrollTop + 1);document.body.scroll...
2020-04-09 11:52:03
929
原创 数组的一些方法
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
187
原创 微信小程序获取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
8247
原创 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
221
原创 微信小程序学习
app.json:用于配置页面路径app.wxss:配置全局样式app.js:注册微信小程序应用catchtap:点击事件且点击时阻止冒泡事件bindtap：点击事件，但不会直阻止冒泡事件修改属性值：this.setData({data:123})标签共通的属性：id、class、style(动态的设置样式)、hidden（控制是否隐藏）、data-*组件上触发事件时，...
2019-10-21 23:04:10
131
转载 Margin的深入了解
关于margin对于一个前端开发者是非常常见的一个CSS属性，而我今天所分享margin属性是为了更加深入的了解margin的一些特性，从而在实际应用中，减少代码量。主要内容如下：1.关于margin的百分比特性。2.关于margin的auto的作用机制。3.关于margin的重叠。4.关于margin的负值。一、margin的百分比特性。我们使用百分比时经常会忽略这个问题...
2019-08-23 15:07:01
1971
转载 IOS下的微信H5页面的底部前进后退横栏的适配问题
Question：最近做一个在微信和支付宝内置浏览器中运行的移动web界面，前几个月ios微信更新之后，微信将后退的按钮移至了底部横栏，遮挡住了原先底部的操作按钮。由于之前的页面设计是整屏显示禁止触摸滚动效果的，就想着是不是可以隐藏微信内置的底部横栏。Answer：1. 经过查资料，很多人说可以调用Weixin为H5应用提供开放原生能力的JS接口来隐藏/显示底部的状态栏。代码如下：do...
2019-08-12 09:33:37
1675
原创 前端个人笔记
获取设备的宽高document.documentElement.clientWidth;//获取设备的宽度document.documentElement.clientHeight;//获取设备的高度document.documentElement是整个节点树的根节点root即<html>,而body是子节点，要访问body，在脚本中应该写document。body...
2019-07-09 19:33:01
167
原创 flex-direction的默认值
在react中flex-direction 的默认值是Colum其他原生和Vue中flex-direction的默认值为row
2019-07-08 16:05:12
2708
原创 前端学习大杂烩
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
283
转载 git设置SSH的步骤
因为第一次用的git,于是发现怎么都拿不到项目代码，原来是没有设置key,然后就尴尬了，于是找到博客地址参照了设置了一下参照博客 https://blog.youkuaiyun.com/zzfenglin/article/details/53147840Git Bash命令行配置1.从开始菜单中找到Git Bash，点击打开之后，显示如下：2.点击左上角的图标，在下拉...
2019-07-04 11:47:18
580
转载 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
117
原创 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
565
原创 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
204
原创 常用的HTTP请求头、响应头参数
HTTP消息头用来规定、描述获取资源、服务器或者客户端的行为，定义了HTTP事物中的具体参数。HTTP消息头支持自定义，自定义的专用消息头一般会添加‘X-’前缀1、常用的请求头Accept：可接受的相应内容类型(Content-Type)；Accept-Language：可接受响应内容的语言列表；Accept-Charset：可接受的字符集；Accept-Encoding：...
2019-05-11 10:45:59
5546
原创 异步加载
异步加载<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
94
原创 处理事件绑定中的兼容性函数
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
307
转载 js中this的学习
在学习react的时候this的指向总是混肴，谨听啊终于腾出事件来看下原生js中this的指向与箭头函数中的指向的区别原生js中this的指向： var obj={ fo:function(){console.log(this.bar)}, bar:1 ...
2018-12-12 10:40:30
134
原创 hosts、DNS学习
host的作用是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”，当用户在浏览器中输入一个需要登录的网址时，系统会首先自动将Host文件中寻找对应的IP地址，一旦找到，系统会立即打开对应的网页，如果没有找到，则系统会将网址提交DNS域名解析服务器进行IP地址的解析；注意：Host文件配置的映射时静态的，若果网络上的计算机更改了请及时更新IP地址否则将不能访问DNS万维网上作为域...
2018-12-06 15:35:19
365
原创 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
9638
原创 前端学习常用网站及博客
掘金：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
178
原创 Html中产生塌陷的原因及解决方法
产生塌陷的原因：由于没有给父元素设置宽高，想通过子元素撑开宽高时，子元素又脱离了文档流使得子元素无法撑开文档流脱离文档流的三种情况： （1）float：给子元素设置浮动 （2）position：absolute；绝对定位 （3）position：fixed；相对于浏览器窗口定位解决塌陷的问题： （1）在浮动元素后使用一个空元素如<div class="cle...
2018-11-21 16:06:05
4518
原创 初学redux、react-redux
redux是解决前端代码由于组件化引起的变量之间不能相互交互的的问题，readux是一个状态管理的仓库，阮老师说能不用redux就不用redux因为redux有时可能会出现卡顿现象。上图过程值实现了从仓库中取出数据react的特征主要时：唯一数据源 应用的状态数据应该只存储在唯一的一个Store上，即 State 树。 保存状态只读 不能直接修改state的值，必须通过派发act...
2018-11-14 11:59:29
153
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人