前端基础知识
weixin_43509051
这个作者很懒,什么都没留下…
展开
-
JS基本类型和引用类型的区别,以及浅拷贝和深拷贝
题:以下代码执行后a和b.age的值分别为? var a = 10; var b = { age: 11; } function fn(x, y){ --y.age; return --x; } fn(a, b);答案:a 10 b 11...原创 2019-05-05 16:15:54 · 238 阅读 · 0 评论 -
ES6的数组和对象方法研究、Promise的应用
对于数组来说,es6里面新增了很多操作数组的方法,下面对这些操作数组的方法进行一下整理。1.arr.forEach()原创 2019-09-15 17:19:50 · 319 阅读 · 0 评论 -
ES6入门之新增的几个基本语法详解
1. ES6的新的变量声明:let和const1.1 关于预解析用var 定义的变量,存在预解析的情况,所以下列输出undefinedconsole.log(a); //undefinedvar a = 123;但是用let定义的变量不存在预解析,所以报错输出b is not definedconsole.log(b); //b is not definedlet b = 456...原创 2019-09-04 18:15:01 · 122 阅读 · 0 评论 -
微信小程序中如何添加和删除class类名
在微信小程序开发中,不能像普通web开发一样通过JS操作DOM,因此不能通过JSDOM操作直接为一个节点添加一个类。我们可以通过微信小程序数据绑定,再加上微信小程序中支持的三元判断表达式,去更改标签类名。具体实现:以一个tab栏为例,在逻辑层定义一个数据activeClass,值为添加active类的索引。给每个tab中的view块绑定一个tabHandler事件,通过id属性向逻辑层传递点击的...原创 2019-08-28 14:53:57 · 3568 阅读 · 0 评论 -
CSS中父盒子宽度100%,四个子盒子宽度25%,为什么不能排成一行?
今天在学习微信小程序布局的时候发现了一个很有意思的问题:在一个width:100%的父盒子下有四个width:25%的子盒子,但是这四个盒子并不能排在一行中,最后的一个盒子被挤到了下面,并且盒子之间有细微的宽度。 <div class="father"> <div class="son"></div> <div class="son"...原创 2019-08-28 10:59:27 · 4352 阅读 · 2 评论 -
如何让 height:100%; 起作用
原文链接当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果。你知道为什么height:100%不起作用吗?按常理,当我们用CSS的height属性定义一个元素的高度时,这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如,如果一个div元素的CSS是height: 100px;,那它应该在页面的竖向...转载 2019-08-28 10:10:58 · 106 阅读 · 0 评论 -
微信小程序研究与学习汇总
微信小程序开发学习笔记1.开发工具:微信开发者工具下载并安装微信开发者工具,用微信扫码可以登录。在开发者工具中新建一个helloworld项目(APPID可以使用测试ID)。1.1 微信小程序的目录结构介绍新建的微信小程序项目的目录结构如下:├── app.js ├── app.json ├── app.wxss ├── pages │ │── index │ │ ├── index.w...原创 2019-08-26 17:58:58 · 3099 阅读 · 0 评论 -
【坑】JSP中的转义字符
项目里面用到了一个jQuery分页的插件——jQuery Pagination,其中使用了以下的特殊符号:<% %>,由于这些符号在jsp文件内有特殊含义,所以打开的时候会报错。CSDN里面很多关于jsp的转义字符的文章都是错误的或者不全面的。转义的方法为:<% 修改为 \<\%%>修改为 \%\>经过修改之后,页面可以正常打开,没有报错。...原创 2019-08-26 10:21:37 · 777 阅读 · 0 评论 -
JS中的children和childNodes,以及一道题目
1. childNodes 属性标准的,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。2. children 属性,非标准的,它返回指定元素的子元素集合。经测试,它只返回HTML节点,甚至不返回文本节点。且在所有浏览器下表现惊人的一致。和childNodes...原创 2019-08-22 10:03:26 · 509 阅读 · 0 评论 -
CSS实例:纯CSS实现polka dot,flex布局实现骰子
最近看了很多CSS的东西,对CSS的布局有了更深一步的了解,下面两个实例感觉很有意思,都是用很精简的代码来实现的,上代码:1.polka dot关于polka dot是什么background: #655;background-image: radial-gradient(tan 20%, transparent 0), radial-gradient(...原创 2019-08-20 17:13:15 · 266 阅读 · 0 评论 -
JS和Jquery实现input输入框回车搜索
html<input type="text" name="keyword" id="keyword" onkeydown="entersearch()"/> <input type="text" name="keyword" id="keyword" onkeydown="entersearch1(event)"/> <input type="but...原创 2019-08-15 09:49:41 · 690 阅读 · 0 评论 -
CSS解决div里面img图片下方有空白的问题
今天项目里面用到一个div下的img图片的下方有一小片明显的空白的问题,查了一下这个问题的原因,对img标签有了更加进一步的理解,原文:https://www.jianshu.com/p/2af064692505产生这部分空白区域的原理。图片的display属性默认是inline(我学习的时候是这样说的,不知道有没有上了堂假课),而这个属性的vertical-align的默认值是baselin...转载 2019-07-31 11:38:02 · 2825 阅读 · 0 评论 -
用css实现有序列表的li前面加1. 1.1 1.2效果
从stackoverflow找的(stackoverflow真的给力)废话不多说直接上代码,用到的是css的counter计数器:ol { counter-reset: item }li{ display: block }li:before { content: counters(item, ".") ". "; counter-increment: item }<ol> ...原创 2019-07-31 11:29:02 · 1311 阅读 · 0 评论 -
CSStext-aligh:justify两侧对齐最后一行没有作用的解决方法
今天项目里面遇到一个需求需要展示(如图),我用了ul>li的方式来写,把li弄成inline-block。写的时候给ul加了个左右的padding,加了个text-aligh:justify,然后想着这样就不用费劲调margin-left或者right了,可是没成想又踩到了一个坑:那就是——text-aligh:justify是针对一段文本的,它对最后一行是没有效果的。因此我一开始做出来的...原创 2019-07-30 15:35:56 · 1231 阅读 · 0 评论 -
jquery插件pagination使用
在项目中需要有一个翻页的插件,来操作一些<li>标签分页,所以经过查找比对使用了这个基于jquery的插件。github:https://github.com/superRaytin/paginationjs<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...原创 2019-07-02 16:34:06 · 145 阅读 · 0 评论 -
CSS中可以和不可以继承的属性
一、无继承性的属性1、display:规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的方向3、盒子模型的属性:width、height、margin 、margin-top、margin-r...转载 2019-05-05 17:32:18 · 87 阅读 · 0 评论 -
Vue实现组件——可以长按加/减号自增和自减的输入框
用vue实现一个可以长按加号/减号进行自增减的输入框:<!-- 可以长按加减号自增和自减 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width...原创 2019-09-18 10:15:26 · 3153 阅读 · 0 评论