![](https://img-blog.csdnimg.cn/20190918140053667.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
frontEnd
文章平均质量分 51
前端相关存放
...lemon_...
这个作者很懒,什么都没留下…
展开
-
vue基于element封装上传图片,拖拽
基于elementPlus封装上传图片,可延伸上传文件等,基础代码记录,具体上传事件未处理,此处个人记录保存一下,可拖拽改变顺序。原创 2024-04-24 16:58:44 · 394 阅读 · 0 评论 -
vue封装websocket以及心跳检测、重连
关于websocket的封装有很多,此处记录一下自身项目已封装好的且已应用的,备份。在所需页面打开连接,并监听数据返回。再main.js中引入并挂载。原创 2024-04-18 16:12:20 · 641 阅读 · 1 评论 -
微信小程序手机授权报错:pad block corrupted
微信小程序手机号授权登录,传参至后台解密,大概率都会成功,但是,偶尔会遇到解密失败,报错信息为: javax.crypto.BadPaddingException: pad block corrupted;需要调换一下wx.login获取code的顺序。这是因为每次调用wx.login后通过code获取的session_key都是新的,所以请求getPhoneNumber之前先请求wx.login。另也可以通过 wx.checkSession来检查 session_key 是否失效,如果没失效正常流程;原创 2024-04-18 09:58:00 · 935 阅读 · 0 评论 -
笔记记录-Antdesign for VUE (全局注册or按需加载)
Antdesign for VUE (全局注册or按需加载)原创 2022-08-01 14:33:28 · 938 阅读 · 0 评论 -
前端面试题目总结
1、IE8中如何实现圆角效果? 2、什么情况下会出现闭包,又如何来理解相关函数,举例说明。3、对于ES6的理解以及有多少应用。4、对于异步操作的理解(关键词:同源策略,promise,waite)5、跨域一般采用什么方式来解决,至少说出两种以及原理(关键词:cors后台解决,postmessage,或者使用框架的代理) 6、webpack配置文件的一些基本转载 2017-12-17 16:59:15 · 318 阅读 · 0 评论 -
阻止form表单回车提交刷新页面
form表单记录点,备忘录原创 2023-08-31 10:07:31 · 325 阅读 · 0 评论 -
react基础安装与使用
react安装[react学习官网](https://doc.react-china.org/)react安装方式不止一种,此处我采用的是基础的引入script标签的方式,更简单易懂。 以下是我的demo:在html文件中引入以下三个文件 <script src="dist/react.js"></script> <script src="dist/react-dom.js原创 2017-12-17 20:16:28 · 275 阅读 · 0 评论 -
react基础-从安装开始
一、react安装方式引入方式:script标签引入 1. 可以去react官网去下载,也可以直接使用 BootCDN 的 React CDN 库,地址如下: 以上我们引入了三个库: react.min.js 、react-dom.min.js 和 babel.min.js:react.min.js - React 的核心库react-dom.min.js -原创 2018-01-19 21:23:49 · 415 阅读 · 0 评论 -
VUE的mixins 与 Less的mixin
VUE的mixins 与 Less的mixin-整理所用到的有关记录,以及了解,并没有涉及到一些原理等原创 2023-06-26 14:47:50 · 498 阅读 · 0 评论 -
vue+elementUI-el-table实现动态显示隐藏列
vue+elementUI实现表格数据展示以及分页以及对表格列的显示与隐藏原创 2020-07-21 10:54:08 · 8574 阅读 · 2 评论 -
基于AntDesign vue的自定义文件上传
基于AntDesign vue的自定义文件上传,可选择上传文件类型、个数限制、支持图片预览,其他文件格式下载;原创 2022-08-04 13:44:32 · 3078 阅读 · 0 评论 -
vue+elementUI-el-table实现动态显示隐藏列-组件化-trendstable
trendstable 组件使用1.下载cnpm install --save trendstable2.在main.js中引入import trendstable from 'trendstable';import 'trendstable/lib/trendstable.css';Vue.use(trendstable);3.在页面中直接使用<trends-table :tableList="activeTableList"原创 2020-07-22 16:31:47 · 1507 阅读 · 0 评论 -
使用patch-package修改node_modules 中的依赖包
使用patch-package修改node_modules 中的依赖包原创 2022-04-15 14:24:32 · 1256 阅读 · 0 评论 -
vue2.x与vue3.x区别(......)
vue3.x中使用ES6中的Proxy 对数据进行代理,通过 reactive() 函数给每一个对象都包一层 Proxy,通过 Proxy 监听属性的变化,从而实现对数据的监控。在开发过程中两个版本的使用方法表面上没有很大的区别,但是底层方法变化较大,其中就包括渲染方式,数据监听,双向绑定,生命周期,vue3.x更精准,体积更小。vue2.x 中v-for的优先级高于v-if,可以放在一起使用,虽不建议这么做,但是可以,会带来性能上的浪费。可以省去for in、闭包等内容来提升效率(直接绑定整个对象即可)原创 2022-05-11 14:48:44 · 981 阅读 · 0 评论 -
Vue中的$attrs和inheritAttrs
Vue中的$attrs和inheritAttrs原创 2022-09-22 11:08:06 · 330 阅读 · 1 评论 -
Vue3使用Swiper8.x
vue3.x中使用swiper8.x版本,笔记记录常用属性,以及方法等笔记,方便下次查看。2.在所需文件中引入swiper组件3.引入所需样式文件4.完整JS:5.完整template:6.样式可自定义-改用到样式原创 2023-09-07 18:00:37 · 693 阅读 · 0 评论 -
JavaScript中的字符串
JavaScript中的字符串 一.在JavaScript当中字符串有两种定义方式1)单引号或者双引号引起来的零个或者多个字符内容,包括大小写英文字符,汉字,数字,各类符号等等;2)用JavaScript中的String字符串对象定义:eg:var str=new String('hello world');注:最好不要用字符串对象定义,容易拖慢速度,造成内存错误;用第一种定义的原创 2017-09-09 19:24:39 · 260 阅读 · 0 评论 -
vue3.x+elementPlus+swiper+vuedraggable实现页面装修
在components下新建文件夹,将所有组件相关代码都放在此文件夹下,每个组件是一个文件夹,每个文件夹下包含index.vue、operatin.vue 文件一个是组件展示在中间区域,一个是设置配置文件,再在主文件夹下新建index.js 引入并注册所需的组件,并在main.js 文件中引入,使用。截图示例:main.js引入定义组件集合文件-designData.js 其中定义的数据展示在左侧区域引入相关文件并赋值对应参数(leftMenuList)原创 2023-06-26 17:45:02 · 1883 阅读 · 5 评论 -
innerText与innerHTML用法区别
js中innerHTML与innerText的用法与区别 test1test2 innerHTML innerText(适用于IE浏览器) outerHTML /gim,''))">等同于innerText原创 2017-09-06 22:31:46 · 336 阅读 · 0 评论 -
JavaScript基础知识小结
1.JavaScript与Javajava是编程语言,像c,c#等,具有开发操作系统的能力;而JavaScript是一种脚本语言,能够嵌套应用于浏览器。2.JavaScript与ECMAScriptJavaScript与ECMAScript在应用上是一样的,但是ES是JS的规格标准,JS是ES的应用实现。3.唤醒控制台原创 2017-09-06 20:51:44 · 243 阅读 · 0 评论 -
JavaScript循环语句和分支语句
JavaScript中的分支语句:1)if分支语句2)if-else语句3)if-else if-else语句4)switch语句注:if语句可以单独存在,else语句不能单独存在,else找离自己最近的同一级别的if搭配成对;在if-else if-else语句中,if、else if必须要有条件语句。switch语句中的case 判断条件后面必须跟break;不然swi原创 2017-09-07 22:49:06 · 940 阅读 · 0 评论 -
编写注册新用户的模块JavaScript
1.HTML代码: 第三天练习题五 #container{ width: 500px; height: 500px; margin: 40px auto; text-align: center; } #con原创 2017-09-09 21:09:53 · 570 阅读 · 0 评论 -
js实现网页标题滚动
//定时器 setInterval(function(){ //获得页面标题,是string类型 var oldTitle=document.title; //转换为数组类型 var titleArr=oldTitle.split(''); //使标题的字符产生位原创 2017-09-12 22:53:46 · 837 阅读 · 0 评论 -
利用js-对象实现简单的动态论坛页面
以js中的对象Object为数据容器,模拟动态的论坛页面: BBS页面 body{ background-color: #D6D2C2; } .total{ width: 800px; min-height:200px;原创 2017-09-12 22:09:56 · 775 阅读 · 0 评论 -
JavaScript动态加载瀑布流
利用JavaScript动态加载瀑布流 在未知图片有多少时 每一张图片都加载到已加载图片中的最小高度处,已达到每张图片正常咬合 动态加载瀑布流-无限加载瀑布流 .container{ margin: 20px auto; position: relative;原创 2017-10-09 11:38:25 · 507 阅读 · 0 评论 -
前端知识点小总结
1.css样式加载优先级 以及js动态修改样式 css样式加载顺序、优先级 a{ color: #ccc; } #box a{ color: #185; } .container a{ color: blue; } h1 a{ color: red; } css样式加载顺序、优先级原创 2018-01-26 16:02:04 · 277 阅读 · 0 评论 -
vue组件打包并发布到npm
npm本地包创建并发布到npm原创 2022-08-15 10:39:47 · 1392 阅读 · 0 评论 -
JavaScript中打印3位数中所有的水仙花数
纯属自己理解,java与JavaScript其实他们的逻辑思维,编程语言的格式差不都是相通的。所有的语言,能够码代码的语言自我觉得都是触类旁通的。所以在JavaScript当中求打印3位数中所有的水仙花数,与Java、c等语言逻辑是一样的,只不过些许地方需要注意。在我的代码中,使用了button按钮,当点击button时 会触发所对应的事件,将结果显示在div当中;其中的console原创 2017-09-07 22:39:19 · 2979 阅读 · 0 评论 -
数组方法详解
在JavaScript中为数组提供了一系列的方法,以常见的方法为例进行解释说明:1.isArray()方法:判断变量是否为数组 是数组返回true 否则返回false语法:Array.isArray();固定用法,只能由Array对象调用 eg:var arr=[]; Array.isArray(arr); //true var a原创 2017-09-12 22:14:20 · 304 阅读 · 0 评论 -
数组基础
1.数组概念:由中括号括起来的由逗号的隔开的有序的数据结构。2.定义数组:两种方法:直接定义或用Array对象 1)var arr=['items1','items2',........]; 2)var arr=new Array('items1','items2',......); 用数组下标原创 2017-09-12 21:30:42 · 318 阅读 · 0 评论 -
放大镜小案例_JavaScript
放大镜案例 body{ margin: 0; padding: 0; } .box{ width: 400px; height: 400px; position: relative; float:原创 2017-09-22 15:24:59 · 330 阅读 · 0 评论 -
js实现鼠标悬停一定时间后触发事件--淘宝例子
运行截图 闭包--自执行函数--案例--淘宝例子 .container{ width: 300px; height: 150px; background-color: #16A085; } .nav_ul{ p原创 2017-09-26 21:53:07 · 5783 阅读 · 0 评论 -
vue+elementUI-el-table+less实现表格列的隐藏与显示更新版
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结实现思路基于vue+elementUI-el-table+less实现表格列的隐藏与显示-之前版本是所有的列都可以进行隐藏或者显示,依据的判断条件是数组下标。此次更新版本是部分可以隐藏与显示,判断依据是此列的prop属性。将表格展示+分页+显示/隐藏列 组件化,其中利用slot动态展示不同的表格数据,父组件引...原创 2020-11-16 13:14:40 · 543 阅读 · 0 评论 -
利用DOM实现图书馆管理系统
在DOM中最小的组成部分是节点,在HTML中元素、文本、属性等都是节点,DOM能够获得页面节点,并能动态地进行获取操作。所以利用DOM实现动态操作页面,模拟图书馆管理系统:代码如下: 图书馆管理系统DOM改写 .inputMsg{ width: 1100px; height: 100px;原创 2017-09-18 22:26:57 · 928 阅读 · 0 评论