- 博客(15)
- 收藏
- 关注
RSS订阅原创 移动端适配
移动端适配是指在不同尺寸的手机设备上，页面能相对达到合理的展示（响应式）或者保持统一效果的等比缩放（看起来差不多）。本文介绍了移动端适配中需要掌握的基本概念和移动端页面开发中常用的适配方案。一、基本概念在做移动端适配之前，我们必须了解一下不同设备之间，显示器或者屏幕究竟有哪些不同。与此相关的概念比较多，也特别容易混淆，这里将对涉及到的主要概念一一介绍。这其中包括硬件中的概念、操作系统或软件中的概念和浏览器中的概念。如果你觉得混乱了，不要着急，就以 iphone6 为例，细细品味。1、硬件..
2021-10-24 19:06:33
3471
原创 原生JS面试题
1. 什么是事件委托？为什么这样做？答：它还有一个名字叫事件代理，事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。为什么这样做呢？通过事件委托可以减少事件处理程序数量，这样就能大大的减少与dom的交互次数，提高性能；2. js数据类型？ 答：JS的数据类型有8种。在ES5的时候，我们认知的数据类型确实是 6种：Number、String、Boolean、undefined、object、Null。ES6 中新增了一种 Symbol。这种类型的对象永不.
2021-10-18 11:30:44
1059
原创 Vue常见BUG
常见项目bug整理项目工程化vuex的使用1.在src文件下建 store文件 index.js 存放仓库数据2.在main.js中 import 导入该文件，并在vue实例中添加storeeg:import store from ‘./store’new Vue({el: ‘#app’,router,store,components: { App },template: ‘’})具体实现参考store编程路由的使用。。。。字体自适应方式1: 样式中可以使用p
2021-10-18 10:56:11
682
1原创 美食杰—菜谱大全
思路：首先我们定义一个空数组，然后我们到api里把数据请求到这个空数组中，在模板中把数组遍历渲染到页面上，第一个数组里面还有一个数组（list）我们可以看做一个二级路由，然后把这个list遍历出来我们动态绑定动态的把数据储存到路由中，然后筛选部分同样是把数据渲染到页面中，筛选这个属性中的说有数据，第二层路由为属性的分类，然后我们给第二层路由添加一个点击事件，如果选中就赋值，如果没选中就默认选中第一个，然后动态绑定class点击添加颜色，最后我们为了提高用户的体验度我们可以设置一个空的数组把每一个点击过的
2021-10-10 22:26:00
267
原创 移动端常见知识点总结
1、获取位置HTML5地理位置API，允许js程序向浏览器询问用户的真实信息，移动端使用GPS获取的位置，非常精准。但是地理位置API的浏览器访问前总是会询问是否同意，如果同意的话就会获取到位置，否则获取不到。geolocation对象获取位置的方法：getCurrentPosition - 获取一次位置信息。 watchPosition - 监听当前位置，位置改变之后就会执行函数 clearWatch - 清除 watchPosition具体获取用户位置代码如下：位.
2021-10-07 18:58:23
157
原创 ES6重点知识总结
ES6最重要最复杂的知识点： 1. 类和继承 2.promise 3. ES6模块化(在vue中讲)与深拷贝相关的知识点Object.assgin()方法: 可以实现第一层对象的深拷贝 简单粗暴的深拷贝JSON.parse(JSON.stringify(obj))完整的深拷贝： 参考网上资料常见的数组方法下面的方法都有回调函数，回调的两个形参分别为项目值和索引除了forEach, 其它的方法都需要returnarr.forEach() arr.map() arr..
2021-10-07 13:01:39
176
原创 ES6笔记
let和const: let: let 声明的变量只在 let 命令所在的代码块内有效let 只能声明一次 var 可以声明多次: let 不存在变量提升，var 会变量提升 const: const 声明一个只读的常量，一旦声明，常量的值就不能改变 暂时性死区:ES6 明确规定，代码块内如果存在 let 或者 const，代码块会对这些命令声明的变量从块的开始就形成一个封闭作用域。代码块内...
2021-10-07 12:59:06
86
原创 axios
一、说明Axios是一个基于Promise（ES6中用于处理异步的）的HTTP库，用于浏览器和node.js中，API。浏览器中创建XMLHttpRequests 从node.js中创建http请求 支持Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换JSON数据 客户端支持防御XSRF二、安装npm安装：npm i axios；使用cdn：<script src="https://unpkg.com/axios/dist/axios.min
2021-10-07 12:34:33
128
原创 Git命令
###版本控制工具1.项目模块小组分开开发，每个人开发完后需要整个成一个整体的项目，借助版本控制工具来解决2.项目是开发是过程化的，（v1.0-->v1.1-->v1.2-->v2.0）用版本控制工具，轻松切换每一个版本###版本控制工具分类git（分布式）svn（集中式）区别：1.不管git还是svn都是版本控制工具都能形成版本（version）...
2021-10-06 21:36:43
454
原创 vue2.0跟3.0的区别
区别：vue2.0中不管数据多大，都会在一开始就为其创建观察者；当数据很大时，这可能会在页面载入时造成明显的性能压力。而vue3.0只会对“被用于渲染初始可见部分的数据”创建观察者，而且vue3.0的观察者更高效。vue3.0和2.0的区别Vue-cli3.0于 8月11日正式发布，看了下评论，兼容性不是很好，命令有不少变化，不是特别的乐观vue3.0 的发布与 vue2.0 相比，优势主要体现在：更快、更小、更易维护、更易于原生、让开发者更轻松；更快 1、virtual DOM 完全重写，m
2021-10-06 21:18:47
856
原创 Vuex入门
一、基本用法1. 初始化并创建一个项目vue init webpack-simple vuex-democd vuex-demonpm install2. 安装 vuexnpm install vuex -S3. 在 src 目录下创建 store.js 文件，并在 main.js 文件中导入并配置store.js 中写入import Vue from 'vue'//引入 vuex 并 useimport Vuex from 'vuex'Vue.use(V
2021-10-06 19:46:12
284
原创 VUE父子组件传值
Vue父子组建之间的传值：一、父子组建之间的传值1.1 父组件向子组件传值父组件向子组件传值是通过属性的方式 传值，传的值可以是任意类型，甚至可以是父组件的方法或者父组件对象本身。为方便理解可以简单将父组件向子组件传值按以下步骤实现。1. 在父组件中引入子组件；2. 并在components中注册子组件；3. 通过属性向子组件中传值。4. 在子组件中通过props属性接收父组件串过来的数据注：以上所写的步骤是方便自己的记忆，实际开发中是先设计好子组件，..
2021-10-06 16:59:39
294
原创 Vue全局组件跟局部组件
全局组件:Vue是一个组件化开发的框架，一般我们在项目中使用组件的步骤是这样的。1.创建一个组件：比方说我们现在新建一个demo.vue文件，随便写一行代码。2.使用组件：在我们需要使用组件的地方，引入之前写好的组件，并通过components绑定，就可以直接用了。从上述的例子可以看出，我们使用组件，需要经过引入，绑定两个步骤。那么，如果我们需要使用一些全局组件或者第三方的组件库怎么办呢？比如我们要用一些第三方的组件库（以element-ui为...
2021-10-06 14:15:17
1649
原创 VUE路由
路由守卫：就是进入当前路由前，有个“门卫”进行保护，也可以理解为“安检”。一：全局前置守卫beforEachto: 即将要进入的目标路由对象from: 当前导航正要离开的路由next: 执行下一步二：全局后置钩子afterEach全局后置钩子与全局前置守卫类似，然而和守卫不同的是这些钩子不会接受next函数也不会 改变导航本身...
2021-09-23 20:29:32
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人