自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(74)
  • 收藏
  • 关注

原创 用C语言写UTF-8编码的文件

为 fopen 指定一个编码,然后写入 wchar_t 字符串,最终写入的文件就是UTF-8编码的了,原理不清楚,估计是 fwrite 时对 wchar_t 做了编码转换(如果写入 char 的话就会乱码)。#include <stdio.h>#include <tchar.h> int main(){ FILE* fp = fopen("test.txt", "wt+,ccs=UTF-8"); wchar_t* s = _T("hello, 测试测试!");

2021-09-09 09:38:24 1009

原创 ipv6地址校验方法汇总

ipv6地址校验方法汇总1、ipv6简写格式转全写格式function tranSimIpv6ToFullIpv6(simpeIpv6){ simpeIpv6 = simpeIpv6.toUpperCase() if(simpeIpv6 == "::"){ return "0000:0000:0000:0000:0000:0000:0000:0000"; } let arr = ["0000", "0000", "0000", "0000", "0000

2020-09-29 16:58:06 2835

原创 带中文的base64转码解码

function BASE64() { // private property _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; // public method for encoding this.encode = function (input) { var output = ""; var chr1.

2020-07-24 16:54:14 1365 1

原创 通过meta代码强制浏览器使用WebKit内核极速模式

解决进入页面浏览器自动变成兼容模式。解决< meta name=“renderer” content=“webkit”>不起作用,从“步骤”开始看起。一般只使用代码<meta name="renderer" content="webkit"> ,会有些浏览器会不起作用,所以在使用的时候,要完全兼顾。如果知道为什么使用这个标签,请直接从“步骤”开始查看。为什么这么做国产浏览器大多是双内核,甚至是三内核。一个Chromium内核,也就是Chrome使用的内核,切换到这个内核

2020-07-23 16:32:18 1523

原创 JS 统计字符串在UTF-8编码下的长度

UTF-8是一种可变长的编码。采用UTF-8编码,Unicode代码点中U+007F以下(包含U+007F)的字符用一个字节编码,其它的字符用多个字节编码,最多一个字符用4个字节编码。这样UTF-8兼容ASCII,但是不兼容ISO-Latin字符集。Unicode字符采用UTF-8编码方案时的对照表:U-00000000 - U-0000007F: 0xxxxxxxU-00000080 - U-000007FF: 110xxxxx 10xxxxxxU-00000800 - U-0000F..

2020-07-22 16:26:35 1344

原创 NProgress显示顶部进度条效果

先给大家看看实现效果下面给大家介绍一下使用步骤1、官网下载地址http://ricostacruz.com/nprogress/2. 引入需要的 nprogress.css 和 nprogress.js 文件<link rel="stylesheet" type="text/css" href="nprogress.css" rel="external nofollow" /><script src="nprogress.js">&l...

2020-07-22 09:13:50 300

原创 不使用type=password类型将输入框内容替换为密文

因为使用type=password类型会使浏览器提示是否记住密码,可能会导致密码被记住丢失;input { -webkit-text-security: none; }input { -webkit-text-security: circle; }input { -webkit-text-security: square; }input { text-security: disc; /* Default */ }-webkit-text-security:指定要使用的形状来代替文字的显示。

2020-07-03 15:45:51 2108

原创 h5页面在安卓手机浏览器上不能上下滚动

可能是js方面的问题,主要是有在touchstart、touchmove或touchend等事件中的阻止默认事件的原因// js文件e.preventDefault(); //会阻止默认行为 反正我当时就是在这个上面出现问题,导致当前华为Noto10手机会页面无法正常滑动1、当在css中加入下面样式,会导致页面无法正常上下滑动// css 文件{ touch-action: none; }解决办法:修改为默认值{ touch-action: auto; }或者删除改行样式原因:CS

2020-06-29 14:16:48 6925 1

原创 移动端解决input框被输入法挡住的问题

有过移动端web开发经验的人应该都会遇到这个问题,一个input在页面最底部或者偏下的位置,输入时由于输入法的弹出,在部分浏览器下由于不会自动计算window的高度,导致input被输入法挡住。本文的解决方式是利用scrollTop来解决,在input获取焦点后,动态地设置body的高度并设置scrollTop到指定位置,这样可以保证input会滚动到输入法上方,失去焦点后再恢复原来的位置。有两种情况:1、input在页面最底部,后面没有其他元素,这种情况我们可以获取窗口的高度减去input的高度再减

2020-05-26 14:32:15 1854

原创 Javascript两个感叹号的用法(!!)

var foo; alert(!foo);//undefind情况下或者null,一个感叹号返回的是true; alert(!goo);//undefind情况下,一个感叹号返回的也是true; 但是这里会报undefind的错误var o={flag:true}; var test=!!o.flag;//等效于var test=o.flag||false; alert(tes...

2020-01-09 15:57:53 1110

原创 输入框不能输入小数

只允许输入数字(整数:小数点不能输入)<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" > 或者<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\...

2020-01-09 15:26:30 2767

原创 前端模板引擎 -- art-template

art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度,从而获得接近 JavaScript 极限的运行性能,并且同时支持 NodeJS 和浏览器。1、可以通过npm安装: npm install art-template --save2、或者直接下载引入demo<!-- 模板 --><!-- 引入模板引擎js -->&...

2019-12-03 16:07:30 2079

原创 移动前端自适应适配方法

所谓前端适配,就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果,目前比较流行的方法有两种。一种是强制meta viewport宽度为设计稿宽度,一种是使用rem自适应布局的flexible.js。各有利弊,使用第一种在某些浏览器的webview里面会出现兼容问题,而且对于1像素会无法渲染。而用rem的方案在背景和字体上也会有某些问题。方案一:强制meta viewport的宽度为设...

2019-11-21 16:29:57 2322

原创 VUE单页应用首屏加载速度优化方案

单页应用会随着项目越大,导致首屏加载速度很慢!!!以下给出在下知道的几种优化方案**1. 使用CDN资源,减小服务器带宽压力2. 路由懒加载3. 将一些静态js css放到其他地方(如OSS),减小服务器压力4. 按需加载三方资源,如iview,建议按需引入iview中的组件1、使用CDN资源,减小服务器带宽压力在index.html中引入cdn资源 <body> ...

2019-11-21 15:04:30 2621

原创 vue中使用AES加密与AES解密

先安装npm install crypto-js --save-dev在项目中新建一个utils.js文件我建在 src/assets/js/utils.jsutils.js文件中的内容import CryptoJS from 'crypto-js/crypto-js'// 默认的 KEY 与 iv 如果没有给const KEY = CryptoJS.enc.Utf8.parse...

2019-11-08 09:41:34 3813

原创 给数组中没一个对象添加一个属性

新数组:array;原数组:list;给原数组list的对象加一个名为indexNum的属性,属性值为strlet array = []; let list = [{name:'aa',age:11},{name:'bb',age:22},{name:'cc',age:33},]; list.map((item,index)=>{ array.push( Obje...

2019-11-04 16:56:09 1981 1

原创 vue中刷新当前页面

**vue 刷新当前页面的方式**1.使用window.location.href window.location.replace() window.location.reload()会出现空白,体验不是很好2.新建一个空白页面supplierAllBack.vue,点击确定的时候先跳转到这个空白页,然后再立马跳转回来空白页supplierAllBack.vue里面的内容:...

2019-10-24 10:30:01 638

原创 在vue中使用ueditor,ueditor报错 Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not

解决办法:找到 ueditor.all.js文件中如下代码:if (editor.options.wordCount) { function countFn() { setCount(editor,me); domUtils.un(editor.document, "click", arguments.callee); } domUtil...

2019-10-24 10:19:42 8088 2

原创 如何运行vue项目(维护他人的项目)

在维护项目之前,需要把所有的环境搭建好1:安装cnpm由于npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像—cnpm在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org2:安装webpacknpm install webpack -gwe...

2019-08-27 14:58:07 454

原创 基于jQuery的公告无限循环滚动实现代码

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scal...

2019-08-27 14:42:21 495

原创 layui中表格的工具按钮列显示更多的时候也能点击触发table的事件

如何让表格的工具按钮列显示更多的时候也能点击触发table的事件.(原文链接)layUI列表中,操作栏按钮过多时会自动隐藏,点击弹出隐藏按钮后,按钮本身绑定得监听事件失效效果图:解决思路可点击原文连接查看,具体解决方法如下://将以下代码粘入相关页面中 $(document).off('mousedown','.layui-table-grid-down'). on('mou...

2019-08-22 16:35:38 1902

原创 即时搜索,textarea,input框的输入监听

即时搜索的方案:(1)change事件 触发事件必须满足两个条件:a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效)  b)当前对象失去焦点(onblur)(2)keypress 恩,还好。。。。。就是能监听键盘事件,鼠标复制黏贴操作他就无能为力的赶脚了。。。。。(3)propertychange(ie)和input事件input是标准的浏览器事件,一般应用于i...

2019-08-15 14:09:23 575

原创 Vue清除所有JS定时器

Vue清除所有JS定时器在webpack + vue 的项目中如何在页面跳转的时候清除所有的定时器JS定时器会有一个返回值(数字),通过这个返回值我们可以找到这个定时器在vue项目中可以使用路由守卫的 beforeEach方法,来进行清除功能首先,声明一个全局变量数组,把所有的定时器的返回值放到数组中,(因为定时器返回的值会随着调用次数的增加而增加,所以无法确定的去判断返回值具体是多少,...

2019-08-08 16:20:20 3877

原创 Vue中基本指令用法

指令在Vue中是个很重要的功能,在Vue项目中是必不可少的。根据官网的介绍,指令 (Directives) 是带有 v- 前缀的特殊属性。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM。1. 文本插值:{{ }} Mustache <div id="app"> {{ message }} </div>2. DOM属性绑定: v-bi...

2019-08-08 10:39:17 524

原创 JavaScript怎么把两个数组里的多个对象一一对应合并?

合并数组或者对象在数组或对象前面加…,是es6的新写法,然后数组的map方法会返回数组.var obj1 = [{ "id": 980550455852, "model": "XQG70-S1208FW", "color": "白", "invStatusName": "正品", "bactualQty": 10947, "brealyQty": 11000, "ba...

2019-08-08 09:23:03 10743 2

原创 js的深浅拷贝理解

深拷贝:如果拷贝的时候,将当前对象的数据的引用结构都拷贝一份,即深拷贝,数据在内存中独立存在。浅拷贝:若拷贝的时候,只针对当前对象的属性地址的拷贝,即浅拷贝。var car = {name:'法拉利'}; var p = {name:'张三',age:28,car:car};// 并不是拷贝,并没有对p对象有任何拷贝行为 var pCopy=p;// 浅拷贝的代码...

2019-08-06 15:12:04 264

原创 在vue中使用element-ui 里面的按钮点击后显示加载中,防止重复提交

点击前:点击后:<el-button type="primary" @click="checkAuditsubmit" :loading="loadingbut">{{loadingbuttext}}</el-button>在data中定义变量data(){ loadingbut:false,//审核提交加载中 loadingbuttext:'确定',}...

2019-08-06 14:24:40 16848 6

原创 layui表格中缩略的内容点击弹出后不会消失

当表格中的内容太长缩略后,点击会弹出并显示全部,但是弹出之后切换分页或者点击左侧菜单切换页面,都不会消失。解决方案一:索性就让这个弹框不出现添加样式.layui-table-tips-main {display: none;}.layui-table-tips-c {display: none}这样点击弹框就不会显示全部,也就不会有这个问题解决方案二:直接在做其他操作的...

2019-08-05 17:28:16 4360

原创 llayui多表头,数据错位,多出很多列,解决方案

代码如下:<table class="layui-table" lay-filter="cszx" lay-data="{url: '../../json/cszx.json', height: 'full-0', cellMinWidth: 60, page: true}"> <thead> <tr> <th lay-data="{al...

2019-08-02 16:14:07 8358 4

原创 CSS3 - :nth-child()选择器

需要设置前3个元素的margin-top值与其他的不同。div:nth-child(-n+3){ margin-top: 12px;}选的第一个和最后一个first-child表示选择列表中的第一个标签例: li:first-child{background:#fff}last-child表示选择列表中的最后一个标签例: li:last-child{background:#f...

2019-08-02 15:24:02 431

原创 vue城市三级联动组件 vue-area-linkage

在vue城市三级联动组件 vue-area-linkage遇到的问题:需求中有一个重置的按钮,本以为清除 v-model 绑定的数据就可以了结果绑定的数据是修改了,但是页面显示的内容没变。我又把placeholder数据绑定并修改,也没变化。还有一种情况就是在一个列表中,点击编辑按钮,每次显示的地区都是显示第一次点击的那个地区。以上是遇到的一些问题后面有我的解决方案1、安装cnpm...

2019-08-01 11:25:30 3424 4

原创 input输入框type设置为number,maxlength无效

结论:input输入框type设置为number,maxlength无效,设置为tel,maxlength有效一个小细节,以前很少注意,直到最近做的一个项目,当我把一个输入数字的input框的类型设置为number时,input框还是可以无限输入,设置maxlengh=10就不起作用了。然后我就去百度了一下,type设置为tel时,maxlength就起作用了。为什么呢?这里我先说一下inp...

2019-07-31 14:10:50 18450 3

原创 JS数组遍历整理

1. forEach()循环数组,不会改变元素,不会返回新数组arr.forEach((value,index)=>{  })2. map()遍历数组,对每个元素进行处理,之后返回元素;会返回一个新数组。var arr2 = arr.map((value,index)=>{  value++;  return value;   })3. some()遍历数组,在回...

2019-07-31 10:45:40 242

原创 Web移动端Fixed布局的解决方案

移动端业务开发,iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下,会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。iOS下的 Fixed + Input BUG现象让我们先举个栗子,最直观的说明一下这个 BUG 的现象。 常规的 fixed 布局,可能使用如下布局(以下仅...

2019-07-31 10:34:20 802

原创 在ueditor富文本编辑器和 kityformula公式插件

在ueditor富文本编辑器中添加 kityformula公式插件1、首先引入js2、同时在最下面实例化编辑器//富文本编辑器文件配置var options={ serverUrl:baseUrl + 'core/upload/ueditor?type=40&schid=' +JSON.parse(sessionStorage.getItem("userMsg")).schid,...

2019-07-28 14:44:23 2602

原创 解决img没有src属性时自动出现边框

当img没有接收到src属性的时候会自动出现边框,border:0/none都不管用的情况下 解决方法一行css 可以解决img[src=""],img:not([src]){ opacity:0; }

2019-07-23 16:02:21 4066

原创 JQ常用操作

如何用jQuery获得select的值1.获取第一个option的值 $('#test option:first').val();2.最后一个option的值$('#test option:last').val();3.获取第二个option的值$('#test option:eq(1)').val();4.获取选中的值$('#test').val();$('#test...

2019-07-23 15:47:29 238

原创 用layui实现下拉框select多选,取值

在layui中实现下拉框select多选,取值htmlform.on('select(multi)', function (data) { // 打开控制台查看效果 onsole.log(data.elem); //得到select原始DOM对象 console.log(data.value); //得到被选中的值(数组类型) console.log(data.o...

2019-07-23 15:19:18 101427 7

原创 原生 js 实现点击按钮复制文本

一、原理分析浏览器提供了 copy 命令 ,可以复制选中的内容document.execCommand("copy")如果是输入框,可以通过 select() 方法,选中输入框的文本,然后调用 copy 命令,将文本复制到剪切板但是 select() 方法只对 和 有效,对于 就不好使最后我的解决方案是,在页面中添加一个 ,然后把它隐藏掉点击按钮的时候,先把 的 value...

2019-07-22 15:28:20 967

原创 layui当前页获取iframe页的DOM元素

当你试图在当前页获取iframe页的DOM元素时,你可以用此方法layer.open({ type: 2, content: 'test/iframe.html', success: function(layero, index){ var body = layer.getChildFrame('body', index); var iframeWin = windo...

2019-07-22 15:20:43 8184

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除