- 博客(30)
- 收藏
- 关注
RSS订阅原创 vue3 hooks封装表格请求
1.手动调用接口(参数变化时要主动修改分页数据)2.参数变化hooks自动调用后端接口。当前请求主要应用与表格筛选。
2023-05-18 18:56:55
556
原创 回文子串长度
var len = s.length; var begin = 0; var maxLen = 1; if (len == 1) return s; for (var i = 0; i < len; i++) { for (var j = len - 1; j > i; j--) { if (j - i + 1 > maxLen && verify(s, i, j)) { ...
2022-05-26 16:39:45
90
原创 Module parse failed: Unexpected token (7:6) File was processed with these loaders:
错误样式问题分析我是在使用vue，写渲染函数时出现的问题，所以很清晰知道是这边缺少了对应的loder,查了下发现是需要新增个插件babel-plugin-transform-vue-jsx 。插件使用npm install\ babel-plugin-syntax-jsx\ babel-plugin-transform-vue-jsx\ babel-helper-vue-jsx-merge-props\ babel-preset-env\ --save-dev在根目录 .b
2022-01-07 17:54:12
2292
原创 力扣，两数相加，js解法
前言因为js中没有链表的数据类型，仔了细看官方提供的注释代码就完全解决了这个问题。给出了一个ListNode的函数，这是让我们以这个函数为实例原型来解决问题，感觉这个操作很骚。在这里的操作很像Generator函数的一种使用方式，这样代入就能很容易理解下面的解题思路了。/** * Definition for singly-linked list. * function ListNode(val, next) { * this.val = (val===undefined ? 0 : va
2021-12-19 21:13:03
885
1
原创 浏览器Event Loop机制-宏任务与微任务
前言阮一峰一篇文章讲过，Event Loop 是在程序中设置两个线程：一个负责程序本身的运行，称为"主线程"；另一个负责主线程与其他进程（主要是各种I/O操作）的通信，被称为"Event Loop线程"。这也是解释js即使是单线程的，但如果运用好他的Event Loop机制,开发的程序依然能够提供很好的体验效果。任务分类如下图左边是宏任务分类，右边是微任务分类。代码console.log("start");setTimeout(() => { console.log("setTim
2021-12-07 22:06:18
912
1
原创 数组排序sort()小结
先看结果你想对下面两种类型数组排序？那就接着往下看var list = [1, 3, 9, 5];var list3 = [ { "name": "Tom0", "age": 10 }, { "name": "Tom1", "age": 18 }, { "name": "Tom2", "age": 16 }, { "name": "Tom3", "age": 15 }];简单运用sort()方法是按升序排列数组项的，是直接在原数组上做修改。var list = [1, 3,
2021-07-21 22:44:54
191
原创 flutter,渐变色滑块插件slider_gradient使用说明
应用场景参数说明NameTypeDescriptionDefaultinitValueintDefault valueSlider default minimumminintSlider minimum0maxintSlider maximum100isShowLabelboolShow the label on the sliderfalselabelStringLabel displays data. It is vali
2021-07-01 18:19:19
1211
原创 chart_flutter图(Line)左右移动，横坐标支持自定义
charts_flutter: ^0.10.0先看图片要是需要柱状图支持左右滚动的可以看官方案例，若是想看中文解释的可以看这篇文章，因为有这篇文章所以我这边也只是展示部分配置文件代码。解决问题：1.支持左右滚动behaviors: [ new charts.SlidingViewport(), new charts.PanAndZoomBehavior(), ], //配置初始状态展示个数domainAxis: new c
2021-05-19 08:09:04
3301
1
原创 js手写 instanceof
直接上代码function myInstanceOf(obj,mClass){ const mclass = mClass.prototype; //确定函数原型 // let _prop = obj.__proto__;//确认对象原型 let _prop = Object.getPrototypeOf(obj) //ES5推出的函数作为获取对象原型的标准API while(true){ //函数原型与对象原型相同时 if(_prop === mclass){
2021-05-10 08:09:51
172
原创 flutter嵌Android数据传输方式-MethodChannel
前言：前段时间做了个flutter项目，过程中老板想要将flutter内部的部分模块加入到我们自己以前原生的项目内，本人负责Android这变得嵌入，所以讲一下Android部分内容理解。官方文档讲的很清晰，我这边大部分都是根据他搞得，所以也一起粘贴了。因flutter嵌原生有内存泄漏问题，本人使用的是aar打包方式，貌似没出现泄漏，不过我这边对引擎做的处理也会Android模块末尾粘贴。参考网站：https://flutter.cn/docs/development/add-to-app/android
2020-12-22 20:19:29
628
转载 凯撒密码[A-Za-z] 加密和解密方法
前两天看的凯撒加密方式，在网上查了下完善个方法/** * {String|str} 需要进行加密｜解密的数据 * {num|number} 需要进行移动的位数，为非负数时内容进行加密，否则为解密 */function Caesar(str,num) { var newStr = ""; //接收结果 var unit; //基础值 for(var i=0;i<str.length;i++){ if(str.charCodeAt(
2020-11-02 23:08:49
2959
原创 力扣，整数反转，js解法
** 由前提知给定的未知数都是整数且有正负之分，这边打算依次取出给定数字的最末位数据，并对取出的数据增大或缩小10倍，之后再在新数据中累加数据，从而得出结果。**//首先，确定数值范围为 [−2^31, 2^31 − 1]var min = - Math.pow(2,31);var max = Math.pow(2,31) - 1;var reverse = function(x) { //接着，定义变量暂存数据 var num = 0; //过程答案和最终答案存储变量
2020-08-11 19:26:39
466
原创 使用websocket通过vuex来存储数据
使用vuex需要遵守的规则1.应用层级的状态应该集中到单个 store 对象中。2.提交 mutation 是更改状态的唯一方法，并且这个过程是同步的。3.异步逻辑都应该封装到 action 里面。在做vuex时请熟记以上的3条规则！非常重要！！代码这边vuex用了module管理代码，内容如下：const state = { websock: null, //websock...
2020-04-07 22:57:46
3153
3
转载 VUE动态绑定class的方法
1.对象语法<div v-bind:class="{ active: isActive }"></div>data: { isActive: true,}上面的语法表示 active 这个 class 存在与否将取决于数据属性 isActive 的值。结果渲染为：<div class="active"></div>官方还给了个...
2019-12-18 21:22:15
456
翻译 js 数组快速排序算法
一， 序言（内容与代码无关）之前看了一下百度百科的快速排序算法，所以现在就想写下加深点印象。代码在最下方，前面是我个人理解。二， 看图说话我这个图是在百度百科上拉取的，百度百科是动态的，我的不能动抱歉，要看原图地址的来这，我这里直接根据原始图片来讲解了。2.1 快速排序第一步： 在一个数组内确定一个基准值，第二步： 通过这基准值将数组分成左右俩个数组，第三步： 重复前两步就可以了。...
2019-10-30 22:00:45
366
转载 深拷贝与浅拷贝的区别，及实现方法
转载：https://www.cnblogs.com/echolun/p/7889848.html ,https://www.zhihu.com/question/23031215如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。此篇文章中也会简单阐述到栈堆，基本数据类型与引...
2019-10-14 23:40:54
748
1
原创 echarts tooltip内容样式布局自定义
先看效果图实现的主要代码tooltip: { trigger: 'axis', padding:0, axisPointer: { type: 'line', lineStyle: { type: 'solid', width: 1, color: '#e0e2eb'...
2019-10-08 11:06:56
4579
1
原创 echarts图label限定字数，多余字数显示...
完成效果图代码区域label: { show: true, position: 'center', textStyle: { color: "#f00" }, formatter: function (param) { let name = param.name, percent = param.percent; i...
2019-10-03 16:43:00
1969
原创 VUE项目小结
前言：前段时间连续做了两个VUE的项目，虽然现在还在开发阶段，但是现在在对两个项目的维护过程中，发现在其中一个项目进行维护，让我感觉头大。下面就是我对两个项目（A,B）的切身体验。1，前期沟通 A项目是开始的比较早（坑）的一个项目，由我和其他事业部的人进行配合（只闻其人，不见其型），刚开始我还挺高兴的，我虽然是前端这边的主要负责人，但是...
2019-09-24 22:01:57
214
原创 css实现文本单行，多行缩略方法
1，单行文本缩略 overflow: hidden; //超出内容隐藏 text-overflow: ellipsis; //文本超出时用 （...）代替 white-space: nowrap; //文本过长时内容不换行...
2019-07-17 18:04:49
1515
原创 ligerGrid表格合并的方法
首先看效果图接着是定义js方法//合并单元格 主要实现代码 jQuery.fn.rowspan = function (array) { return this.each(function () { for(var i=0;i<array.length;i++){ //首先循环数组中的每条数据 $...
2019-05-13 20:34:16
669
1
原创 力扣，第一题两数之和，JS解法.
力扣，第一题两数之和，JS解法.示例：给定 nums = [2, 7, 11, 15], target = 9因为 nums[0] + nums[1] = 2 + 7 = 9所以返回 [0, 1]var twoSum = function(nums, target) { for(var i=0;i<nums.length;i++){ //便利下当前数组 ...
2019-04-20 20:31:52
1410
2
原创 谷歌浏览器中input自动填充默认背景色解决方法
谷歌浏览器中input自动填充默认背景色解决方法1.input背景为半透明背景图2.input背景为纯色背景1.input背景为半透明背景图input:-webkit-autofill { -webkit-animation: autofill-fix1 1s infinite; /**利用动画方式将背景图遮挡住*/ -webkit-text-fill-color: #94cc...
2019-04-11 16:20:45
4942
原创 低版本浏览器背景自适应
低版本浏览器背景自适应静态结构<div id="header"> <img src="demo.png" alt=""></div>样式#header { position: fixed;width: 100%; height: 100%;left: 0;z-index: -1; _position: absolute; /*以下代...
2019-04-06 23:02:05
186
转载 使用iframe标签时页面内容可以自适应
使用iframe标签时页面内容可以自适应HTML页面 <iframe src="" frameborder="0" scrolling="no" id="contIframs" onload="setIframeHeight(this)"></iframe>需引入iframe页面的脚本（父页面）//iframs高度自适应的方法 function setIfr...
2019-03-19 17:33:40
6278
1
原创 文本框键盘事件实现，即时聊天功能
文本框键盘事件实现，即时聊天功能实现成功图片html内容 <div class="cont-case__box"> <ul class="cont-case"> <li></li> </ul> </div> <
2019-03-18 10:33:17
259
原创 响应式静态页面echarts 自适应屏幕
静态页面下，echarts需要自适应页面稍微整理下有哪些需要注意的。// 1.首先页面窗口发生变化时echarts 图会发生相应的变化。（这个能解决大多数情况下，echarts图会根据窗口变化问题。当tab隐藏内容有echartst图时要用到第2个里面的代码。），$(window).resize(function () {myChart.resize();});//2.Tab里的内容，...
2018-12-09 16:22:38
821
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人