dream0129-CSDN博客

原创 vue 获取input中光标位置，并且点击按钮在当前光标位置追加内容

【代码】vue 获取input中光标位置，并且点击按钮在当前光标位置追加内容。

2024-02-19 19:15:54 1672 1

原创前端获取重定向接口返回的url的两种方式：

前端获取重定向接口返回的url的两种方式：方式2为axios方式，记得。方式1为原生js的方式。

2023-02-09 10:57:12 2978

如果你使用过 Vue3，你知道的，在 Vue3 中有两个非常常用的响应式 API：reactive 和 ref。它们会把我们想要追踪的数据变成响应式。而且我们在使用时一直被告知 ref 用于创建基础类型的响应式，也可以创建引用类型的响应式。而对于引用类型，底层也是转换为 reactive 来进行响应式处理。那既然这样为撒还需要 reactive ，全部使用 ref 不就行了吗？虽然 ref 创建的响应式数据在脚本中需要通过 .value 才能访问到呀！但是这里肯定影响不大。

2022-08-22 11:27:49 1134

原创删除对象数组中含有某一固定字符串的属性和值

删除对象数组中含有某一固定字符串的属性和值

2022-04-14 17:24:49 450

原创排序：根据某一个数组的某一个key值进行排序

排序：根据某一个数组的某一个key值进行排序

2022-04-14 17:17:37 322

原创 vue2.0 antdesign时间框和下拉框跟随页面滚动问题

vue2.0 antdesign时间框和下拉框跟随页面滚动问题,时间框添加get-popup-container后组件向上移动

2022-04-14 17:14:20 2385 1

原创后端返回数据量过大，通过前端Pako.js 压缩/解压库与 Java 的 Gzip base64 压缩与解压的互通实现

后端返回数据量过大，通过前端Pako.js 压缩/解压库与 Java 的 Gzip base64 压缩与解压的互通实现

2022-03-02 17:12:03 2615 1

原创 Ant Design of Vue a-upload 上传文件大小限制

<a-upload name="file" @change="handleChange" accept='.pdf' :file-list="file" :before-upload="beforeUploadFile"> <a-button> <a-icon type="upload" /> 请选择上传文件 </a-button></a-upload>beforeUploadFile (f, l) { ...

2021-11-08 16:21:45 3712

原创 momentJS计算获得时间差

最近在使用JavaScript计算时间差的时候，需要写一些方法进行处理，在查看momentJS之后，发现非常容易，一句话就可以解决了。console.log(moment().format("YYYY-MM-DD HH:mm:ss")); //当前时间 console.log(moment().subtract(10, "days").format("YYYY-MM-DD")); //当前时间的前10天时间 console.log(moment().subtract(

2021-08-04 14:41:46 977

原创 js的replace函数一次替换多个不同的字符串

js的replace函数一次替换多个不同的字符串需求是把get和lte删掉，把&&替换成-，代码如下let str = 'gte6&&lte8'let reg = /(\w*)gte(.*)&&(.*)lte(.*)/gstr = str.replace(reg, '$1$2-$3$4')console.log(str) //6-8$1表示正则中第一对圆括号内匹配的内容，依次类推，$2代表正则中第二个圆括号匹配的内容....

2021-07-09 09:44:33 13267 1

原创 window.onload绑定多个事件

2021-03-22 15:34:37 254

原创 vue-cookies的使用方法

vue-cookies的使用方法1、安装2、引入3、使用1）、设置2）、获取3）、删除4）、判断cookie中是否存在指定健名5）、获取cookie中所有的健名1、安装npm install --save vue-cookies 或者 yarn add vue-cookies2、引入// 方式一：requirevar Vue = require('vue');Vue.use(require('vue-cookies'));// 方式二：es2015 moduleimport V

2021-03-05 14:35:23 930

原创解决微信底部返回栏历史记录的问题

解决微信底部返回栏历史记录的问题点击前进后退刷新页面//解决IOS返回页面不刷新的问题 var isPageHide = false; window.addEventListener('pageshow', function() { if(isPageHide) { window.location.reload(); } }); window.addEventListener('pagehide', function

2021-01-12 16:15:05 312

原创用css实现朋友圈图片布局

用css实现朋友圈图片布局htm代码如下<ul> <li v-for="(item, index) in imgList" :key=index > <img :src="item"> </li></ul>1、首先使用flex实现正常的三列布局ul{ display: flex; justify-content: flex-start; flex-wrap: wrap;}li{ width:

2020-12-23 10:14:17 1353

转载静态资源服务器（部署前端项目）转发

前端开发中，经常遇到有些场景需要用到服务器环境，例如AngularJS中的路由，或者是模拟ajax获取数据等需求时，这个时候并不需要考虑到服务端逻辑，只是搭建简单的静态资源服务，因此解决方法有很多，下面介绍几种简单快捷的常用方式1、使用http-server如果你安装了node，那么http-server就是个不错的选择，只需要一行命令就可以快速启动。安装：npm install -...

2019-03-04 10:09:36 1260

原创 html2canvas遇到的坑

需要将一个背景图+动态获取的微信名+微信头像拼接成一张图片，用户可长按保存最终图片，最终就是要将html转换成图片。最初想自己用canvas画，但是有些麻烦，后来发现了html2canvas这个插件，先将html转成canvas，再生成图片。因为生成的图片和html是在同一个页面中，最初想法是页面加载完成后，html内容隐藏，对应的图片盒子生成并显示，在实现过程中发现如果将html内容隐藏，...

2019-02-11 17:23:54 14361 1

原创（前端）图片如何从模糊到清晰渐显

在写页面过程中，难免会遇到一些大图，即使压缩过后，依然加载速度缓慢。为了解决这个问题，我查找了一下资料：发现有一种图片格式叫做交错式Photoshop 保存PNG格式交错和不交错的差别：1.PNG格式是由Netscape公司开发出来的格式，可以用于网络图像，但它不同于GIF格式图像只能保存256色，PNG格式可以保存24位的真彩色图像，并且支持透明背景和消除锯齿边缘的功能，可以在不失...

2018-09-20 11:19:25 3297

原创 input='file'样式重置

2018-09-07 17:27:41 691 1

转载 pointer-events:none应用场景

简介pointer-events: none 真是个神奇的属性。该属性有什么用？借用 CSS3 pointer-events:none 应用举例及扩展的总结来说：pointer-events: none 顾名思义，就是鼠标事件拜拜的意思。元素应用了该 CSS 属性，链接啊，点击啊什么的都变成了 “浮云牌酱油”。pointer-events: none 的作用是让元素实体 “虚化”。...

2018-09-06 17:56:29 1075

转载工作中常用的es6语法

一、let和const在JavaScript中咱们以前主要用关键var来定义变量，ES6之后，新增了定义变量的两个关键字，分别是let和const。对于变量来说，在ES5中var定义的变量会提升到作用域中所有的函数与语句前面，而ES6中let定义的变量则不会，let声明的变量会在其相应的代码块中建立一个暂时性死区，直至变量被声明。let和const都能够声明块级作用域，用法和var是类似的...

2018-09-06 17:49:08 220

原创 webstorm 实用的快捷键有哪些

1、webstorm快捷键： Ctrl+/ 或 Ctrl+Shift+/ 注释（// 或者/*…*/ ） Shift+F6 重构-重命名 Ctrl+X 删除行 Ctrl+D 复制行 Ctrl+G ...

2018-08-13 10:18:23 375

原创 error: You have not concluded your merge (MERGE_HEAD exists). git pull拉取代码失败！

$ git pushTo ssh://47.95.35.53:2222/php-item/php-test.git ! [rejected] master -> master (non-fast-forward)error: failed to push some refs to 'ssh://git@47.95.35.53:2222/php-item/php-test...

2018-07-24 12:07:31 5925

原创页面报错问题：Invalid left-hand side in assignment

审查代码发现：if($("#common_check_status").val()= ''&&$("#status_common").val()= ''){ comcarry(); //跳转 }$("#common_check_status").val()= ''方法不正确，改为$("#common_check_status").val()== ''代码正常...

2018-06-25 16:39:53 3553

原创 5月小bug

1、子DIV块中设置margin-top时影响父DIV块位置的解决办法解决办法1:若子DIV块中使用margin-top,则在父DIV块中添加：overflow:hidden;解决办法2:在子DIV块中用padding-top代替margin-top2、点击带锚点的网址后，如何让网页位置向下偏移一小段距离解决办法1：我们给wrap_body加上css.wrap-body { position:...

2018-05-24 14:16:20 149

原创利用pushState开发无刷新页面修改url参数

因为想要实现 tab切换添加参数和修改参数值，一开始的思路是： /* * url 目标url * arg 需要替换的参数名称 * arg_val 替换后的参数的值 * return url 参数替换后的url */ function changeURLArg(url,arg,arg_val){ var pattern=arg+'=([^...

2018-05-24 11:51:44 2323

原创 “WeixinJSBridge is not defined” 怎样解决

微信内置浏览器会有WeixinJSBridge，但是需要一定的加载时间，所以用户用微信打开网页就可能触发这个问题。参照这篇博客: https://blog.fundebug.com/201...

2018-05-05 14:08:37 13031

原创微信端页面仿微信朋友圈，点击图片放大查看

1、先引用微信的js<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>2、初始化点击放大监听事件：var imglis = [];var imgObj = $(".proDetail_fea img");//img对象注意路径必须为绝对...

2018-05-05 14:02:29 2686

原创点击<a>标签跳转页面，且高亮显示

方法如下：可以通过判断href的值和获取到的页面url链接是否一致，来解决$('.Nabout_nav ul li a').each(function() { if ($($(this))[0].href == String(window.location)) { $('.Nabout_nav ul li').removeClass("current"); ...

2018-05-03 11:37:21 2470

原创 Now you can provide attr "wx:key" for a "wx:for" to improve performance. 微信小程序警告

微信小程序警告如下如何解决：Now you can provide attr "wx:key" for a "wx:for" to improve performance.上文为警告，不处理不影响程序运行。在wx:for后面添加wx:key="key" 可消除警告。如图所示：...

2018-05-03 11:34:04 1739

转载开发微信小程序：设置某个页面为启动后打开的第一个页面

在开发微信小程序的时候，除了tabBar上设置的页面之外，想进入肯定要走跳转之类的进入，但是我们开发的时候肯定想要直接看到该页面，那么我们就需要设置一下启动页面了有两种方法。方法一在app.json文件中，pages数组，设置在第一个的页面就是默认启动页面，所以你只需要调整你当前开发的页面顺序就好了。方法二在编译的地方设置，你只需要设置页面的路径，勾选上“使用以上条件编译”，如果页面需要参数，那...

2018-04-19 14:34:25 10364

转载禁止微信内置浏览器调整字体大小

微信webview内置了调整字体大小的功能，用户可以根据实际情况进行调节。但是这也会导致字体大小改变以后，出现页面布局错乱的情况，目前iOS的解决方案是覆盖掉微信的样式：body { /* IOS禁止微信调整字体大小 */ -webkit-text-size-adjust: 100% !important;}安卓的解决方案是通过 WeixinJSBridge 对象将网页的字体

2018-01-26 16:57:09 639

转载 js事件监听（考虑兼容性）

说明：Internet Explorer 8 及更早IE版本不支持 addEventListener() 方法，Opera 7.0 及 Opera 更早版本也不支持。但是，对于这些不支持该函数的浏览器，你可以使用 attachEvent() 方法来添加事件句柄。Internet Explorer 8 及更早IE版本不支持 removeEventListener() 方法，Opera 7.0 及 ...

2018-01-23 10:50:07 407

原创 .html文件中,数字外加圈的代码如何写，例如①

表示数値文字参照表示数値文字参照① ① ⑪ ⑪ ② ② ⑫ ⑫ ③ ③ ⑬ ⑬ ④ ④ ⑭ ⑭ ⑤ ⑤ ⑮ ⑮

2018-01-22 09:46:22 8417

转载你不知道的14种常用的javascript调试技巧

1. ‘debugger;’一般，我们比较常用的判断代码是否执行到指定位置，一个是打断点，另外一个是通过输入console.log。这里还有一个好用的方法是-'debugger;'。一旦你把它放在你的代码中，Chrome会在执行时自动停止。你甚至可以用条件包装它，所以它只在你需要的时候运行。if (thisThing) {// 这个thisThing可以写你自己的判断条件,

2018-01-11 11:57:02 351

转载正则表达式教程——实践篇

在js中创建正则有两种办法，字面量和new，和创建其他类型变量一样var reg = /abc/g // 字面量var reg = new RegExp('abc', 'g') // new方式，意思和上面一样js中用到正则的地方有两个入口，正则的api和字符串的api，RegExp#test等于RegExp.prototype.testRegExp#tes

2018-01-05 14:02:17 330

转载『总结』JS常用方法与片段

1.javascript删除元素节点IE中有这样一个方法:removeNode()，这个方法在IE下是好使的，但是在Firefox等标准浏览器中就会报错了 removeNode is not defined，但是在核心JS中有一个操作DOM节点的方法叫：removeChild()。我们可以先去找到要删除节点的父节点，然后在父节点中运用removeChild来移除我们想移除的节点。我

2017-09-11 17:47:26 253