夏颜末-优快云博客

原创学习笔记~

学习转载

2022-10-27 16:20:42 463

转载 JavaScript 中 map、foreach、reduce 间的区别？

JavaScript 中 map、foreach、reduce 间的区别？

2022-01-20 10:58:44 165

翻译 vue3.x全局$toast、$message、$loading等js插件

有时候我们需要使用一些类似toast，messge、loading这些跟js交互很频繁的插件，vue3.x这类插件的定义跟vue2.x插件稍大，而且相对变得复杂了一点点。第一种、需要时创建，用完移除这种做法相对损耗性能，当一些显示隐藏频率不是特别高的插件可以如此封装。 1、新建loading.vue文件 <template> <div class="loading"> 加载中... </div> </template> <scrip

2021-12-30 14:20:42 575 1

原创 ios轮播图切换圆角变成直角问题

最近在做项目的过程中，遇到了轮播图在切换过程中变成了直角，安卓手机没有问题，苹果手机会遇到这种问题，解决方法如下：在父元素添加 overflow: hidden; transform: translateY(0);

2021-11-11 10:15:17 1949

原创前后层叠轮播图

代码块 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g

2021-10-29 13:35:19 306

原创 vue2.0配置不同的环境进行打包

1.在config文件夹下新建uat.env.js为测试环境 2.在uat.env.js里面添加配置信息 'use strict' module.exports = { NODE_ENV: '"production"', basePath: '"/tkp-agent-easy-policy-service"', env_config: '"uat"' } 3.在webpack.prod.conf.js里面配置以下信息 4.在package.json里面配置以下信息，在不同的环境中使用不同的

2021-08-13 15:14:42 1085

原创 ios搜索键盘问题

ios系统搜索时默认是换行，根据需求，需要将换行改成搜索，解决方法如下： 1.将input 类型type设置成search 2.在input外添加form表单，设置action <form action="" class='formWrap'> <input type="search" v-model="searchGroupNo" @keypress="handleKeyUp"> </f

2021-07-13 14:36:01 522

原创 vue 解决移动端滚动穿透

弹框滑动穿透问题问题描述在组件A里面添加了弹框，A页面是列表，弹框里面也是列表，当弹框里面的内容超过页面高度时弹框出现滑动，随之A页面也出现了滑动，解决方法如下：在弹窗打开的时候给body的全局滚动设置position:fixed属性，并设置top值；由于设置了fixed属性，那在弹窗的时候body就没有滚动条了。此时如果这么设置会发现body虽然没有了滚动穿透，但是原来的位置丢失了。所以再给body设置fixed属性的时候，要把当前的滚动位置赋值给css的top属性，那在视觉上就没有任何变化了。

2021-07-07 16:04:03 1065

转载浏览器运行机制

浏览器运行机制浏览器运行机制

2021-05-31 10:41:50 107

转载 vue项目引入mavonEditor编辑器

vue项目引入mavonEditor编辑器 1.安装 $ npm install mavon-editor --save 2.引入vue项目 // 全局注册 import Vue from 'vue' import mavonEditor from 'mavon-editor' import 'mavon-editor/dist/css/index.css' Vue.use(mavonEditor) 3.组件中引入 <mavon-editor v-model=

2021-01-19 09:59:11 1262 1

原创 vue项目中禁掉移动设备的物理返回键

vue项目中禁掉移动设备的物理返回键最近在项目中遇到要禁掉移动端物理返回键的功能，下面是查阅一些资料以后的总结，有不足之处还望指正 created(){ this.prohibitBackBtn () }, methods:{ prohibitBackBtn () { // 判断浏览器是否支持 popstate if ( window.history && window.history.pushState) { // 往历史记录里面添加一条新的当前

2020-09-30 14:08:22 418

原创 vue 易混淆的路由钩子函数

vue 路由钩子函数 1.全局解析守卫 1.前置钩子函数 ------router.beforeEach const router = new VueRouter({ ... }) //在全局路由上定义 router.beforeEach((to, from, next) => { // ... }) //to: Route: 即将要进入的目标路由对象 //from: Route: 当前导航正要离开的路由 //next: Function: 一定要调用该方法来 resolve 这个钩子。执行效果

2020-08-17 15:41:14 229

原创 json和jsonp区别

json和jsonp区别 json jsonp 一种数据交换格式一种非官方跨域数据交互协议 json 1.json格式 json可以支持以下几种数据格式，由于前面三种在对象和数组两种格式中体现，所以重点介绍两种： 1.数字（整数或浮点数） 2.字符串（在双引号中） 3.逻辑值（true 或 false） 4.数组（在中括号中） 5.对象（在大括号中） (1).对象格式--------{key:value} 例子： 1.一个对象 var person={ name:'syj', //

2020-08-11 15:37:07 258

转载 JavaScript中的变量在内存中的存储形式

JavaScript中的变量在内存中的存储形式 JavaScript的数据类型分为基本类型和引用类型，基本类型是保存在栈内存中的简单数据段，它们的值都有固定的大小，保存在栈空间，通过按值访问引用类型是保存在堆内存中的对象，值大小不固定，栈内存中存放的该对象的访问地址指向堆内存中的对象，JavaScript不允许直接访问堆内存中的位置，因此操作对象时，实际操作对象的引用栈内存和堆内存 let a=12345 let b='syj' let c=null let d=undefined let e={na

2020-08-06 10:46:04 606

翻译 Content-替换元素

Content-替换元素一、什么是替换元素根据“外在盒子”是内联还是块级我们可以把元素分为内联元素和块级元素，而根据是否具有可替换内容，我们也可以把元素分为替换元素和非替换元素。替换元素，顾名思义就是内容可以被替换。如下例子： <img src='1.jpg' > /* 这里可以将src的属性值换成2.jpg */ <img src='2.jpg' > 这种通过修改某个属性值呈现的内容就可以被替换的元素就称为“替换元素”。常见的的替换元素用： 1. <img&gt

2020-08-04 16:23:12 300

weixin_45077530的博客