- 博客(28)
- 资源 (8)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 【JS】原型与原型链（重点）
八、函数参数传递基本数据类型和复杂数据类型的区别之前我们知道了，基本数据类型和复杂数据类型在存储上是有区别的那么他们在赋值之间也是有区别的基本数据类型之间的赋值let num = 10;let num2 = num;num2 = 200;console.log(num); // 100console.log(num2); // 200相对于是把 num 的值复制了一份一模一样的给了num2变量赋值以后两个在也没有关系复杂数据类型之间的赋值var obj = { nam
2021-06-22 16:11:08
109
原创 移动端布局方案
文章目录一、流式布局（100%布局）三、等比缩放布局（rem布局）原理单位换算1、相对单位2、 设计图与设备尺寸关系如何实现font-size动态化？0、使用 媒体查询+rem单位1、使用 px/%+rem单位2、使用vw单位 + rem单位3、使用rem.js + rem单位四、响应式布局一、流式布局（100%布局）网页中主要的划分区域的尺寸使用百分数（搭配min-*、max-*属性使用）用法：使用%百分比定义宽度，高度大都是用px来固定住往往配合 max-width/min-width 等属
2021-06-17 21:43:14
371
1
原创 【前端】面试常问（非技术性问题）
求职的是什么岗位 意向是什么 入职时间 离职时间 工作单位 所做项目我叫XX，毕业于xx学院，20XX年到前几天，我就职于XX公司，工作经验是X年，工作作期间我所做的项目一共有X个，其中X个是团队合作的，X个是独立开发的，我对我的工作能力比较有自信，我现在来贵公司面试XX开发工程师岗位，也希望公司能给我一个机会。
2021-06-16 21:38:21
153
原创 【ES8】async 函数
文章目录相关介绍基本使用注意事项同类比较相关介绍ES2017 标准引入了 async 函数，使得异步操作变得更加方便。async 函数是什么？一句话，它就是 Generator 函数的语法糖。通过比较就会发现，async函数就是将 Generator 函数的星号（*）替换成async，将yield替换成await，仅此而已四大特点：内置执行器async 函数自带执行器。也就是说 async 函数的执行，与普通函数一模一样，只要一行asyncReadFile();更好的语义asy
2021-06-16 17:47:12
176
原创 【ES6】Promise 对象
文章目录介绍基本用法常用方法1. Promise.prototype.then()2. Promise.prototype.catch()3. Promise.prototype.finally()4. Promise.all() 和 Promise.race()5. Promise.resolve() 和 Promise.reject()案例分析介绍Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一
2021-06-16 15:49:04
490
原创 【React】axios 封装使用
axios的封装一般在项目文件夹中的src目录下，单独建个文件夹utils，里面新建个request.js文件用来封装路由。基本格式如下：//axios 的封装import axios from 'axios';//配置const service = axios.create({ baseURL: '/',//基础路径 timeout: 60000 //请求的超时时间})//请求拦截service.interceptors.request.use(
2021-06-15 15:44:29
640
3
原创 【Vue】key 值用法
key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。当数据项的顺序改变时，Vue 不会随之移动 DOM 元素的顺序，而是就地更新每个元素，确保它们在原本指定的索引位置上渲染。
2021-06-15 15:27:15
1266
原创 【前端】求职简历须知
现居住：写到市就行，不要写到区，不然面试官觉得你离公司比较远。籍贯：写上更好，因为如果面试官是你老乡那就更好说话了。语种：英语有4-6级的可以写上。：如果学校不好就不要写上去。
2021-06-15 15:16:47
79
原创 【JS】防抖和节流（面试重点）
防抖定义：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。节流定义：规定在一个单位时间内，只能触发一次函数。如果这个单位时间类触发多次函数，只有一次生效。
2021-06-15 10:24:44
162
原创 TypeScript 介绍和安装
文章目录简介安装应用简介TypeScript 是 JavaScript一个超集，他可以编译成纯 JavaScript。可以在任何浏览器、任何计算机和任何操作系统上运行。主要提供了类型系统和对es6的支持，它有Microsoft开发，代码开源于GitHub上为何选择 TypeScript1. TypeScript 增加了代码的可读性和可维护性 - 对于变量进行一定的限制2. TypeScript 非常包容 - 在编译出错时，依然能把他编译成js3. TypeScript 拥有活跃的社区
2021-06-11 14:53:20
161
1
原创 小程序 网络请求
文章目录网络请求的相关设置发起网络请求缓存请注意：小程序只支持https和wss（WebSocket，其具备ws协议与wss协议）协议的网络请求。但是允许开发者在开发环境下使用http请求，不过在最终上线时必须要修改为小程序支持的协议类型。文档地址：https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html网络请求的相关设置虽然小程序只支持https和wss协议的网络请求。但是允
2021-06-10 17:30:51
608
原创 小程序 WXS模块
文章目录WXS模块案例分析WXS模块案例分析例如：定义wxs模块，将字符串转小写，并且截取子串目录结构：utils/wxs/common.wxs文件代码/* 1. wxs是一个微信脚本机制，weixin script 2. wxs后缀是“.wxs” 3. 一般存储于utils目录下 4. 可以封装函数，但不支持es6写法，写了就报错 5. 封装好的函数在使用的时候需要导出，因此不支持es6写法，所以不能使用es6的模块规范，得用commonJS模块化规范*/
2021-06-10 16:26:43
323
原创 小程序 导航方式
文章目录基于组件基于api小程序的路由章节并不是需要学习怎么定义路由，因为路由已经在app.json全局配置文件中声明好了。我们需要掌握的就是如何实现page的切换。基于组件基于组件式的导航方式其实就是之前的声明式导航文档地址：https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html组件：navigator该组件的属性比较多，需要注意下open-type，这里属性值稍微常用一点的就是switchTa
2021-06-10 15:50:16
224
原创 小程序 自定义组件
自定义组件文档地址：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/开发者可以将页面内的功能模块抽象成自定义组件（思想与vue和react一样），以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。步骤：1. 创建组件（页面）`main.wxml`，其实现的操作是可以被复用的2. 声明上一步创建好的页面为一个组
2021-06-08 20:24:20
191
2
原创 小程序 常用组件
文章目录组件介绍视图容器组件swiperscroll-view表单组件组件介绍框架为开发者提供了一系列基础组件，开发者可以通过组合这些基础组件进行快速开发。一个组件通常包括开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之间。文档地址：https://developers.weixin.qq.com/miniprogram/dev/framework/view/component.html属性值类型：类型描述注解Boolean布尔值组件写上该属性，不管该
2021-06-08 20:07:12
274
原创 小程序 事件处理
文章目录事件绑定事件对象案例分析事件绑定文档地址https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html#%E4%BA%8B%E4%BB%B6%E8%AF%A6%E8%A7%A3小程序的事件绑定需要注意以下几点：1. 小程序的事件绑定是通过标签的属性来完成的（与vue、react一致）2. 通过属性绑定事件其有两种写法 - 绑定冒泡事件（不会帮我们阻止冒泡）【主要】 - 语法：bind
2021-06-08 19:08:00
402
1
原创 小程序 生命周期
生命周期官方网址：https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html小程序数据互交就是通过不同的事件函数来完成的，了解生命周期函数，对于以后的数据交互是非常重要的。名称描述data页面的初始数据onLoad()页面加载时触发。一个页面只会调用一次，可以在onLoad的参数中获取打开当前页面路径中的参数。onShow()页面显示/切入前台时触发。一个页面可以触发N
2021-06-08 17:18:35
134
原创 小程序 tabBar菜单
文章目录tabBar 介绍tabBar 案例tabBar 介绍文档地址：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#tabBar1. tabBar 就是小程序底部的导航菜单，2. 小程序的 tabBar 使用比较简单，3. 只需要在全局配置文件`app.json`中加上下面的配置即可tabBar 案例参考代码：{ "tabBar": {
2021-06-07 20:56:20
402
原创 小程序 WXSS样式
WXSSWXSS是一套样式语言，用于描述WXML的组件样式（有点CSS描述HTML样式的感觉）为了适应广大的前端开发者，WXSS具有CSS大部分特性。同时为了更适合开发微信小程序，WXSS对CSS进行了扩充以及修改。例如：1. WXSS在底层支持新的尺寸单位rpx，可以根据屏幕宽度进行自适应，响应式尺寸单位2. 小程序中全屏尺寸数值是 : 750rpx与px的换算关系：设备rpx换算px (屏幕宽度/750)px换算rpx (750/屏幕宽度)iPhone51
2021-06-07 20:25:05
433
原创 wxml语法：include包含
文章目录include 介绍include 案例include 介绍把模板定义到外部，然后多个页面间可以共用使用定义的模板WXML结构显示。（代码复用）import：将目标文件中所有的代码（除了template标签段、wxs标签段）统统在引入的位置直接用（直接使用）作用：可以将目标文件除了<template/> <wxs/>外的整个代码引入，相当于是拷贝到include位置。语法：<include src="目标文件的路径"/>include 案例
2021-06-07 20:15:15
650
原创 wxml语法：import导入
文章目录import 介绍import 案例import 介绍把模板定义到外部，然后多个页面间可以共用使用定义的模板WXML结构显示。（代码复用）import：可以把一些常用自定义函数，写到一个文件中，在用的时候可以导入进来，然后再去调用里面的特定的函数。（按需使用）作用：import可以在当前文件中使用目标文件定义的template（代码区块[标签]，可以有多个）。语法：<import src="目标文件的路径"></import>注意事项：1. import
2021-06-07 19:58:35
927
原创 wxml语法：判断语法
文章目录准备工作判断语法准备工作在pages目录下新建一个List文件夹，在List文件夹上右击选择新建 Page，取名为list。目录结构：然后将app.json文件中pages数组里面的pages/List/list放在首位判断语法往pages/List/list.js里面添加一些数据data: { age:17 },在pages/List/list.wxml里面书写代码展示页面<!--miniprogram/pages/List/list.wx
2021-06-07 19:23:15
902
原创 wxml语法：循环语法
文章目录准备工作循环语法准备工作在pages目录下新建一个List文件夹，在List文件夹上右击选择新建 Page，取名为list。目录结构：然后将app.json文件中pages数组里面的pages/List/list放在首位循环语法往pages/List/list.js里面添加一些数据 data: { users:["张三","李四","王五","赵六"], obj:[ { id:1, name:"zhangsa
2021-06-07 19:08:10
2589
2
原创 【Antd】Module not found: Can‘t resolve ‘@ant-design/icons‘ in 文件目录下的某个文件夹
报错示例示例代码：import { Layout, Menu } from 'antd';import { MenuUnfoldOutlined, MenuFoldOutlined, UserOutlined, VideoCameraOutlined, UploadOutlined,} from '@ant-design/icons';报错信息：Module not found: Can't resolve '@ant-design/icons' in 'E:\ww
2021-06-07 09:28:21
31656
1
原创 【Antd】Warning: Can not find FormContext. Please make sure you wrap Field under Form
报错示例示例代码：<Form.Item> <Input /></Form.Item>报错信息：中文翻译：警告：找不到表单内容。请确保您将“字段”包装在“表格”下。解决方法Form.Item只有在Form下才具有意义。<Form> <Form.Item> <Input /> </Form.Item></Form>...
2021-06-03 14:55:09
5919
1
CSDN 写博客时无法上传 gif 图片怎么办？
2021-05-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人