- 博客(18)
- 收藏
- 关注
RSS订阅原创 react-native安装教程
1、安装app安装Node, Watchmanbrew install nodebrew install watchman如果你已经安装了 Node，请检查其版本是否在 v12 以上。2、安装CocoaPodsCocoaPods是用 Ruby 编写的包管理器。从 0.60 版本开始 react native 的 iOS 版本需要使用 CocoaPods 来管理依赖。sudo gem install cocoapods或brew install cocoapods3、安装react-n
2020-12-15 19:22:16
1698
原创 vue动态绑定背景图片的透明度
在VUE项目中动态设置背景图的透明度时，重点是背景图的透明度，而不是背景颜色的透明度，，刚开始怎么也设置不上，写固定值的时候可以，所有就想为什么不能像动态绑定style一样呢？？在网上查了大多的帖子，解决的都是背景颜色的透明度，也即是使用rgba，却没有动态设置背景图透明度的相关解答！ 那么后来我是怎么解决的呢？很奇怪，这里需要使用魔板字符串，读取这个变量的值！ :style="{...
2019-11-08 10:37:58
5417
原创 JavaScript 关于关键字this指向的面试题
this是指包含它的函数作为方法被调用时所属的对象。（谁调用了我，我就是谁的对象，谁最后调用了我，我就是谁的对象。）箭头函数没有自己的this， 它会捕获其所在（即定义的位置）上下文的this值， 作为自己的this值匿名函数的this指向所在的方法被调用的那个对象作用域对象—例11、第一个比较牛逼啦 let length = 10; function fn(){ ...
2019-08-15 10:20:12
405
原创 js 通过函数传参，改变div任意属性的值
输入属性名和属性值，会自动修改div的样式，点击重置按钮，会恢复到原来的样式。完整代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>函数传参，改变Div任意属性的值</title> <style> body,p{...
2019-08-01 21:59:01
1122
原创 js中解决getElementsByClassName()浏览器兼容问题
getElementsByClassName()不支持IE8及以下低版本浏览器，因此为了兼容IE低版本，我们需要自己实现该方法。 //如果IE浏览器不存在此方法 IE浏览器的兼容问题 if(!document.getElementsByClassName) { //添加一个自己的实现 document.getElementsByClassName = function(cl...
2019-08-01 21:51:03
484
原创 js案例1: 输入行数列数，动态生成表格
**实现效果：**动态生成N行M列表格，并且每个表格数字随机，背景颜色随机代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>面试题-动态生成表格</title> <style> body{ font:700...
2019-08-01 21:29:30
4098
1
原创 js 五种常见的排序算法
冒泡排序、快速排序、插入排序、希尔排序、选择排序 //希尔排序 var list = [2,93,5,125,66,1]; //找出间隔分组 //初始的间隔大小 var interval = Math.round(list.length); while(interval > 0) { //根...
2019-07-26 19:27:23
233
原创 JavaScript基础：循环结构之图形打印练习
<script> /* 行i 列k k=i+1 u 0 1 uu 1 2 uuu 2 3 uuuu 3 4 uuuuu 4 5 u...
2019-07-23 20:38:06
507
原创 JavaScript基础：for循环小案例集合
题目集合：/** * 案例 输出100个数字* 案例 打印100以内 7的倍数* 案例 打印100以内的奇数* 案例 打印100以内所有偶数的和* 计算100的阶乘 100!* 计算1+3+5+…+99的和* 求100-999之间的水仙花数。abc = a3+b3+c^3* 输出100-200之间所有的素数* 求1+2!+3!+…+20!的值* 求出1/1-1/2+...
2019-07-23 19:26:48
1532
原创 CSS小案例6：实现导航栏鼠标滑过时的小特效
用盒子的负外边距实现导航高度增加的效果 .nav2 li:hover{ height: 40px; border-color: #666; background-color: #fff;/*40-4正好是li之前的高度35+1=36*/ margin-top: -4px; }demo：...
2019-07-22 22:09:04
1195
原创 CSS小案例5：实现导航栏在鼠标滑上去时导航栏的字由英文变为中文的特效
在每个导航栏里放置两个标签，分别存放中文和英文<li><a href="#"><span>首页</span><i>index</i></a></li>初始状态英文显示，将span的属性设为display：none，即中文不显示；鼠标滑过时，将span设置display：inline； 将中文...
2019-07-22 22:00:51
677
原创 CSS小案例4：用定位实现图片在原位置的居中放大显示
当鼠标滑上去，给滑到的图片做相对定位，向左移动图片初始宽度一半的大小，向上移动初始图片宽度一半的大小demo：<!DOCTYPE html><html><head> <title></title> <style type="text/css"> *{ margin: 0; padding:0...
2019-07-22 21:46:10
1809
原创 CSS实现电子相册小案例5
效果图利用 <a href="#p1"><img src="img1/c1.jpg"></a>锚点实现电子相册代码：<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .box{ w...
2019-07-22 21:38:31
888
原创 CSS小案例3：鼠标滑过时给每个图片添加背景图 / 图片的垂直居中
首先要让图片在每个div里垂直居中显示，有很多种方法，我这里用的是将div的属性值转为table-cell，这样使用text_align和vertical_align就可以实现图片的垂直居中。效果图代码：<!DOCTYPE html><html><head> <title></title> <style type="...
2019-07-22 20:48:47
226
原创 CSS案例2：用定位是实现三级导航
效果图主要用到了css定位技术，根据“子绝父相”的原则position:relative;position:absolute;本代码中一级导航的相对定位：.one >li{position:relative;}二级导航相对于一级导航是绝对定位：.two{display: none;position: absolute;width: 100%;}三级导航的...
2019-07-22 20:37:01
371
原创 纯CSS实现手风琴效果
先看一下效果图吧初始状态：当鼠标滑过时，滑过的一栏会展开：**大体思路：**首先设置初始的样式，让后当鼠标滑过任一栏目时，先将所有的栏目的宽度设置为30px，且字体大小为0（让文字不显示）；当滑过某一栏目时，将该栏的宽度设置为510px，字体显示出来，然后用overflow-y: scroll;显示滚动条。注意：这个样式的设置对每个栏目宽度计算有要求，如果宽度计算不当会出现闪屏；本...
2019-07-22 20:22:23
581
原创 JavaScript基础
变量的类型为什么变量要区分类型？因为不同的数据，占用的内存大小是不一样的比特位 010101010101018个比特 byte === 一个字节1024字节 === 1kb1024kb === 1mb1024mb === 1gb1024gb === 1tb传统的编程语言，在定义变量的时候，需要我们先确定要保存什么数据也就是确定变量的类型JS里定义变量，不区分类型但是，变量如果...
2019-07-22 19:01:33
89
原创 HTML、CSS入门笔记
一、html基础1．HTML概念（1）超文本标记语言 hyper text markup language2．HTML语法（1）<标记 属性=“属性值”></标记>3．HTML标签（1）块级元素 Div,p,table,h1,h2,h3,h5,h4,h6,ul>li,ol>li,dl>dt+dd,form,option,body,ht...
2019-07-19 19:56:38
195
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人