- 博客(23)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 前端加载10000条数据崩溃?
前端长列表加载什么是长列表？长列表的出现寓意着本次数据可能会超过1000条甚至为10000条的数据列表, 这时候列表可能会出现问题,出现短暂白屏、或者数据太多导致网页崩溃等情况,尤其在现在的移动端这种情况是非常容易出现的,给予用户的展现机制大部分都是列表长列表的解决方案公认的有两种,第一种就是无限滚动 前后端共同进行优化, 基本思想就是用户将可视区域的scrollTop滑动成0时进行分页请求 这种方案是一个在正常逻辑正常框架之下的解决方案. 还有一种方案就是虚拟列表, 他的出现主要是由于又一些特殊的场
2021-08-24 09:25:45
3793
原创 wepy集成vantweapp开发
wepy集成vantweapp开发wepy安装与初始化$ npm install @wepy/cli -g # 全局安装 WePY CLI 工具$ wepy init standard myproj # 使用 standard 模板初始化项目$ cd myproj # 进入到项目目录$ npm install # 安装项目依赖包这里wepy初始化时会有很多选项 根据需要选择即可这里选择的是 无附加选项并默认standard模版的文件目录现在放入微信开发工具是有问题的 因为wepy需要编
2021-06-17 15:40:07
295
原创 TypeScript学习笔记
TypeScript笔记why TypeScript?TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准TypeScript 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。JavaScript 与 TypeScript 的区别TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此
2020-12-24 15:11:57
167
原创 服务端使用ES6模块化
服务端使用ES6模块化服务器端使用ES6的模块化会出错，但是可以通过配置babel来解决安装npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/nodenpm install --save @babel/polyfill项目根目录创建babel.config.jsconst presets = [["@babel/env", {targets: {edge: "17",firefox: "60",
2020-11-02 19:36:31
259
原创 微信小程序-数据缓存
微信小程序开发-开发笔记数据缓存开发到商品分类页面时，数据过大，每次刷新都需要重新请求的话比较浪费时间所以使用数据缓存功能优化性能原小程序的初始化生命周期时：page{ onLoad : function(options){ // 获取数据 getCategoryList(); }}问题就出在这里不管是用back键还是弹回当前页面都会发送请求，这样做虽然可以获取到最新的数据，但是所消耗前后端性能都较大，并且此页面为电商项目的分类页面，从实际情况
2020-10-31 14:55:52
1127
原创 Fetch基础用法
Fetch基础用法Fetch不是AJAX,他的诞生是为了代替AJAX,他是JS内置的API 基于Fetch可以实现客户端和服务器的通信Fetch时ES2018的新增API ,IE完全不支持，移动端很多浏览器也不支持，想要提高兼容性 就要使用fetch proillfetch基础使用// fetch也是基于promise封装的fetch (url,options).then(res=>{ console.log(res)}).catch(msg=>{ console.l
2020-09-20 08:44:30
615
原创 【异步技术】Axios并发请求
axios并发请求与参数配置axios并发请求axios的并发请求其实并不是某一精确的时间段发送出两条异步消息而是在两条消息的状态完成之后能够执行同一个回调函数手动实现并发请求并发请求其实就是多次请求 而且能够在同时间处理同状态的两个请求// 设置一个空对象 承载两次请求的结果let endResult= {}// 第一次请求发起axios.get(url).then(result=>{ // 此时在第一次请求的回调中 不处理数据 endResult.
2020-09-10 17:24:46
1296
1
原创 【异步技术】Ajax和Axios
Ajax和axiosajax和axios?ajax和axios的概念axios是通过promise实现对ajax技术的一种封装,ajax技术实现了网页的异步请求最大的表现是网页局部刷新，而axios实现了对ajax的封装。axios是ajax ajax不止axios。ajax和axios的优缺点这里说的ajax是指基于原生的HTML5封装的XHR来进性异步请求的工具， 例如原生使用XMLHttpRequestd对象或者使用jQuery中的ajax系列函数 ，总之就是老一辈的异步工具 ，ajax形成
2020-09-10 14:23:48
1069
1
原创 【异步请求】Ajax笔记
Ajax笔记同步与异步同步就是等待上一个请求结束之后才能发送下一个请求，而异步交互不必等待结果返回，就可以向服务端发送下一次请求了。异步交互比同步交互的用户体验更好Ajax是什么?Ajax是Asynchronous JavaScript XML的缩写，被翻译为异步JavaScript和XML 。Ajax本身并不是一个新技术，而是一个新的术语，在2015年被提出Ajax的异步交互 可以HTML页面快速的将数据逐步更新在显示器上，不需要重载整个页面。 可以使页面更快的对用户的操做进行反馈Ajax涉及
2020-09-03 13:58:32
565
1
原创 【HTTP】缓存机制
缓存机制是什么缓存是-种保存资源副本并在下次请求时直接使用该副本的技术。当web缓存发现请求的资源已经被存储，它会拦截请求，返回该资源的拷贝，而不会去源服务器重新下载。缓存需要合理配置，因为并不是所有资源都是永久不变的。重要的是对一个资源的缓存应截止到其下一次发生改变(即不能缓存过期的资源)。无缓存机制存在的问题：对互联网的带宽造成比较大的压力对服务器的运行造成比较大的压力有缓存机制服务器向客户端缓存的数据内容，具有生命周期(不能是永久有效)优势：缓解服务器端的资原消耗和运行
2020-08-27 10:06:09
549
1
原创 【HTTP】HTTP消息解析
HTTP消息HTTP消息概述HTTP报文又称为消息，是服务器和客户端之间交换数据的方式 ，消息分为两种类型，分为请求消息和相应消息请求： 客户端发送来触发服务器动作响应：服务端将动作消息返回请求HTTP消息结构按结构分为start line (起始行)HTTP headers(头部集合)empty line(空行)body(正文)请求方法HTTP协议定义了一组请求方法，以表明要对给定资源执行的操作，指示针对给定资源要执行的期望动作。请求方法描述GETG
2020-08-27 10:04:51
724
原创 【jQuery】自定义jQuery
自定义jQueryjQuery基础结构jQuery本质是一个闭包函数(function(window,undefined){ })(window)传入window可以避免变量重名带来的错误 这种结构可以使一个框架或工具库享有自己的命名空间不受干扰，传入undefined是因为Ie8 之前可对undefined进行赋值，所以也要拿一个自己的undefined定义自己的jQuery文件我的命名为jQuery_self// 闭包避免作用域引起的命名冲突(function (w
2020-06-28 16:59:37
836
原创 在webStorm刷leetcode
这里写自定义目录标题webStrom插件安装webStrom插件安装点击这里的设置会弹出一个新的对话框找到Plugins如图输入leetcode会找到插件，我这里已经安装了，h然后安装之后webStrom提示需要重启一下webStrom，重启之后会发现右下角的位置 出现了webStrom小图标然后点击 首次使用需要在这进行leetcode账号的登陆，之后点击登陆旁边的刷新小按钮就ok了，他会加载出来所有的题目包括你做过的也会有记录然后题目的最上方右题目的描述如果代码写完了右击题目会出现
2020-06-28 11:39:32
2106
2
原创 【leetcode】Day03 寻找两个数组中位数【半暴力】
寻找两个数组中位数【半暴力】题目描述：需要注意的是要求时间复杂度不能超过O(log(m+n))，在我的答案中我使用了javaScript中的sort函数，因为sort在不同的浏览器下的底层排序规则都一样我就想试一下，毕竟自己写排序也挺没劲的 没想到就通过，还特么打败了 93的用户，可能javaScript的用户都时长都差不多吧/** * @param {number[]} nums1 * @param {number[]} nums2 * @return {number} */var fi
2020-06-22 09:13:08
515
原创 【leetcode】Day02 无重复子串
无重复子串今天在刷这个无重复字串的时候，我感受到了leetcode深深的恶意，也让我明白了就是千万不能看例子来思考思路 先看下题目看到题目的第一刻，我甚至有点想笑，感觉今天已经温了，游戏已经可以先排好队了，但是leetcode给了我一记迎头痛击，我第一版是这样的/** * @param {string} s * @return {number} */var lengthOfLongestSubstring = function (s) { var count =0; var
2020-06-21 23:11:46
570
原创 【leetcode】Day01 迷茫的两数相加
两数相加今天早晨我充满信心的找到leetcode网站刷算法题，结果题库中的第二道题，描述是这样的把我看傻了，加上本来因为不熟悉leetcode的刷题规则，让我折腾了好半天，我刚开始甚至一直再return这些参数和来看一下返回的值,最终还是去找了大神的解题语法，但是不幸看到了思路 今天的刷题其实挺失败的然后我大概弄懂了之后开始思考这个解题思路了首先 两个链表逆向存储一个数字，返回的链表需要是这个数字相加之后的逆序存储数字 我刚开始想直接收集逆序链表的字符串然后处理之后再依次加入到新链表中 但是太麻烦
2020-06-20 15:42:10
578
1
原创 【数据结构】链表or数组？
JS链表与基础操作每天一个算法题javaScript中实现链表与链表的基础操作，也是leetcode刷题的必要准备链表链表并不是某一个语言的数据结构，他是一种思想 大部分的语言都可以通过不同的语法来实现链表链表的基本概念：链表就是将两个内存空间组成一个节点，一个做内存节点储存数据，一个用来做指针节点(指针其实就是内存空间中存储上别的内存空间的地址 如果不明白记住这句话往下看) 指向下一个链表的引用地址，第一个节点被称为头节点，头节点一般都利用变量名引用，这样数据就得以连接了 但是有人可能会有
2020-06-19 09:57:07
586
原创 【jQuery】jQuery对象与prevObject
jQuery对象细节1. jQuery核心函数核心函数的七种写法:jQuery(selector,context) : 给定一个css选择器和选择上下文，选中对应对象封装成为jQuery对象jQuery(html,ownerDocument) 、jQuery(html,props) : 用所提供代码生成HTML元素jQuery(element or elementsArray) : 传入元素，则封装，若传入元素数组则将元素数组内所有元素封装到同一个jQuery对象中jQuery(Object)
2020-06-16 20:52:53
3910
原创 【Java】Mybatis框架概述与环境搭建
mybatis框架概述与环境搭建1.mybatis是什么?mybatis是一个基于java的持久层框架，内部封装了jdbc，使开发者只需要关注sql语句本身，而不需要花费精力去创建连接，加载驱动等繁杂过程，mybatis使用了ORM( Object Relational Mapping 对象关系映射)思想实现了结果集的封装2.mybatis环境搭建首先还是肯定用maven创建一个空项目，然后接着要创建一个表为练习mybatis作准备CREATE TABLE `user2` ( `id` in
2020-06-16 08:28:45
626
原创 【jQuery】jQuery概述与入口函数
Jquery概述与入口函数这两天我也是正式脱离了前端三驾马车 HTML,CSS,JavaScript的学习，来学习jQuery，旨在掌握这个经典前端类库的使用，以及分析通过分析源码来对之前的JavaScript面向对象有更深刻的理解和认识1.Jquery概述jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的
2020-06-15 22:11:11
602
原创 【Java】深入浅出Spring
Java Spring Framework笔记1.Spring概述1.1 什么是SpringSpring是一个开源框架，Spring是于2003 年兴起的一个轻量级的Java 开发框架，由Rod Johnson 在其著作Expert One-On-One J2EE Development and Design中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构，分层架构允许使用者选择使用哪一个组件，同时为 J2EE 应用程序开发提供集成的框架。Sp
2020-06-15 14:39:19
822
原创 【BootStrap】BootStrap布局容器
BootStrap布局容器1.布局容器作用布局容器 在我们自己写页面的时候 给一个div加上class=container样式那么他就可以是我们的布局容器了 但是对于BootStrap布局容器确有不同的意义BootStrap必须包含至少一个布局容器,才能为页面内容进行封装和方便的样式控制2.布局容器使用那么他这里说的是 在css文件里有一个class样式 叫做 container 和c...
2020-03-29 16:24:20
1808
原创 【BootStrap】BootStrap概述
BootStrap概述什么是BootStrap？BootStrap是一个基于HTML，CSS，JavaScript的一个前端框架BootStrap预定义了一些 样式与动画我们只需要引入相应的css样式名称 或js的一些东西 就可以使用了实际上现在网络上的这种框架有很多，有可能有些框架比BootStrap所定义的一些样式和动画还要好一些 那么为什么BootStrap能够脱颖而出首先 也是必...
2020-03-29 16:23:25
600
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人