- 博客(44)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 【今日前端】callback、promise和async await 区别
callback、promise和async await 区别callback👇callback到回调地狱promise链式编程💡👇Generator👇async await 👈了解再多一点借鉴😇callback👇callback 顾名思义 回调，不禁让人想起回调地狱。什么是回调🦑function say(value){ console.log(calue)}function execute(func, val){ func(val)}execute(say, 'hello worl
2022-03-13 23:23:50
1971
2
原创 React useState和setState
React useState和setState常遇问题????正确使用State????同步异步情况下，使用 `setState`????同步异步情况下，使用 `useState`????️基于现象总结????更新数据小技巧????初步学习，在 useState 与setState使用中总是懵懵懂懂，特地总结一下。常遇问题????useState 与setState设置方法常常不奏效useState 与setState 多次的更新合并useState 遇到复杂的数据类型，视图不更新，但是数据
2021-12-06 12:01:53
1270
原创 微前端之了解篇
微前端what？基础概念应用隔离why？how？实现方案Qiankun 使用参考初始微前端过程：初始化状态：以全生命周期运营项目为例，现有项目主要以如图六个功能为一个vue/cli项目，在浏览器展示。产品经理提出理念：以C++ dll为例，前端是否可以以单个功能为项目，动态加载项目，在同一页面内展示不同项目的页面。学识浅显的我一听：这不可和 iframe、frameset理念相同嘛。不过这种做法可不太行。不说用户体验不太行，对 SEO 也不是太友好。雅师傅：这还不简单，qiankun 你值得拥有
2021-11-20 19:37:47
633
原创 Vue 代码如何进行调试
Vue 代码调试console1. 小白视角debugger浏览器调试推荐文章初入职场，还是个前端小白，代码写不出来，师傅不在小梦 vs 后端大兄弟：我运行了一个东西，一直出不来后端大兄弟：我可以试一试断点，看哪里出错······后端大兄弟： 我好像不懂 如何打前端断点，都被webpack 重新封装过了小梦：okok，是时候总结一番Vue代码如何进行调试console1. 小白视角作为小白，日常最常使用的就是console.log 输出数值console.debug打印调试信息在推
2021-09-18 17:56:49
5783
2
原创 CSS 小技巧(持续更新中~)
CSS 小技巧固定比例，图片自适应布局参考文档固定比例，图片自适应布局查看以下代码，你想象中，他会渲染成什么样<div class="adaptive-img"> <div class="one"> </div> </div> .adaptive-img{ width: 200px; height: 200px; background: #f3b2b2; position: relative;
2021-09-17 23:08:14
111
原创 【css兼容】flex在低版本 chrome 浏览器的兼容问题
flex布局 在低版本chrome浏览器默认脱离文档流，父元素变更为浏览器，height：100%与预想效果不一致。
2020-12-16 10:44:25
4150
转载 GET 与 POST 的本质区别
GET 与 POST 的本质区别简介观其形web开发 观其形网络搜索 观其形知其意GET 和 POST 是什么？GET 与 POST 的实现基础GET 与 POST 的参数大小限制GET 与 POST 产生数据包悟其神简介Get 、 Post 、HTTP在学习 Http 请求的时候，很多时候关注其表面内容。在实战中吃亏甚多！让我们一起从本质上看清 GET 与 POST 的区别吧！观其形运用层面观察所得web开发 观其形接触过 web 开发的人都能说出 get 与 post 的区别：
2020-10-27 16:35:26
100
转载 scope与/deep/深度选择器
使用例子：element-ui的input无法改变高度，在设置.el-input__inner上添加深度选择器。关键点：css、vue
2020-10-20 15:16:43
638
原创 Flutter 踩坑记（二）
从二级页面返回一级页面、页面不更新，不调用initState与build方法，踩坑记（一）的总结，不适用该情况。应该使用eventBus调用一级页面的方法。
2020-10-13 11:36:48
111
转载 vue-cli3 typescript环境下引入anmiate.css,提示找不到
错误描述项目使用typescript，使用anmate.css动画效果，通过npm安装，引入后，可以正常使用。但是idea报错，找不到模块，导致打包失败。解决方案在src\shims-vue.d.ts 添加declare module 'animate.css';错误描述引用：https://blog.csdn.net/qq_38961015/article/details/103971327具体项目中shims-vue.d.tsdeclare module '*.vue' { impor
2020-09-07 10:49:31
769
原创 问题:Js中修改数组中的数据与console.log
let arr = [{id: 1}, {id: 2}]; console.log(arr); //输出: [{id: 666}, {id: 2}] arr[0].id = 666; let arr = [1, 2]; console.log(arr); //输出: [1, 2] arr[0] = 666; console.log(arr); //输出: [666, 2] let obj = {id: 1}; conso..
2020-08-30 16:37:20
298
原创 iframe 此内容不能显示在一个框架中
原因：所引用的链接设置了X-Frame-Options，可查看链接打开后，Http请求的响应头：什么是X-Frame-Options？是用来确认是否浏览器可以在frame或iframe标签中渲染一个页面，网站可以用这个头来保证他们的内容不会被嵌入到其它网站中，以来避免点击劫持。为什么要设置X-Frame-Options攻击者可以使用一个透明的、不可见的iframe，覆盖在目标网页上，然后诱使用户在该网页上进行操作，此时用户将在不知情的情况下点击透明的iframe页面。通过调整ifram..
2020-08-30 15:04:37
8755
原创 vue项目在IE下打开空白问题
vue项目在IE下打开空白问题问题阐述：vue-cli搭建vue的开发框架，Chrome、360浏览器都能正常显示的页面，在IE浏览器下就显示不出来了。console 显示vuex requires a Promise polyfill in this browser.问题原因：ie9和一些低版本的高级浏览器对es6新语法并不支持解决方案：安装babel-polyfill插件npm i babel-polyfill在入口文件第一句引入import "babel-polyfill"impor
2020-08-30 14:11:57
1414
原创 axios 解决请求状态码为 canceled 的问题
前言前端使用 Vue 框架进行开发，使用官方推荐的 axios 异步请求问题描述在 axios 请求过程中，出现如图请求失败异常取消的问题：描述：在 Chrome 的页面调试过程中查看到失败的请求，状态是请求被取消，这个请求的请求头中出现 Provisional headers are shown 此行警告。原因分析文件上传时，如果文件稍大或者网络不稳定导致掉包，可能会出现这个问题获取数据的时候，对应端口性能不好，超出连接超时时间。axios 的异步请求在请求处理的过程中，还未结束
2020-08-12 10:36:08
7708
1
转载 Flutter-打包
Flutter—— 打包听闻Flutter的打包编译与通常Android工程项目的编译不同，Flutter的打包编译是通过调用Flutter命令行来实现的。????♂️初学Android，不知道通常Android工程项目的编译，之后学习了，会再来补充的！Android 应用打包flutter build apk通常，对于一个标准的Flutter工程，只要进入根目录执行以下命令就可以完成打包 flutter build apk默认属性是--release,因此会默认打出release包。当然
2020-07-29 18:23:34
433
原创 Flutter-初次运行卡在Running Gradle task ‘assembleDebug‘ 解决方法
Flutter问题描述Flutter 安装成功后，创建项目，初次运行卡在Running Gradle task ‘assembleDebug‘ ，过不久后报如图所示的错误解决方案方法一（已测试）第一步：修改 flutter 安装目录下的文件 /packages/flutter_tools/gradle/flutter.gradleMAVEN_REPO 修改private static final String MAVEN_REPO = “https://storage.googl
2020-07-29 10:02:03
2054
原创 请求后端数据 405 500 415
405常见出现405错误的可能原因：在接口调用的方式或者参数不对的时候。 例如：接口为delete类型，参数携带在url中，错写成post类型会导致405的错误。后端数据存放位置 query 与 body ，接口需求的传参为url传参，前端请求时将参数放在body中。跨域问题，跨域问题是个老生常谈的问题，解决起来大多需要后台来配合解决。使用axios发送get/post，参数在query和body里面的情况get 请求参数写在query里面，post请求参数写在body里面。axios
2020-07-20 15:50:14
1668
原创 JS（四）之BOM
JS构成之BOM一个完整的JavaScript实现应该由以下三个部分构成。ECMAScript 标准DOM 文档对象模型（操作网页）BOM 浏览器对象模型（操作浏览器）JS系列的学习，主要围绕这三部分开展。BOM浏览器对象模型BOM可以使我们通过JS来操作浏览器在BOM中为我们提供了一组对象，用来完成对浏览器的操作BOM对象Window代表的是整个浏览器的...
2020-03-09 21:33:58
94
原创 JS（三）之不同浏览器下的事件
函数对象方法-call()和apply()这俩个方法都是函数对象的方法，需要通过函数对象来调用当函数对象call()和apply()都会调用函数执行在调用call和apply可以将一个对象指定为第一个参数,此时这个对象将会成为函数执行时的thiscall()方法可以将实参在对象之后一次传递apply()方法需要将实参封装到一个数组中统一传递...
2020-03-09 17:46:34
108
原创 JS（一）之对象、对象字面量
JS之认知JS构成一个完整的JavaScript实现应该由以下三个部分构成。ECMAScript 标准DOM 文档对象模型（操作网页）BOM 浏览器操作模型（操作浏览器）JS系列的学习，主要围绕这三部分开展。JS的特点解释性语言类似于C和JAVA的与语法结构动态语言基于原型的面向对象...
2020-03-04 16:58:25
338
转载 ES6（二）之变量的解构赋值
解构赋值1. 数组的解构赋值基本用法左右俩边结构一致右边必须是合法值声明与赋值不能分开必须在一句话里let arr = [1, 2, 3];let a = arr[0];let b = arr[1];let c = arr[2];console.log(a, b, c);解构赋值后：let [a, b, c]=[1, 2, 3];console.log(a,...
2020-03-01 20:43:27
150
原创 webpack（二）之配置vue组件
webpack中配置 .vue 组webpack中配置.vue组件页面的解析运行cnpm i vue -S将vue安装为运行依赖；运行cnpm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖；运行cnpm i style-loader css-loader -D将解析转换CSS的包安装为开发依赖，因为.vue文件中会...
2020-02-19 15:06:08
184
原创 webpack（一）之基础知识
webpack基础在网页中引用常用的静态资源JS.js .jsx .coffe .ts(TypeScript 类 C# 语言)CSS.css .less .sass .scssImages.jpg .png .gif .bmp .svg字体文件(Fonts).svg .ttf .eot .woff .w...
2020-02-18 21:35:16
183
原创 vue学习（十）之路由
路由什么是路由对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器对应的资源对于单页面应用程序来说，主要通过URL中的hash（#号）来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容：所以，单页面程序中的页面跳转主要用hash实现在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别于后端路由）；在...
2020-02-18 17:37:07
130
原创 vue学习（九）之组件（重点）
组件定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量，能够让我们以不同的组件，划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。模块化：是从代码逻辑的角度进行划分的，方便代码分层开发，保证每个功能模块的职能单一。组件化：是从UI界面角度进行划分的；前端组件化，方便UI组件的重用全局组件定义的三种方式使用 Vue.extend 配合 Vu...
2020-02-16 21:58:08
83
原创 vue学习（十）之组件的data必须是一个函数（面试常考题）
组件中的data必须是一个函数组件化的本质是：为了组件能够更好的被复用例如：多个计数器使用HTML结构：<div id="app"> <counter></counter> <hr> <counter></counter> <hr> <counter>...
2020-02-16 20:57:13
293
原创 vue学习（八）之多元素与多组件过渡动画
Vue中的动画多元素的过渡v-if/v-else的元素切换标签名不同<transition> <table v-if="items.length > 0"> <!-- ... --> </table> <p v-else>Sorry, no items found.</p></tr...
2020-02-16 16:30:11
148
原创 vue学习（七）之单元素过渡动画
Vue中的动画为什么动画能够提高用户的体验，帮助用户更好的理解页面中的功能。概述Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具：在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库，如 Animate.css在过渡钩子函数中使用 JavaScript 直接操作 DOM可以配合使用第三方 JavaScript 动画...
2020-02-16 15:24:21
246
原创 webpack学习之Error: Cannot find module 'node-sass'
问题 错误表示找不到node-sass模块。###原因：cnpm安装导致的解决方案：换成npm安装，但是有可能安装不下来输入语句： cnpm install node-sass@latest
2020-02-14 17:35:17
256
原创 vue学习（六）之vue实例的数据请求
vue实例的数据请求数据请求基础知识常见的数据请求类型？ get post jsonpjsonp的实现原理由于浏览器的安全性限制，不允许Ajax访问端口号、域名、协议的数据接口，浏览器认为这种访问不安全可以通过动态创建script标签的形式，把script的src属性，指向数据接口的地址，因为script标签不存在跨域限制，这种数据获取方式，称作JSONP（注意：根据JSONP的...
2020-02-06 17:29:39
455
原创 vue学习（五）之vue实例的生命周期（面试常考题）
vue实例的生命周期什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！生命周期钩子：就是生命周期事件的别名而已；生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类：创建期间的生命周期函数：beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性crea...
2020-02-06 11:30:15
219
2
原创 vue学习（四）之基础代码二
Vue.js基本代码过滤器概念：Vue.js允许你自定义过滤器，**可被用作一些常见的文本格式化。**过滤器可以用在俩个地方：mustache插值v-bind表达式过滤器应该被添加在JavaScript表达式的尾部，由“ 管道符 ”指示。私有过滤器HTML元素<td>{{item.ctime|dataFormat('yyyy-mm-dd')}}</td&g...
2020-02-06 11:05:42
105
空空如也
php基础编程，网页检查元素正确，点击出现其他链接界面
2019-05-29
php mysqli多次调用存储过程，每次只执行一次。
2019-05-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人