- 博客(54)
- 收藏
- 关注
原创 console.log(obj)不一定能的到obj当前的值
console.log(obj)不一定能的到obj当前的值;学习koa时ctx.request中 log 出来并没有body属性,使用let { body } = ctx.request 可以取出请求体body,请问原理是什么呢?正常来讲不应该是ctx.request中存在body这个key才能取出值来么?
2023-04-20 21:21:45 508
原创 class构造器
JavaScript 语言中,生成实例对象的传统方法是通过构造函数。ES6 的class可以看作只是一个语法糖,它的绝大部分功能,都可以做到,。所以ES6 的类,完全可以看作 构造函数的另一种写法。
2023-04-14 18:55:54 411
原创 左中右 三栏式 布局
https://blog.csdn.net/a18792627168/article/details/79686746?spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-2-79686746-blog-80587167.235%5Ev28%5Epc_relevant_t0_download&depth_1-utm_source
2023-04-12 00:24:31 1245
原创 flex元素宽度计算原理,及内部文本ellipsis溢出截断
flex元素内部文本溢出时 省略号代替溢出文本?(根据具体情况,额外添加flex-basis,min-width,max-width,width等属性)// css部分代码display: flex;flex: 1 80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0;ma...
2020-03-15 04:19:28 1160
转载 弹性容器中 子元素的flex属性介绍
首先,flex属性是flex-grow,flex-shrink和flex-basis的缩写。flex-growflex-grow指定了容器剩余空间多余时候的分配规则,默认值是0,多余空间不分配。flex-shrinkflex-shrink指定了容器剩余空间不足时候的分配规则,默认值是1,空间不足要分配。flex-basisflex-basis则是指定了固定的分配数量,默认...
2020-03-12 02:50:41 693
原创 router-view什么时候加keep-alive
2种情况:一、 同一个router-view下有多个子组件需要切换时:(同一种组件将被复用,但只能渲染一次)1.无keep-alive,一旦切换组件,之前旧组件返回的数据消失,之后钩子失效!新、旧组件都无法渲染。2.有keep-alive,新、旧组件数据都会被缓存,钩子一直有效。<keep-alive> <router-view /></keep...
2020-03-10 03:24:34 363
原创 vue中transition之enter,leave...阶段辨析
transition分为以下 六个阶段:enter, enter-active, enter-active-to,(开始 进入阶段的)第1帧 属性值,到(默认属性值 的过渡阶段),移除enter动画,leave, leave-active, leave-active-to(开始 离开 阶段的)第1帧 默认属性值,到(属性值 的过渡阶段),移除leave动画2种使用: /* 正常...
2020-03-10 01:00:48 3172
原创 flex弹性布局笔记
弹性盒子: 由弹性容器(Flex container) 和 弹性子元素(Flex item) 组成。 弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹性子元素。注意:弹性子元素通常在弹性盒子内一行显示。默认情况每个容器只有一行。Flex父元素/*1.flex-direction属性,指定了弹性子元素在父容...
2020-03-05 22:32:01 103
原创 vuex state及mapState的基础用法详解
参考文章如下:https://www.jb51.net/article/138460.htmhttps://blog.csdn.net/dkr380205984/article/details/82185740
2020-02-28 20:10:27 436
转载 Vue关于this指向的问题
与vm实例没有任何关系。而是与箭头函数和普通函数的区别。给大家总结两点:1、es5的普通函数,this指向是指向了调用者,比如vue实例的方法(在methods中声明了一个方法)是由vue实例vm调用的,所以this指向vm。2、箭头函数的this指向它的调用者所在的 上下文,也就是vm实例所在的上下文(定义vm的父类),即window....
2020-02-28 16:28:06 181
原创 css单位之——rem与vw/vh要点辨析
rem:1rem = 根元素html的font-size值。当页面中所有元素都使用rem单位时,你只需要增加一小段js代码,通过监听设备尺寸来改变根元素的font-size值,那么所有元素就会按比例放大或者缩小,以此达到一套布局适应多种移动设备的目的。但这种方案有弊端(弊端之一:和根元素font-size值强耦合,系统字体放大或缩小时,会导致布局错乱;弊端之二:html文件头部需插入一段j...
2020-02-25 02:31:52 1644
转载 WampServer中MySQL中文乱码解决
本文转自: https://blog.csdn.net/baolibin528/article/details/44133685 1、修改mysql的my.ini文件:在 [client] 下面增加default-character-set=utf8 在 [mysqld] 下面增加:character_set_server=utf8 2、创建数据库:...
2019-03-28 17:47:31 576
转载 PHP正则获取一段字符串中所有图片地址
有的时候我们需要获取文章内容或者字符串中所有的图片地址,那么我们首先想到的就是正则匹配,该怎么实现呢,下面就是小编的亲测方法 $str = '<p><img src="http://www.codelovers.cn/Public/upload/20180621/1529561322214.png" /></p><p><img ...
2018-12-19 19:21:57 396
转载 $(".a").eq(0) 和 $(”.a“)[0]区别
<a class="a"></a><a class="a"></a><a class="a"></a>$('.a') // 选择了3个a,都是jq对象(可以用jq的属性、方法)$('.a').eq(1) // 选择了第二个a,是jq对象(不可以使用dom属性方法,可以用jq
2018-12-19 17:05:16 4515
转载 如何循环遍历document.querySelectorAll()方法返回的结果
使用JavaScript的forEach方法,我们可以轻松的循环一个数组,但如果你认为document.querySelectorAll()方法返回的应该是个数组,而使用forEach循环它:/* Will Not Work */document.querySelectorAll(’.module’).forEach(function() {});执行上面的代码,你将会得到执行错误的异常信...
2018-12-18 00:41:01 8285
转载 js中forEach、for-in和for-of 辨析
一、forEach循环遍历常用遍历数组方法:for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]);}自JavaScript5之后可以使用内置的forEach方法:myArray.forEach(function (value) { console.l...
2018-12-18 00:32:42 407
转载 UE.getEditor is not a function
我只想说,正确的打开方式之一可以是:<script type="text/javascript" src="<?php echo base_url() ?>org/ueditor/ueditor.config.js"></script><script type="text/javascript" src="<?php e
2018-12-06 00:45:27 2013
转载 jsp版本Ueditor富文本编辑器集成
富文本编辑器(UEditor) 在平时开发Java Web项目的时候,往往会使用第三方插件来帮助我们更快的实现功能。此文来自: 马开东云搜索 转载请注明出处 网址: http://makaidong.com此文原标题: javaweb 集成UEditor 来源网址: http://makaidong.com/yrxperfect/7206_7923932.html ...
2018-12-05 23:43:59 1223
转载 eval与json转换
在做与服务器交互数据的时候,我们通常会发起一个Ajax请求,然后服务器返回一个类似'{x:1,y:1}'结构的json字符串,为了方便客户端处理我们会将其转换为一个对象直接量,这很多的时候通过一个eval来实现 。var jsonstr = '{x : 1, y : 1}';var jsonobj = eval('(' + jsonstr + ')');如果eval的时候不加括号还会报脚...
2018-12-05 21:46:43 3691
转载 json与jsonp辨析
先前的概念中对JSON还是比较熟悉,对JSONP不是特别的清楚,整理完相关知识发现才豁然开朗。简单的说JSON是一种数据交换格式,而JSONP是一种非官方跨域数据交互协议。JSON是“暗号”,而JSONP则是接头方式。一个是描述信息的格式,一个是信息传递双方约定的方法。一、什么是JSONJSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅...
2018-12-05 17:16:55 351
转载 PHP中静态(static)调用非静态方法
静态调用非静态方法是可行的,但是静态调用构造方法是不可以的 1.PHP中可以静态调用非静态方法么?今天我被问到PHP中可不可以使用 className::methodName() 的方法来调用一个没有声明static的方法。在我的印象中,我好像是见过这种用法,但又有些不确定。大家都知道,在手册或者教程里,方法被分为静态方法 和非静态方法,通常我们静态调用的方法,肯定是静态方法。...
2018-12-01 01:52:05 2254
原创 wamp server2.5版本 配置多站点
先找到 需要修改的以下3个文件:httpd.conf:D:\wamp\bin\apache\apache2.4.9\confhttpd-vhosts.conf:D:\wamp\bin\apache\apache2.4.9\conf\extrahosts(不是hosts.txt): C:\WINDOWS\System32\drivers\etc //在另一台pc机(w...
2018-11-28 19:05:38 270
原创 java class中的构造方法
构造方法:初始化对象成员 时调用的方法。1.方法名 和 类名完全相同2.在方法名的前面没有返回值类型的声明3.在方法中不能使用return语句返回一个值4.当没有指定构造方法时,系统会自动添加无参的构造方法5.当有指定构造方法时,无论该构造方法是有参,还是无参,系统都不会再自动添加无参的构造方法6.构造方法的重载:方法名相同,但参数不同的多个方法,调用时会自动根据不同的参数...
2018-11-23 00:40:13 2162
原创 js获取当前点击元素的索引
以ul下的li元素为例;获取li的索引,代码如下: &amp;amp;amp;amp;amp;amp;lt;ul id=&amp;amp;amp;amp;amp;quot;list&amp;amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;amp;lt;li&amp;amp;amp;amp;amp;amp;g
2018-11-14 23:29:46 12732
转载 js的 cssText
转载自:https://www.cnblogs.com/majingyi/p/6840818.html 很多人用过 style.color、style.display 等直接设置元素的样式属性,但是 style.cssText 用过的人就不多了。cssText 本质是什么?cssText 的本质就是设置 HTML 元素的 sty...
2018-11-14 20:41:10 1806
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人