https://pic.cnblogs.com/avatar/1285461/20190710101247.png

随笔分类 -  前端基础

小程序自定义组件
摘要：一、自定义组件的步骤 1. 需要在json文件中进行自定义组件声明(将component字段设置为true)可以将这组文件设置为自定义组件 2. 在wxml中编写属于我们组件自己的模板 3. 在wxss中编写相关组件的样式 4. 在js文件中，可以定义数据或组件内部的相关逻辑 注：WXML节点标签名 阅读全文
posted @ 2020-02-06 22:24 学一点也是好 阅读(701) 评论(0) 推荐(0)
flex布局笔记
摘要：一、简介： flex布局又叫弹性布局，只要将最外层的块级元素display设置为flex，就创建了flex布局。可以把他看成一个盒子，盒子里面有很多子项。设置了flex布局的最外层元素被称为flex container，作为容器存在，里面的子项被称为flex items。container和item 阅读全文
posted @ 2020-02-01 20:05 学一点也是好 阅读(383) 评论(0) 推荐(0)
小程序的双线程模型
摘要：微信客户端作为小程序的宿主环境，为了能够执行小程序的各种文件(wxml文件、wxss文件、js文件)，提供了双线程模型。 双线程模型： WXML模块和WXSS样式运行与渲染层，渲染层使用WebVIew线程渲染(一个程序有多个页面，会使用多个WebView的线程) JS脚本运行于逻辑层，逻辑层使用js 阅读全文
posted @ 2020-01-27 20:51 学一点也是好 阅读(424) 评论(0) 推荐(0)
webpack学习笔记
摘要：一、简介 webpack:JavaScript应用的静态 模块打包 工具 grunt/gulp（其它打包工具） grunt/gulp的核心是配置一系列的task，定义task要处理的事务（es6、ts转换，图片压缩，scss转css） 让grunt/gulp执行这些task，让整个流程自动化 gru 阅读全文
posted @ 2019-10-23 23:05 学一点也是好 阅读(363) 评论(0) 推荐(0)
vue组件化开发
摘要：一、注册组件步骤 1.Vue.extend(): 调用 创建的是一个组件构造器 通常在创建组件构造器时，传入 代表自定义的组件模板 该模板就是要显式的HTML代码。 2.Vue.component(): 调用 将组件构造器注册成一个组件，并给它起一个组件的标签名称 需要传递两个参数：1.注册组件的标 阅读全文
posted @ 2019-10-15 09:01 学一点也是好 阅读(719) 评论(0) 推荐(1)
JS事件
摘要：一、事件的两种绑定方式 1、on事件绑定方式 2、非on事件绑定方式 二、事件参数event 存放事件信息的回调参数 三、事件的冒泡与默认事件 事件的冒泡：父子都具有点击事件，不处理的话，点击子级也会出发父级的点击事件 默认事件：取消默认的事件动作，如鼠标右键菜单 ev.preventDefault 阅读全文
posted @ 2018-10-18 20:49 学一点也是好 阅读(208) 评论(0) 推荐(0)
JS高级
摘要：一、函数高级 1.函数回调 函数回调的本质：在一个函数中，满足特定条件下，调用另一个函数 function a_fn(data) { console.log('a_fn'); // 如果要使用数据,那么定义形参接收参数 console.log(data); } function b_fn(a_fn) 阅读全文
posted @ 2018-10-17 21:28 学一点也是好 阅读(918) 评论(0) 推荐(0)
JS基础操作
摘要：一、分支结构 1、if语句 if 基础语法 if 复杂语法 if 嵌套 2、switch语句 二、循环结构 1、for循环 2、while循环 3、do...while循环 4、for...in循环 5、for...of循环 6、break，continue关键词 break：结束本层循环 cont 阅读全文
posted @ 2018-10-15 20:05 学一点也是好 阅读(259) 评论(0) 推荐(0)
JavaScript入门（基础）
摘要：一、JS语言介绍 1.概述 浏览器脚本语言 可以编写运行在浏览器上的代码程序 属于解释性、弱语言类型编程语言 2.组成 ES语法：ECMAScript、主要版本有ES5和ES6 DOM:文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展标准语言的标准编程接口。 阅读全文
posted @ 2018-10-11 19:45 学一点也是好 阅读(443) 评论(0) 推荐(0)
表格与表单
摘要：表格表单 一、表格 1、基本结构 2、常用属性 3、垂直水平居中 二、表单 1、基本结构 2、input常用类型 3、常用类型标签 文本框 密文框 单选框 复选框 下拉选项 多行文本输入 按钮 4、全局属性 required：必填项 pattern：正则 5、伪类 focus：获得焦点 阅读全文
posted @ 2018-09-28 19:24 学一点也是好 阅读(417) 评论(0) 推荐(0)
音频与视频
摘要：音频与视频 一、音频 1.相关属性 | 属性 | 值 | 描述 | | | | | | autoplay | autoplay | 自动播放 | | controls | controls | 音频控件 | | loop | loop | 循环播放 | | muted | muted | 静音 | 阅读全文
posted @ 2018-09-28 16:43 学一点也是好 阅读(243) 评论(0) 推荐(0)
过度与动画
摘要：一、过度 从一个状态，以动画方式变成另一个状态的变化过程 1.过度属性 2.注 过度效果通过hover产生可以制成一个hover层，hover层包含需要变化的层 hover层的处理方式：与显示层同等区域大小 可以将显示层的位置交于hover层处理 3.案例 鼠标移动到圆柱，圆柱发生变化 二、动画 1 阅读全文
posted @ 2018-09-28 11:04 学一点也是好 阅读(400) 评论(0) 推荐(1)
高级布局
摘要：一、文档流(normal flow) 1.概念 2.BFC(Block formatting context) 3.BFC规则 内部的Box会在垂直方向，一个接一个的放置 根据BFC布局方向 ，Box自身的水平方向位置，由margin左或右控制，相邻Box的margin会叠加 Box的垂直位置，由m 阅读全文
posted @ 2018-09-27 19:55 学一点也是好 阅读(455) 评论(0) 推荐(0)
css杂项补充
摘要：css杂项补充 一、块与内联 1.块 独行显示 支持宽高，宽度默认适应父级，高度默认由子级或内容撑开 设置宽高后，采用设置的宽高 2.内联 同行显示 不支持宽高 margin上下无效果，左右会起作用，padding不会影响它的高度，背景会影响。 一般不设置内联的margin和padding 3.内联 阅读全文
posted @ 2018-09-27 16:22 学一点也是好 阅读(408) 评论(0) 推荐(0)
CSS入门(二)
摘要：一、组合选择器 每个选择器位可以是任意基础选择器或选择器组合 1.群组选择器 可以一次性控制多个选择器 选择器之间用 逗号 (,)隔开 2.子代(后代)选择器 一次性控制一个选择器(逻辑最后的那个选择器)，前置位的选择器是修饰性选择器 子代选择器必须为一级父子关系，后代选择器可以为一级，也可以多级父 阅读全文
posted @ 2018-09-22 20:16 学一点也是好 阅读(3383) 评论(6) 推荐(4)
CSS基础入门
摘要：css基础语法 一、CSS格式 选择器负责圈定范围，要修改的元素集合，花括号内的声明由属性名和属性值组成(key:value)的形式，用于设定具体样式 二、CSS三种引入方式 1.行间式 2.内联式 3.外联式 三种引入方式对比 三种引入方式的优先级 补：CSS的注释： 三、CSS的长度单位和颜色单 阅读全文
posted @ 2018-09-20 19:33 学一点也是好 阅读(1667) 评论(0) 推荐(3)
前端概述及网页入门
摘要：[TOC] 一、前端简介 前端是什么？ 二、前端开发技术栈 前端工程师需要学习哪些技能呢？ 首先你需要掌握前端三剑客，再去学习一些框架就可以去上班啦！ HTML（超文本标记语言 Hyper Text Markup Language） 1.html组成（标签、指令、转义字符） v_hint： "转义字 阅读全文
posted @ 2018-09-19 17:13 学一点也是好 阅读(865) 评论(0) 推荐(2)