肥仔仔仔-CSDN博客

原创 react使用antd的时候，css的按需引入步骤--亲测有效，目前使用版本4.10.0

安装customize-cra、babel-plugin-import和react-app-rewiredyarn add react-app-rewired customize-cra babel-plugin-import在package.json文件中的scripts配置项修改为 "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "

2021-01-05 14:24:54 2010 2

原创谷歌浏览器禁用自动更新（win10和win7）需要卸载不卸载都行，随你！

谷歌浏览器禁用自动更新（win10和win7）需要卸载不卸载都行，随你！打开控制面板选择大图片的查看方式。点击管理工具，打开管理工具页面。双击对应的Google更新服务，弹出选择框，在启动类型处选择禁用，然后点击应用和确定按钮！2.打开命令行输入输入指令 taskschd.msc弹出任务计划程序页面点击左边的任务计划程序库（win7的有点不一样，但是都是差不的）选择GoogleUpdata项（两项）右键选择禁用（我已经选择了禁用了）然后关掉就行了3.此时就能打开goo

2020-10-23 09:59:42 4673 1

原创 indexDB简单的封装，增删改查

/* * @Author: lxl * @Date: 2020-08-01 16:37:34 * @LastEditTime: 2020-08-26 15:12:48 * @LastEditors: Please set LastEditors * @Description: In User Settings Edit * @FilePath: \dutyLeader1\src\util\dexie\index.js *//** * @description: indexDB 在使用的时

2020-08-26 15:18:44 1351

原创 vue使用formData时候传递参数是个空值的情况

关于在vue中使用axios，传递的参数是formData的情况（上传文件，图片，文档等）formData用途1.将from表单元素的name和value结合，实现表单数据的序列化2.异步上传文件使用formData1.创建一个空对象var formData = new FormData();//大部分情况下，使用formData追加数据，是通过append() Api来进行追加formData.append(key,value)//取出追加的值formData.get(key)/

2020-08-02 22:05:15 11598 1

原创 vue使用lrz进行压缩图片

在vue中使用lrz去压缩图片lrz是一款压缩图片成base64的插件，兼容IE10以上及大部分非IE浏览器（chrome、微信什么的）但是lrz团队已经放弃维护了，所以使用的时候需要谨慎使用的时候注意，有可能会和你本身代码的插件进行冲突，我遇到报错，但是怎么都解决不了，后来排查到我的项目环境有问题，然后重置之前的环境，再进行使用的时候就正常了，具体是插件冲突还是什么情况，暂时还没找到具体的原因！下包：通过npm或者bower方式进行下载npm i lrz（推荐）bower install l

2020-08-01 21:28:46 5915 1

原创简单封装一下indexDB的功能

简单的封装一下indexDB，具体的api使用方法可以去官网查询//先定义数据库数据var Salt = { name: 'myIndexDb', version: 1, db: null, table: 'myIndexDbTable'}/** * 增加或更新indexDB字段的值 * @param {*} key 传递过来的键（在存储的时候） * @param {*} val 传递过来的值（在存储的时候） * @param {*} back 回调函数 *

2020-07-31 23:00:02 695 4

原创在vue里面使用简单封装的axios和拦截器的使用-个人笔记

简单封装自己的axios首先先创建自己的index.js文件然后下载包npm install --save axios （axios包）npm install --save qs (进行序列化post请求的)1.进行环境切换配置，切换生产或者说是测试的环境先在根目录创建.env.production和.env.development文件我的判断方式是判断各自文件里面的NODE_ENV等于什么而进行切换的//.env.development文件NODE_ENV=development

2020-07-31 22:50:19 221

原创 IE8上面的旋转和透明度，利用滤镜属性去处理（兼容css3的transform和rgba()）

1.关于在IE浏览器上面的一个旋转问题IE8不支持css3的transform属性，因此在兼容ie8的时候需要用到滤镜来进行兼容语法：兼容c3属性的浏览器在设置旋转属性的时候：transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-tranform:rotate(-30deg); -webkit-transform:rotate(-30deg); -moz-transform:rotate(

2020-07-09 09:34:08 691

原创简单浏览器打印文件

function myprint() { //直接调用浏览器打印功能 bdhtml = window.document.body.innerHTML; //定义打印区域起始字符，根据这个截取网页局部内容 sprnstr = ""; //打印区域开始的标记 eprnstr = ""; //打印.

2020-06-14 21:35:09 155

原创简单的正则表达式基础

正则表示正则表达式，又称为规则表达式。（Regular Expression ，在代码中常简写为regex、regexp或者RE），计算科学的一个概念。正则表达式同城被用来检索、替换那些符合某个模式(规则)的文本！一、在JavaScript里面的正则1、利用RegExp对象来创建正则表达式var Regexp = new RegExp(/表达式/)；2、利用字面量方式创建正则表达式（常用）var reg = /123/;二、正则表示的组成一个正则表达式可以由简单的字符构成，比如是/123/,

2020-06-06 14:44:02 228

原创 js 数组对象去重合并

let newArr = [], arr = [ { id:1, text: '1', text2: '2' }, { id:1, text3: '3' }, { id:2, text1: '4' }, { id:2, text2: '5' }, { id:3, text1: '5' }, ]; arr.forEach(function(item){

2020-05-25 10:30:38 851 1

原创关于js 中的new

new 操作符new操作符的作用new 操作符会返回一个对象这个对象也就是构造函数中的 this ，可以访问到挂载在 this 上面的任意属性这个对象可以访问到构造函数原型上的属性，所以需要将对象与构造函数链接起来返回原始值需要忽略，返回对象需要正常处理手动实现代码 function create(Con, ...args) { let obj = {} ...

2020-03-18 16:27:23 308

原创 uni-app的onload无效的问题

1.uni-app 支持的页面生命周期函数是包含onLoad但是，在组件里面的时候不能使用页面生命周期函数，因此想要有onload的效果的时候，必须改成vue的mounted2.uni-app的组件中可以直接使用Vue的生命周期函数对逻辑进行处理...

2020-03-10 17:54:53 4581

原创关于vue传值的时候，会出现一个警告，类似于说值在父子传值的时候发生变异

避免直接改变属性，因为当父组件重新呈现时，该值将被覆盖。相反，使用基于属性值的数据或计算属性。道具正在变异：“tabIndexAvoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or comp...

2020-03-01 16:55:01 2578 1

原创关于props传值，在子组件里面去修改父组件的值

因为父子传值的用props传值的时候，子组件不能随意修改父组件的值，因此需要用到 this.$emit(‘update:父组件传给子组件的值的键’,修改的值) 这个方式去修改父组件：<indexlist :item="item" :index="index" :id="'id'+index" :isguanzhu.sync="item.isguanzhu"></indexli...

2020-02-29 21:33:56 866

原创 TypeScript笔记

关于 typescript ：typescript是JavaScript的超级，是一个编程语言，静态类型和面向对象的语言PS：typescript是重用js，它可以引入js的流行库安装：//命令行安装npm i typescript -g //全局安装typesctipt//检测是否安装成功命令行输入 tsc --version//初始化package.json 命令行输入 ...

2020-01-20 15:53:10 174

原创 promise的问题，自己笔记

```javascriptpromisrFN(){ return new promise((resole)=>{ resole('成功的回调参数') reject('失败回调的参数') })}promisrFN.then(v=>{ console.log(v);//成功的回调的函数}).catch(e=>{ ...

2020-01-08 09:26:46 89 1

原创 js一点小问题以及Es6的一个小新增方法

1.页面可编辑：contentEditable这个 API 可以使页面所有元素成为可编辑状态，使浏览器变成你的编辑器。你可以在地址栏输入 data:text/html, , 这样浏览器就变成了编辑器。2.利用 a 标签解析 URL从一个 URL 中提取域名，查询关键字，变量参数值等，一般我们会自己去解析 URL 来获取这些内容即创建一个 a 标签将需要解析的 URL 赋值给 a 的 hr...

2020-01-08 09:25:36 99

原创关于bus总线第一次传值的时候传递不过去的问题

```javascript关于bus总线第一次传值的时候传递不过去的问题```javascript发射： bus.$emit('test', 'name',val)接受：this.$bus.$on('test',(val,key)=>{})解决：因为bus总线。在on接受的时候回比emit发射要早去接收，因此要适用 this.$nextTick(() => {}...

2020-01-08 09:23:47 1091 1

原创 elementUi的一点个人笔记，仅参考

elementUI 一些简单的操作1.elementUI 表格翻页勾选回到第一页还能勾选let checkSlectData = []；//定义一个数组去接受在单选或者多选的时候，自己调试吧对应的数据存进去定义的checkSlectData或者从这里面取出去，最后形成一个想要的数组this.roleTableData = resp.data.result.rows.map(item =...

2020-01-08 09:19:29 139

原创关于input框选择上传文件的时候，上传同一个文件的情况下不触发change事件（简单的一个上传文件通过aiax去请求的组件）----仅做笔记用

因为input上传文件设计的原因，在上传同一个文件的时候，他value值一直都是一样的，所以就不会触发change事件，因此要解决这个问题，需要做到的仅仅就是找到对应的type为file的input框，对应得去清空value值就阔以了！！！！html代码–一个小小的文件上传的组件 <div class="form-group inputFile"> ...

2019-08-19 16:44:04 787

原创自己做笔记，input框回车键跳转页面的问题，很简单，就判断一下是不是enter键，是就返回false就ok

简单的input框按下回车键跳转首页简单解决方法<input type="text" id="PresentationOpinion" onkeydown="if(event.keyCode==13)return false;" style="width:100%">

2019-08-14 09:22:05 1014

原创简单的一个文件form表单上传以及导入

var form = $("<form>");//创建form form.attr("style", "display:none");//隐藏起来 form.attr("target", "");// form.attr("action", "URL");//请求路径 form.attr("method", "post");// var input1 = $(...

2019-08-03 13:52:16 610

原创一个简单的loding

在这里插入代码片var UploadImgLoding = { //数据加载动画-显示 addLoading: function(text){ text = text || "正在加载..." var oHtml = '<div class="tableBoxBody"><div class="popupBox"&...

2019-02-26 13:39:22 189

原创禁用浏览器的回退按钮的功能

其他浏览器的禁用回退按钮$(function(){ if (window.history && window.history.pushState) { $(window).on('popstate', function () { window.history.pushState('forward', null...

2019-01-17 09:25:26 1074

转载使用uploadify 在ie浏览器报“null”的问题

使用uploadify 在ie浏览器报“null”的问题使用uploadify 3.2做上传页面时，ie浏览器中，遇到一个问题在上传文件的的时候出现不断报JS Error是uploadify页面元素加载后，页面换了，而IE下js无法正常销毁swfupload元素，而使得flash中的错误处理代码报错就是，在阅读技术资料的时候发现swfupload和uploadfy有destroy，那我们手工...

2019-01-17 09:24:02 254

原创禁用浏览器回退按钮

其他浏览器的禁用回退按钮$(function(){ if (window.history && window.history.pushState) { $(window).on('popstate', function () { window.history.pushState('forward', null...

2019-01-15 11:18:58 517

原创网页是否离开此网页的提示包括ie8的

ie8 直接调用浏览器自带的提示//退出事件 window.onbeforeunload = function(e){ //IE兼容 e = e || window.event;  if (e) { e.returnValue = '关闭提示';  }  setTimeout(function(){ setTimeout(bef...

2019-01-15 09:34:00 1006

原创关于一项图片显示弹框的小插件

js的函数代码块 //图片回显预览，查看图片 --#start var showImg_wc_solveProblem = { imgData: [], //图片数组 [{fileName:"123.jpg", fileUrl:"abc/123.jpg"},{fileName:"123.jpg", fileUrl:"abc/123.jpg"}] indexImg: 0, /...

2018-12-05 11:11:48 335

原创 ajax发送请求的时候，能发送成功，并且有成功的返回值，但是进不去success回调函数里面

ajax发送请求的时候，能发送成功，并且有成功的返回值，但是进不去success回调函数里面代码： $.ajax({ url: "batchRejectPrice", type: "POST", async: false, data: { "taskNo": taskNo, "opinion...

2018-11-21 17:24:15 2149 1

原创在art-template模板引擎中，渲染数据的时候过滤时间的代码片段

在template渲染数据的时候，把返回的2017-8-18-18转换成 2017/1/18的代码片段js部分：function dateFormat(date, format) { date = new Date(date); var map = { "M": date.getMonth() + 1, //月份 "d": date.g...

2018-11-20 09:32:08 526

原创 table兼任ie8

对于table兼容ie8首先，在script 的type必须是 type=“text/javascript”在低版本的ie中。使用innerHTML是不能再table里面直接嵌套生成tr或者td所以，必须使用JQ去替换innerHTML 使用 $(“id”).html()低版本的ie不支持高版本的JQ，识别不了$，所以必须要引入低版本的JQ...

2018-11-14 22:10:37 337

原创 qs工具简单使用

关于Vue中，序列化字符串，处理发送请求的参数使用工具qs来处理参数步骤：1、首先先下载npm i qs -D3、然后引入import qs from 'qs'2、qs主要有两个方法方法一：qs.stringify() 转换成查询字符串let comments = {content: this.inputValue}let comValue = qs.stringi...

2018-10-18 21:11:08 2764

原创 node笔记（三）

node一在node中，传递值的时候，第一个值一定是err，后面的才判断是否是数据data二接收参数，使用node中自带的事件接收参数：node中，允许传递大容量的数据，它是分批进行参数的接收在分批接收参数的时候，会频繁的触发data事件，在这个事件中每次接收指定大小的数据var str = ’ ';//chunk：每次接收到的字符串数据req.on(‘data’,(chunk...

2018-09-23 19:17:23 361

原创常用的代码片段存储罐

常用代码片段：一、封装一个在scss 里面使用的，关于文本溢出隐藏的代码片段：注意：$num指的是想在第几行进行隐藏，默认是第一行@mixin ellipsis ($num:1){ display: -webkit-box; overflow: hidden; white-space: normal !important; ...

2018-09-11 19:55:29 523

原创获取url中的某个值的方法

一、关于获取id的代码片段其方法的原理都是获取url 然后进行字符串的截取操作 1 方法一：此为对象的形式，单引函数的情况下要转换成函数形式 function getUrl(){} getUrl: function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"...

2018-09-11 19:52:43 1316

原创关于iscroll插件的一些小用法

一、在使用iscroll的时候的注意事项： 1 引入iscroll.js文件页面中head标签下引入 iscroll.js 2 引入初始化代码片段编辑HTML结构注意 iScroll作用于滚动区域的外层。只有容器元素的第一个子元素能进行滚动，其他子元素被忽略初始化片段：<script type="text/javascript">var myScroll ...

2018-09-11 19:51:31 376

原创关于拓展zepto的方法

一、关于扩展zepto1 为对象增加自定义的方法，如可以这样使用对象增加自定义的方法，如可以这样使用对象增加自定义的方法，如可以这样使用 .show();代码片段为$.extend($, { show: function () { $("body").addClass("waitting"); } });注意：封装成zepto的扩展，是为了在...

2018-09-11 19:50:17 591

原创关于一些表单的验证获取值（持续更新）

一、验证手机号码直接进行正则的判断function checkPhone(phone) { if (!(/^1[34578]\d{9}$/.test(phone))) { return false; } else { return true; }}二、验证码邮箱function checkEmail(myemail) ...

2018-09-11 19:48:38 247

原创关于一些MUI的插件的使用

常用代码片段：一、封装一个在scss 里面使用的，关于文本溢出隐藏的代码片段：注意：$num指的是想在第几行进行隐藏，默认是第一行@mixin ellipsis ($num:1){ display: -webkit-box; overflow: hidden; white-space: normal !important; te...

2018-09-09 20:02:40 1803

空空如也

空空如也