- 博客(17)
- 收藏
- 关注
原创 react知识点总结
1. 什么是ReactReact 特点1.声明式设计 −React采用声明范式,可以轻松描述应用。2.高效 −React通过对DOM的模拟,最大限度地减少与DOM的交互。3.灵活 −React可以与已知的库或框架很好地配合。4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。5.组件 − 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。6.单向响应的数据流 − React 实现了单向响应的数
2021-05-24 20:01:12
237
3
原创 Uni-App基础知识
Uni-AppUni-App的基础1.1.创建uni-app文件:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-C6V4Thdc-1620207590708)(D:\前端分班\Uni_App\images\images1.png)]1.2.运行到微信小程序:1.需要复制当前路径到HBuilder X目录下[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-hojWd8Mu-1620207590710)(D:\前端分班\Uni_App\im
2021-05-05 17:45:11
426
原创 云函数
云函数插入数据// 云函数入口文件const cloud = require('wx-server-sdk')wx.cloud.init({ env: 'test-2gero0zpba5fa8d7', traceUser: true,})const db = cloud.database()// 云函数入口函数exports.main = async (event, context) => { let res=await db.collection('todos').
2021-04-27 17:11:15
426
原创 微信小程序
微信小程序全局配置{ "pages":[ "pages/posts/posts", "pages/home/home" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "Weixin", "navigationBarTextStyle":"black" }, "st
2021-04-15 17:22:21
158
原创 Vue总结的知识点
Vue需要引入vue.js<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"</script>最明显的区别:vue 中不用操作 dom 元素1.创建dom结构,作为vue实例挂载点,vue实例中的所有数据只能在此dom范围内使用<div id="app"> </div>2.通过 new Vue 创建 vue 实例3.el 属性指定当前 vue 实例的挂载点4.data 中是模型
2021-04-15 15:38:00
72
原创 vue路由知识点,webpack的导入导出和配置
6.路由6.1.1组件的路由 Document 任务一 任务二 任务三 任务四 任务五 组件的路由案例.gif6.1.2组件的嵌套局部案例 Document <div i
2021-03-18 15:15:54
289
原创 web前端Vue和webpack
Vue需要引入vue.js<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"</script>最明显的区别:vue 中不用操作 dom 元素1.创建dom结构,作为vue实例挂载点,vue实例中的所有数据只能在此dom范围内使用<div id="app"> </div>2.通过 new Vue 创建 vue 实例3.el 属性指定当前 vue 实例的挂载点4.data 中是模型
2021-03-10 19:29:58
195
原创 js面向对象,函数。
对象的创建方式1.1字面量方式var obj = {}1.2普通模式 var Person=new Object() Person.name='yhb' Person.age=20 Person.speak=function(){ console.log('hello'); } console.log(Person);缺点:因为是基于 Object 基类创建,所以无法获知对象的具体类型初始化
2020-12-24 17:33:30
180
1
原创 定位(position)
定位的三种机制普通流(标准流)浮动让盒子从普通流中浮起来 —— 让多个盒子(div)水平排列成一行。定位将盒子定在某一个位置 自由的漂浮在其他盒子的上面 —— CSS 离不开定位,特别是后面的js 特效。定位边偏移在 CSS 中,通过 top 、 bottom 、 left 和 right 属性定义元素的边偏移:3.2.1 静态定位(static) - 了解静态定位是元素的默认定位方式,无定位的意思。它相当于 border 里面的none, 不要定位的时候用。静态定位 按照.
2020-09-15 09:37:03
164
原创 css样式总结
引入css样式:行内式(内联样式):概念:行间样式.是通过标签的style属性来设置元素的样式内部样式(内嵌样式表):概念:是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义外部样式表(外链式):概念:是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中,通过link标签将外部样式表文件链接到HTML文档中。css样式的总结:选择器用于指定CSS样式作用的HTML标签,花括号内是对该对象设置的具体样式。属性和属性值以“键值对”的形式出现。属
2020-09-15 08:35:21
196
原创 css盒子模型
盒子模型的元素的内容1.盒子模型有元素的内容、边框(border)、内边距(padding)、和外边距(margin)组 成。2.盒子里面的文字和图片等元素是 内容区域3.盒子的厚度 我们成为 盒子的边框4.盒子内容与边框的距离是内边距(类似单元格的 cellpadding)5.盒子与盒子之间的距离是外边距(类似单元格的 cellspacing)盒子边框:边框粗细:border-width边框样式:border-style边框颜色:border-color边框样式:None:默认值
2020-09-14 14:09:14
151
原创 css笔记
百度之后说明一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?CSS盒子模型: 外边距(margin) 内边距(padding) 边框(border) 内容区(width、height)CSS盒子模型与低版本IE的盒子模型的区别主要在于:宽和高不一样标准的CSS的盒子模型的宽高:内容区的宽高低版本IE的盒子模型的宽高:内容区+内边距+边框详细说说box- sizing属性(Q1)box-sizing: content-box|border-box|inherit;(Q2
2020-09-08 20:30:37
145
原创 博雅网页源码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ mar
2020-09-08 19:39:33
31288
原创 京东导航条
京东导航条代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <link rel="icon" type="image/x-icon" href="https://www.jd.com/favicon.ico"> <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awe
2020-09-08 17:15:28
368
原创 HTML单选、多选、按钮、下拉框、文本输入框
HTML单选、多选、按钮、下拉框、文本输入框<p> 请选择你的性别: <input type="radio" name="xingbie" /> 男 <input type="radio" name="xingbie" /> 女 </p>出生日期的下拉菜单<p> 出生日期: <select> <option>1999</option>
2020-09-08 08:54:57
1228
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人