- 博客(49)
- 收藏
- 关注
RSS订阅原创 JS执行顺序
先执行完同步任务 再执行异步任务异步任务分为宏任务和微任务先执行为任务再执行宏任务js异步有一个机制，就是遇到宏任务，先执行宏任务，将宏任务放入eventqueue，然后在执行微任务，将微任务放入eventqueue最骚的是，这两个queue不是一个queue。当你往外拿的时候先从微任务里拿这个回掉函数，然后再从宏任务的queue上拿宏任务的回掉函数。宏任务: script setTimeOut setInterval微任务:promise.then process.nextTickn
2021-03-02 15:03:10
168
原创 UniApp踩坑之路
已解决H5 io操作文件 获取不到信息注意异步方法通过路径获取操作目录或文件对象 resolveLocalFileSystemURL() 获取当前目录中的所有文件和子目录 readEntries()待解决audio组件安卓上不显示,微信小程序上能显示(最好使用audio的api)...
2020-06-09 20:50:25
427
原创 图标
uni-app方式一复制iconfont项目中Unicode的代码到App.vue中style中2.修改代码注意:添加src 和https 和后面的,改成;名称最好不用iconfont,改成test@font-face { font-family: 'iconfont'; src: url('https://at.alicdn.com/t/font_1821570_hlphqzqgkr.ttf') format('truetype'); }.test {
2020-05-15 19:35:21
96
原创 Set和Map
具体见链接SetSet函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。set中判断数据是否不同,类似于 ===NaN是相等的两个对象总是相等的set方法Set.prototype.add(value)添加某个值，返回 Set 结构本身Set.prototype.delete(value)删除某个值，返回一个...
2020-04-26 21:37:14
118
原创 谷歌浏览器调试--Sources
对应的标号描述作用1Pause script excution单步执行，在断点处暂停，等待调试–不是直译2Step over next function call【单步跳过】 ： 会跳到下一个断点3Step into next function call【单步进入】 ：会进入函数内部调试4Step out of current functio...
2020-04-24 21:45:33
1365
原创 new
优先级new的优先级() > 属性访问. > new foo() > foo()new一个对象发生了什么创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型属性和方法被加入到 this 引用的对象中新创建的对象由 this 所引用，并且最后隐式的返回 this注意没有return和返回基本类型时,返回new表达式返回的是new创建的对...
2020-04-24 16:54:35
131
原创 前端面试
cookie sessionStorage localStorage 的区别作用传递大小有效时间cookie标示用户身份而储存在用户本地终端始终在同源的http请求中携带（即使不需要）4K哪怕页面关闭都一直有效sessionStorage会话级存储数据不会自动把数据发给服务器5M或更大浏览器关闭就注销localStorage本地存储数据不...
2020-04-22 00:05:25
133
原创 快捷键
浏览器快捷键快捷键功能Ctrl + N打开新窗口Ctrl + 链接网址在新标签页中打开链接Shift + 链接网站在新窗口中打开链接Ctrl + 1~ Ctrl + 8切换到指定位置编号的标签页Ctrl + 9切换到最后一个标签页Ctrl + Tab切换到下一个标签页Ctrl + Shift + Tab切换到上一个标签页...
2020-04-19 23:23:17
98
原创 VScode快捷键
Ctrl + I选中当前行Ctrl + C复制一整行Ctrl + X剪切一整行Ctrl + L删除一整行Shift +Alt + 向上 / 下箭头向上或者向下复制一行Alt + 向上 / 下箭头向上或者向下移动一行Ctrl + Enter在当前行下边插入一行Ctrl+Shift+Enter在当前行上方插入一行Ct...
2020-04-19 23:21:55
93
原创 JS解决回调地狱
解决回调地狱的方法Promise 简化异步操作的回调函数写法Generator 可以让异步操作停止,达到同步效果async 是 Generator 函数的语法糖PromisePromise 对象代表了未来将要发生的事件，用来传递异步操作的消息。有三个状态pending: 初始状态，不是成功或失败状态。fulfilled: 意味着操作成功完成。rejected: 意味着操作...
2020-04-19 14:01:27
487
1
原创 JS构造函数
对象创建的三种方法1. 字面量var obj = {};2. new关键字var obj = new Object();构造函数function Person(name,age){ this.name = name; this.age = age;}var obj = new Person('zs',12);构造函数原型prototype构造函数通过原型分配的...
2020-04-19 13:24:29
227
原创 Html-扩展
SGML、XML、HTML之间的区别与联系SGML是一种在Web发明之前就早已存在的用标记来描述文档资料的通用语言。但SGML十分庞大且难于学习和使用。鉴于此，人们提出了HTML语言。但近年来，随着Web应用的不断深入，HTML在需求广泛的应用中已显得捉襟见肘，有人建议直接使用SGML作为Web语言。但SGML太庞大了，学用两难尚且不说，就是全面实现SGML的浏览器也非常困难。于是Web标...
2020-04-09 16:31:14
163
原创 Axios
具体见链接get传递参数// 通过 params 设置参数：axios.get('/user', { params: { ID: 12345 } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log...
2020-04-07 21:37:03
122
原创 Flex布局
flex布局父项常见属性flex-direction：设置主轴的方向justify-content：设置主轴上的子元素排列方式flex-wrap：设置子元素是否换行align-content：设置侧轴上的子元素的排列方式（多行）align-items：设置侧轴上的子元素排列方式（单行）flex-flow：复合属性，相当于同时设置了 flex-direction 和 flex-wra...
2020-04-07 21:36:48
182
原创 vue-cli打包
创建vue-config.js文件设置不同模式的打包入口把main.js文件删除,创建main-prod.js和main-dev.jsmodule.exports = { chainWebpack: config => { // 判断当前的编译模式,设置入口的打包文件 config.when(process.env.NODE_ENV === 'pro...
2020-04-07 21:36:12
362
原创 JQuery
JQuery对象和JS对象区别与转换JQ转JS: Jq对象[索引] 或者 jq对象.get(索引)JS转JQ : $(js对象)选择器基本选择器标签选择器$(“html标签名”)id选择器$("#id的属性值")类选择器$(".class的属性值")并集选择器$(“选择器1,选择器2…”)层级选择器后代选择器(A...
2020-04-07 21:35:49
80
原创 webpack配置详解
outputfilename 文件名称目录path 输出文件目录publicPath 所有资源引用公共路径前缀chunkFilename 非入口chunk的名称library 整个库向外暴露的名称libraryTarget 变量添加到哪个上loader的配置module:{rules:[ { ...
2020-04-07 21:35:13
196
原创 webpack插件
clean-webpack-plugin清空上一次打包文件html-webpack-plugin将打包出来的js文件引入进html文件处理cssstyle-loader将CSS添加到DOM的内联样式标签style里css-loader将CSS文件通过require的方式引入less–loader处理lesssass-loader...
2020-04-07 21:34:34
134
原创 webpack基本使用
0.清空上一次打包文件安装:npm i lean-webpack-plugin -Dconst {CleanWebpackPlugin} = require('clean-webpack-plugin') plugins:[ new CleanWebpackPlugin(), ]1.将打包出来的js文件引入进html文件安装:npm i html-webpack-plugin -...
2020-04-07 21:34:18
194
原创 前端跨域
一、JSONP模拟Ajax请求注意:只能实现get一种请求1.原生js实现将不同源的服务器端请求地址写在script标签的src中<script src="www.example.com"></script>服务器响应数据必须是一个函数的调用,真正发给客户端的数据作为函数调用的参数const data = 'fn({name:"张三",age:"23"})'...
2020-03-17 16:00:29
86
原创 Vue-跨域
Vue跨域问题在项目根目录中建立vue.config.js文件module.exports = { devServer: { open: true, host: 'localhost', port: 8080, https: false, //以上的ip和端口是我们本机的;下面为需要跨域的 proxy: {//配置跨域...
2020-03-17 15:36:24
109
原创 ReactNative-常用第三方组件
ReactNative底部导航栏:安装: npm install react-native-tab-navigator --save使用:点击链接查看图标库:见教程轮播图安装:npm i react-native-swiper
2020-03-16 14:12:59
138
原创 ReactNative-踩坑点
为什么setState没有即时生效:见文章解决方案:setState提供了一个回调函数，我们在回调里面获取更新后的state即可componentDidMount() { this.setState({count: this.state.count + 1},()=>{ console.log(this.state.count);//该是啥就是是啥 }）);...
2020-03-16 14:12:35
93
原创 vue-踩坑
watchwatch对对象,数组深度监听,有些情况不服触发如下例这种情况不会触发watch监听return {info:{}}methods:{ that.nowWeather.info = "zhangsan"}
2020-03-10 15:59:56
100
原创 Ajax
Ajax创建Ajax对象var xhr =new XmlHttpRequest();告诉Ajax请求地址以及请求方式xhr.open('get' ,'http://www.example.com')发送请求xhr.send();获取服务器给客户端的响应数据xhr.onload = function() { console.log(xhr.reponse...
2020-03-07 16:20:07
103
原创 WebApi
属性操作获取属性值element.getAttribute(‘属性’)设置属性值element.setAttribute(‘属性’, ‘值’)移除属性element.removeAttribute(‘属性’)节点操作返回最近的一个父节点parentNode所有子节点parentNode .childNode所...
2020-03-07 14:55:11
204
原创 JS闭包
vue为什么加key使用v-for更新已渲染的元素列表时,默认用就地复用策略;列表数据修改的时候,他会根据key值去判断某个值是否修改,如果修改,则重新渲染这一项,否则复用之前的元素;Diff算法见链接v-if和v-showv-if 的实现原理：通过动态创建或移除元素实现元素的显示与隐藏v-show 的实现原理：通过动态切换元素的display样式，来控制元素的显示与隐藏如果需要频...
2020-03-06 11:56:49
123
原创 Node.js
Package.json 属性说明name - 包名。version - 包的版本号。description - 包的描述。homepage - 包的官网 url 。author - 包的作者姓名。contributors - 包的其他贡献者姓名。dependencies - 依赖包列表。如果依赖包没有安装，npm 会自动将依赖包安装在 node_modu...
2020-03-04 20:11:34
63
原创 Git使用
配置提交人姓名：git config --global user.name 提交人姓名配置提交人姓名：git config --global user.email 提交人邮箱查看git配置信息：git config --list提交用途代码初始化git仓库git init查看文件状态git status追踪文件git add 文件列表...
2020-03-03 20:44:32
68
原创 ReactNative-Navigation使用
详情见React Navigation文档createStackNavigatorcreateStackNavigator();是一个返回包含2个属性的对象的函数：Screen和Navigator。它们都是用于配置导航器的React组件。的元素Navigator应Screen作为其子元素来定义路由的配置。Stack.Navigator 是一个需要进行路由配置的组件，因为它是其子级，并...
2020-03-02 12:56:29
394
原创 ReactNative-图标
React-Nativeiconfont图标下载阿里图标代码在app根目录中创建新目录src/assets/fonts用来存放字体文件，将 iconfont.ttf 拷贝到该目录下打开package.json文件，配置字体路径 "rnpm": { "assets": [ "./src/assets/fonts/" ] }执行以下命令，执行完成后...
2020-03-01 13:19:32
185
原创 ReactNative-创建项目
1.配置好环境Java jdkNodePython2.安装React Native的命令行工具npm install -g react-native3.初始化项目react-native init 项目名4.切换到项目根目录中,运行adb devices来确保有设备连接到电脑上...
2020-02-27 15:47:26
136
原创 SSM
Mybatis1.log4j.properties文件 2.主配置文件 3.数据库配置文件主配置文件<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://mybatis...
2020-02-26 22:19:03
136
原创 Java-测试
Java标准注解@Override : 检测被注解的方法是否是是继承父类(接口)的@Deprecated : 该注解的内容,表示已过时@SuppressWarnings :关闭不当的编译器警告信息 压制警告自定义注解格式元注解 public @interface 注解名称{ 属性列表 }本质:注解本质就是一个接口,该接口默认继承Annotation接口属性:接口...
2020-02-26 16:54:01
83
原创 Java-反射
反射概述:java反射机制是在运行状态中,对于任意一个类,都能知道这个类的所有属性和方法 对于任意一个对象,都能够调用他的任意一个方法和属性 这种动态获取的信息以及动态调用对象的方法的功能称为java语言的反射机制要想解剖一个类,必须先要获取该类的字节码对象而解剖使用的就是class类中的方法,所以先要获取到每一个字节码文件所对应的class类型的对象三种方式:Object类中的g...
2020-02-25 20:06:12
62
原创 Java-集合
数组可以存储基本数据类型,也能存储引用数据类型,集合只能存储引用数据类型(对象),如果存储基本数据类型,会自动装箱变成对象 Collection集合分为:两大类List和set工具类方法注意排序public static void sort(List list)二分查找public static int binarySearch(List<?...
2020-02-25 16:49:30
86
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人