Notes
关注
分享
扫一扫
valentinelzt
console.log('hello world');
展开
-
微信小程序基础
小程序目录结构├── pages ······································ 【目录】存放所有的小程序页面│ │── index ···································· 【目录】index 页面│ │ ├── index.wxml ······························· 【文件】 index 页面的结构│ │ ├── index.js ···························原创 2020-05-24 07:19:52 · 948 阅读 · 0 评论 -
Vuex
Vuex概述Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享使用Vuex管理数据的好处：能够在vuex中集中管理共享的数据，便于开发和后期进行维护能够高效的实现组件之间的数据共享，提高开发效率存储在vuex中的数据是响应式的，当数据发生改变时，页面中的数据也会同步更新Vuex中的核心特性StateState提供唯一的公共数据源，所有共享的数据都要统一放到Store中的State中存储例如，打开项目中的store.js文件，在State对象中可以添加原创 2020-05-18 09:58:20 · 131 阅读 · 0 评论 -
Vue脚手架介绍
Vue脚手架可以快速生成Vue项目基础的架构。安装3.x版本的Vue脚手架：npm install -g @vue/cli基于3.x版本的脚手架创建Vue项目：使用命令创建Vue项目命令：vue create my-project选择Manually select features(选择特性以创建项目)勾选特性可以用空格进行勾选。是否选用历史模式的路由：nESLint选择：ESLint + Standard config何时进行ESLint语法校验：Lint on savebab.原创 2020-05-18 09:46:14 · 1067 阅读 · 0 评论 -
Webpack
ES6模块化ES6模块化规范中定义：每一个js文件都是独立的模块导入模块成员使用import关键字暴露模块成员使用export关键字推荐使用ES6模块化，因为AMD，CMD局限使用与浏览器端，而CommonJS在服务器端使用。ES6模块化是浏览器端和服务器端通用的规范.nodejs中安装babel安装babelnpm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/nodenpm insta原创 2020-05-18 09:40:57 · 132 阅读 · 0 评论 -
VueRouter
路由路由的本质就是一种对应关系，比如说我们在url地址中输入我们要访问的url地址之后，浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系，就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现，并完成资源的分发2).前端路由是依靠hash值(锚链接)的变化进行实现前端路由实现tab栏切换前端路由是基于hash值的变化进行实现的（比如点击页面中的菜单或者按钮改变URL的hash值，根据hash值的变化来控制组件的切换）核心实现依靠一原创 2020-05-18 08:31:45 · 149 阅读 · 0 评论 -
Vue_promise
Promise主要用于解决深层嵌套的问题promise 提供了简洁的API 使得异步操作更加容易<script type="text/javascript"> /* 1. Promise基本使用 我们使用new来构建一个Promise Promise的构造函数接收一个参数，是函数，并且传入两个参数： resolve，reject， 分别表示异步操作执行成功后的回调函数和异步操作执行失败后的回调函数 */ var p = new Pro原创 2020-05-18 08:05:40 · 148 阅读 · 0 评论 -
Vue组件
全局注册Vue.component(‘组件名称’, { }) 第1个参数是标签名称，第2个参数是一个选项对象全局组件注册后，任何vue实例都可以用<div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签的形式使用 --> <my-component></my-component></div><script> // 注册组件 // 1、 my-co原创 2020-05-18 07:46:32 · 98 阅读 · 0 评论 -
Vue基础
指令v-cloak作用：防止页面加载出现闪烁的问题<style type="text/css"> /* 1、通过属性选择器 选择到 带有属性 v-cloak的标签 让他隐藏 */ [v-cloak]{ /* 元素隐藏 */ display: none; } </style><body> <div id="app"> <!-- 2、 让带有插值 语法的 添加 v-cloak 属原创 2020-05-10 21:13:12 · 189 阅读 · 0 评论 -
Ajax
Ajax实现原理// 创建Ajax对象var xhr = new XMLHttpRequest()// 告诉Ajax请求地址以及请求方式xhr.open('get', 'http://www.example.com')// 发送请求xhr.send()// 获取服务端给与客户端的响应数据xhr.onload = function(){ console.log(xhr.respon...原创 2020-05-05 17:09:24 · 186 阅读 · 0 评论 -
MongoDB+Express
数据库概念一个数据库软件中可以包含多个数据仓库，在每个数据仓库中，可以包含多个数据集合，每个数据集合中可以包含多条文档（具体的数据）术语解释说明database数据库，mongoDB数据库软件中可以建立多个数据库collection集合，一组数据的集合，可以理解为JavaScript中的数组document文档，一条数据的数据，可以理解为JavaSc...原创 2020-04-28 16:35:32 · 496 阅读 · 0 评论 -
Node+Gulp
模块化node.js规定一个JavaScript文件就是一个模块，模块内部定义的变量和函数默认i情况下在外部无法得到模块内部可以使用exports对象进行成员导出，使用require方法导入其他模块模块成员的导入模块成员的导出模块导出两种方式的联系与区别系统模块node运行环境提供的API，就是系统模块，因为这些API都是以模块化的方式进行开发的，所以我们又称Node运行环境提...原创 2020-04-28 10:54:40 · 191 阅读 · 0 评论 -
JavaScript高级
面向过程与面向对象面向过程：面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。面向对象：面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。对比面向过程面向对象优点性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机就采用的面向过程编程。易维护、易复用、易扩展，由于面向对象有封装、继...原创 2020-04-22 10:18:35 · 207 阅读 · 0 评论 -
jQuery
jQuery入口函数// 第一种 简单易用$(function () { // 此处为页面DOM加载完成的入口})// 第二种 繁琐，但是也可以实现$(document).ready(function(){ // 此处为页面DOM加载完成后的入口})总结：等着 DOM 结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery 帮我们完成了封装。相当于原...原创 2020-04-12 16:12:12 · 105 阅读 · 0 评论 -
WebAPI---BOM
BOMBOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。- BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。- BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是Netscape 浏览器标准的一部分。BO...原创 2020-04-11 15:51:15 · 315 阅读 · 0 评论 -
WebAPI---DOM
获取元素的方法根据ID获取语法：document.getElementById(id)作用：根据ID获取元素对象参数：id值，区分大小写的字符串返回值：元素对象 或 null<body> <div id="time">2019-9-9</div> <script> // 因为我们文档页面从上往下加载，所...原创 2020-04-07 16:15:58 · 172 阅读 · 0 评论 -
JavaScript基础总结
JavaScript中的数据类型数据类型说明默认值Number数值型0String字符串型“”Boolean布尔型falsenull空值nullundefined声明了变量，但未赋值undefinednull的类型为object数值型简介Number数值型的范围（最大值: Number.MAX_VALUE；最小...原创 2020-04-06 22:24:39 · 219 阅读 · 0 评论 -
bootstrap响应式
响应式原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的设备的划分小于768的为超小屏幕（手机）768~992之间的为小屏设备（平板）992~1200的中等屏幕（桌面显示器）大于1200的宽屏设备（大桌面显示器）bootstrap容器container容器固定宽度大屏 ( >=1200px)1170px中屏...原创 2020-03-28 23:39:36 · 159 阅读 · 0 评论 -
Less
less介绍less（learnerStyle Sheets的缩写）是一门css扩展语言，也称为css预处理器在css的语法基础上，引入了变量、运算以及函数的功能，大大简化了css的编写，并且降低了css的维护成本。less是一门css预处理语言，扩展了css的动态特性less安装# 安装npm i -g less# 检查是否安装成功lessc -veasy less插件...原创 2020-03-27 21:40:29 · 143 阅读 · 0 评论 -
rem布局与媒体查询
rem单位rem （root em）为一个相对单位，类似于em，em是父元素字体大小rem的基准是相对于html元素的字体大小如果html设置font-size=12px， 非根元素设置width: 2rem; 则换成px就是24px/* 根html 为 12px */html { font-size: 12px;}/* 此时 div 的字体大小就是 24px */ ...原创 2020-03-27 15:48:09 · 418 阅读 · 0 评论 -
Flex布局（弹性布局）
flex与传统布局传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差IE11或更低版本不支持flex或仅支持部分建议如果是pc端页面布局，还是采用传统方式如果是移动端或者是不考虑兼容的pc则采用flexflex布局原理flex用于任何容器父级设置为flex之后，子元素的fl...原创 2020-03-27 10:35:33 · 156 阅读 · 0 评论 -
Web流式布局(百分比布局)
视口（viewpoint）视口就是历览器显示页面内容的屏幕区域，视口可以分为布局视口、视觉视口和理想视口布局视口（layout viewpoint）一般移动设备浏览器都默认设置了一个布局视口，用于解决PC端页面在手机上显示的问题即 pc端网页大多都能在手机上呈现，只是元素看上去很小，一般默认可以通过手动缩放网页视觉视口（visual viewpoint）用户所看到的网站的区域网...原创 2020-03-27 09:19:08 · 1030 阅读 · 0 评论 -
H5C3
h5新增语义化标签header头部标签nav导航标签article内容标签section块级标签aside侧边栏标签footer尾部标签语义化标签注意事项语义化标签主要针对搜索引擎可以使用一次或者多次在IE9浏览器中，需要把语义化标签都转换为块级元素语义化标签，在移动端支持比较友好h5音视频标签audio音频标签video视频标签注意事项audio1、...原创 2020-03-24 10:41:15 · 156 阅读 · 0 评论 -
CSS
css字体属性font-size–(px)font-weight–(400=normal, 700=bold)font-style–(normal/italic)font-family综合写法——body { font: font-style font-weight font-size/line-height font-family}综合写法中，必须要有 font-size 与f...原创 2020-03-22 18:09:46 · 83 阅读 · 0 评论 -
Html
常用浏览器IEFireFoxChromeEdgeSafariOpera浏览器内核浏览器内核备注IETridentIE、猎豹、360、百度FireFoxGecko火狐浏览器内核SafariWebkitsafari浏览器内核Chrome/OperaBlinkBlink为Webkit分支基本结构标签DOCTYPE --...原创 2020-03-22 18:09:30 · 103 阅读 · 0 评论