- 博客(57)
- 收藏
- 关注
RSS订阅原创 css 图片底部多出的空白
1、首先了解基线参考： 简单说说vertical-align参考：CSS–line-height和vertical-align2、图片与文字位置如下：造成原因: 图片的display属性默认inline,而这个属性的vertical-align的默认值是baseline.所以现图片底部出现一块小留白解决： 给图片加上 vertical-align：middle或bottom属性，来调...
2019-12-05 19:14:27
919
原创 常见布局
参考：两栏布局布局border-box 与 content-box代码与效果图直观感受，就明了两个同一样式的div，不同box-sizing 的展现形式，① border-box width=border （整个盒子border，为保持宽度 padding 会挤压内容）② content-box width=content （盒子内部的内容）...
2019-12-01 23:31:20
276
原创 元素居中问题
参考：CSS实现垂直居中的常用方法父元素高度为auto：子元素使用top：-50%没有效果的问题w3c的文档说The offset is a percentage of the containing block's width (for 'left' or 'right') or height (for 'top' and 'bottom'). For 'top' and 'bottom'...
2019-12-01 15:04:13
257
原创 微信小程序试手记录（四）页面搭建与切换
二、实现城市定位2.1、调用位置api2.2、调用成功的回调函数后，还需要借助第三方， 腾讯地图sdk，2.2.1 、注册key，按文档提示步骤操作即可。自己在写练习测试程序时要勾选。2.2.2、下载第三方 相关文件，按步骤引入对应文件：== 注意，根据自己的情况修改文件路径位置==2.2.3、调用逆向解析2.2.4、拿到返回的数据2.3、将逆向解析得到的cityn...
2019-09-24 19:26:30
267
原创 微信小程序(二) 组件
一、视图容器movable-area ------滑动区域movable-view -------滑动块scroll-view ------页面中的可滚动的一部分swiper ---------轮播图滑动框swiper-item-----滑动项progress ---------进度条...
2019-09-18 11:58:58
254
原创 微信小程序（一）基本概念
模板是微信小程序实现复用的核心出现一个自适应屏幕大小的单位， rpx事件绑定，冒泡-----bind，不冒泡-----catch事件触发后，视图渲染
2019-09-17 17:29:18
307
原创 Vue---------学习笔记（四）组件传参& vue-router
一、过渡与动画1、删除节点，插入节点，组件间切换时：在外层包裹 transition 组件，自定义指令：
2019-09-16 23:51:59
266
原创 vue-cli 初始一个项目& 自动生成vue模板
一、初始化一个vue项目1.新建一个无中文的 js 的文件，便于打开终端2.安装vue-clinpm install vue-cli -g3.创建一个名叫 mytry 的项目vue create mytry-vue 出现vue-cli 3 要更新的问题解决参考：vue-cli 3 要更新的问题4. 出现选择预置项，一路回车即可...
2019-09-10 11:55:57
802
原创 关于node.js的安装配置 & npm 指向淘宝镜像
一、 node.js 安装：参照：node.js的安装与配置二、npm 指向淘宝镜像npm config set registry “https://registry.npm.taobao.org”
2019-09-08 11:30:22
452
原创 Vue-------学习笔记（五）
vue脚手架使用：vue-cli用户生成Vue工程模板。（帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）开始：一、安装：二、新建路由：1.引入 & 路由简单示例2、npm run dev---------启动开发服务npm i --save vue-router--------安装vue路由3、单...
2019-09-06 18:58:57
181
原创 Vue-------学习笔记（三）组件，组件切换，动画
一、Vue 组件1、什么是组件：封装了逻辑 视图 样式 ，可以复用的实例，且带有一个名字2、如何定义组件：全局组件：定义好的组件，可以在任何组件或实例中使用（实际开发中很少定义）vue 组件是一个特殊的vue构造函数，再定义组件时，原来在实例当中能够传递的属性在组件中都可 适用，除了date 和 el，因为el代表的含义是 根节点。在组件当中的data必须是一个函数，函数必须...
2019-09-05 00:07:37
263
原创 Vue------学习笔记（二）过滤器，生命周期函数，vue-resource
-------------------------简要笔记------------------------一、class与style的绑定class的对象语法：class与v-bind的结合1.对象语法，key—类名，value—变量2.数组语法，里面的值可以是变量，变量的值当做类名添加，字符串 ，字串作为类名.对象语法实例：删选出热销的产品， hot:“hot”；2、sty...
2019-09-03 10:29:45
258
原创 Vue ------学习笔记（一） MVVM，常用指令，双向绑定，事件修饰符
Vue 基础入门（一）：1、 是啥 ：一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，便于与第三方库或既有项目整合。通俗的来讲，vue就是一个已经搭建好的空屋，与单纯使用jQuery这种库比，可以更好地实现代码复用，减少工作量，与Angular.js这种家具电器一应俱全的框架相比又不会一件件挑选，把自己不喜欢再一件件...
2019-09-02 20:33:08
446
原创 React----学习笔记
参看：React（一）：React的特征及优势React学习（一）——基础项目搭建以及环境配置----------------------------简要笔记--------------------------------------day2 ----reactreact state：状态，组件内部自己的数据成为state状态，与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据...
2019-09-02 13:16:55
360
原创 mySql 入门基础练习之（数据库高级查询&面试题）-------- 补充
数据库高级查询&面试题--------补充表如下：相关练习如下：1、为所有学生的密码进行重置（000000）update students set sPassword='000000' 2、新的一年到了，所有教师的年龄都要调整update teachers set tAge=tAge+1;3、将没有安排授课老师，且课程学分不为0 的课程的学分改为0 update c...
2019-07-29 14:14:42
501
原创 LV2-----JQ 入门及常用方法
JQ 入门及常用方法参考手册：JQuery API 中文文档 参考手册参考博客：学习笔记参考博客---------------简要笔记----------JQ day1：—18&19小项目同时涉及比较多Dom操作的时候，常用jq$( )------是一个jq函数与原始获取节点的区别： jq需要添加选择类型jqd返回的是一个数组，js是一个对象获取节点：arrE.get（i...
2019-07-12 20:09:09
560
原创 LV2之-----canvas 画布实现 自转时钟& 大转盘
canvas 画布运用实例：1.系统时钟<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...
2019-05-21 15:56:31
501
原创 补充----JS生成随机数
JS生成随机数：关于 生成 min~max的随机整数的公式：parseInt(Math.random()*(max-min))+minMath.round(Math.random()*(max-min))+min代码解释如下：// 关于 生成 min~max的随机整数的公式：parseInt(Math.random()*(max-min))+min // ...
2019-05-15 19:58:44
658
原创 LV2之-----js 值类型和引用类型（基石1）
一、学习目标1.值类型和引用类型的基本概念2.常见的值类型和引用类型都有哪些?3.数据类型检测4.值类型和引用类型在内存中的存储机制5.创建对象的方式有哪些？6.对象属性名的点表示法和方括号表示法7.三种基本包装类型二、概念JS是弱类型语言，所谓弱类型只是表明该语言在表达式运算中不强制校验运算元的数据类型，而并不表明该语言是否具有类型系统。一般而言，JS的变量可从作用域角度分为全...
2019-05-15 13:01:34
418
原创 LV2之-----day6,7( Dom 获取与设置属性 & JS事件绑定与代理)
LV2之-----day6,7( Dom 获取与设置属性 & JS事件 & 事件绑定)一,DOM 获取属性与设置属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wid...
2019-05-06 13:14:28
408
原创 JS 数据隐式转换 ( 转换规则& 面试常见题 )
JS 数据隐式转换 ( 转换规则& 面试常见题 )参考大神的文章:js面试题大坑——隐式类型转换下面是根据上篇文章 写的对应测试代码.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con...
2019-05-06 09:31:05
584
原创 LV2之------DOM操作（JS & JQ 二级联动菜单的四种方法 & 多选反选& 文本框内容相互剪切)------练习
LV2------DOM操作练习（二级联动菜单的四种方法 & 多选反选，）
2019-04-29 18:58:24
654
原创 LV2之-----day5 js的 DOM操作大合集
LV2之-----day5 js的 DOM操作入门---------------------------简要笔记--------------------------------------js day6&71.DOM操作全称：document object moudleconsole.log(document. body.hasChildNodes( ) )------判断是否有...
2019-04-28 19:54:14
350
原创 LV2之-----js的string对象方法 & 正则-----练习
LV2之-----js~string对象方法 & 正则练习<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0...
2019-04-28 13:38:49
385
原创 LV2之-----Day4 js （字符串string对象及方法 & 正则表达式及RegExp对象）
字符串对象及方法 & 正则表达式及RegExp对象--------------------------简要笔记--------------------js day5：return ;-----就是返回为空的，例如空的页面Math.pow( g,3)------g的三次方 g* g*g--------- 今日内容：------------字符串对象:var a=“hello”...
2019-04-25 16:26:03
268
原创 LV2之-----js基础函数 (数学函数 & 日期函数) 的运用与理解&常见函数-----练习
<!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-U...
2019-04-25 15:58:55
1085
原创 LV2之----- DAY3 js（函数定义使用&常用的数学函数 日期函数&局部 全局变量）待续
LV2之----- js（函数定义及使用&常用的数学函数&事件函数）待续-------------DAY3--------------------------------------简要笔记-------------------------------------------------js day 4:1.一些数学函数var num=2.1console. log(ma...
2019-04-24 16:05:48
379
原创 LV2之-----js基础程序逻辑（语法规范& if else&switch&for）------练习
js练习------语法规范& if else&switch&forpart11.用代码实现变量a中存储的数字10，变量b中存储的数字是31）a除以b后，并取整，在页面输出得到的结果？ var a = 10,b = 3; var num = parseInt(a/b); alert(num);2）将a%b后得到的结果转...
2019-04-23 10:07:56
1351
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人