![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
灬ManongLai
代码学不完,项目做不完
展开
-
常用的 js-cookie 安装、引用、设置、获取、删除、自定义时长、最大时长
常用的 js-cookie 安装、引用、设置、获取、删除、自定义时长、最大时长原创 2022-11-29 17:32:31 · 1412 阅读 · 0 评论 -
VSCode升级后,npm窗口不见了、VSCode 设置中文
VSCode升级后,npm窗口不见了、VSCode 设置中文原创 2022-11-27 10:56:26 · 487 阅读 · 2 评论 -
nvm下载安装、node缓存设置、node源地址更换
因为Node.js的版本众多,开发时不同的项目可能会使用不同的版本,每次面对不同的项目都要重新安装,版本的切换十分麻烦。原创 2022-11-27 10:34:02 · 1409 阅读 · 0 评论 -
javascript 日期的几个不错的代码段
获取当前日期(年月日 时分秒)/ 校验数据日期距离当前多少天 / 判断哪个日期为最早日期原创 2022-06-02 11:14:03 · 189 阅读 · 0 评论 -
项目中常用表单校验规则,组件中常用rules校验
项目中常用表单校验规则,组件中常用rules校验原创 2022-04-08 11:05:29 · 277 阅读 · 0 评论 -
数据克隆的深浅之法,深度克隆,深度拷贝,浅拷贝,浅克隆
javascript 的深拷贝与浅拷贝原创 2022-04-07 17:34:21 · 373 阅读 · 0 评论 -
javascript 数组的几个不错的代码操作函数
数组几种不错的操作方法,让代码更容易控制原创 2022-04-07 15:13:33 · 553 阅读 · 0 评论 -
Promise 是什么有什么、怎么用
Promise 是一个构造函数,自身函数上有些常用方法,原型上有then、catch 同样很眼熟的方法。原创 2022-03-21 15:20:46 · 172 阅读 · 0 评论 -
node.js 包管理工具 npm,底层依赖,常见内置模块,搭建本地服务
node.js 包管理工具 npm,底层依赖,常见内置模块,搭建本地服务原创 2022-02-25 18:04:19 · 781 阅读 · 0 评论 -
TypeError: Cannot assign to read only property ‘0‘ of object ‘[object Array]‘
报错正文vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: "TypeError: Cannot assign to read only property '0' of object '[object Array]'"found in---> [....文件代码忽略]vue.runtime.esm.js?2b0e:1897 TypeError: Cannot assign to read only pro原创 2021-09-15 10:35:22 · 4555 阅读 · 0 评论 -
项目内的多环境打包。以及多个项目配置打包
一、单个项目多环境配置1.在根目录创建一下文件.env 全局默认配置文件,不论什么环境都会加载合并.env.development 开发环境配置文件 development 模式用于 vue-cli-service serve.env.production 生产环境配置文件 production 模式用于以下两个script命令 vue-cli-service build vue-cli-service test:e2e.env.test原创 2021-08-06 18:00:41 · 573 阅读 · 0 评论 -
Vue3项目引用TS语法实例
基础语法定义data//script标签上 **lang="ts"**<script lang="ts">import { defineComponent, reactive, ref, toRefs } from 'vue';//定义一个类型type或者接口interface来约束datatype Todo = { id: number, name: string, completed: boolean}export default defineComponent原创 2021-07-29 18:07:52 · 11646 阅读 · 0 评论 -
Vue 项目使用 axios 相关解说
介绍Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。点击看这个吧从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRFget请求axios.get('/user', {params: {ID: 1111}}).then(function (response) { console原创 2021-08-04 11:38:19 · 238 阅读 · 0 评论 -
uniapp消息推送-代码篇笔记
给推送绑定事件plus.push.addEventListener( 'receive', function (msg) { // 分析msg.payload处理业务逻辑 createLocalPushMsg(msg) }, false)创建本地推送let cnt = 0function createLocalPushMsg(msg) { var options = { cover: false, title: msg.title, when: new原创 2021-07-28 16:38:35 · 858 阅读 · 0 评论 -
列表排序
3C官网demofunction sortNumber(a,b){return a - b}var arr = new Array(6)arr[0] = "10"arr[1] = "5"arr[2] = "40"arr[3] = "25"arr[4] = "1000"arr[5] = "1"arr.sort((a,b)=>{ return a - b})//从小到大排序//> 输出结果:1,5,10,25,40,1000添加大小互切排序arr.sort((原创 2020-12-02 17:10:58 · 96 阅读 · 0 评论 -
H5页面新增二维码、条形码扫描识别功能
创建扫描成功回调onmarked(type, result) { // let {barcode} = this let text = '未知: '; switch(type){ case plus.barcode.QR: text = 'QR: '; break; case plus.barcode.EAN13: text = 'EAN13: ';原创 2020-12-02 11:22:13 · 3770 阅读 · 0 评论 -
Echerts图形化工具的Map数据,地图Echert的json数据
点击一下传送门查看传送门…Go原创 2020-10-27 13:49:30 · 272 阅读 · 0 评论 -
表格懒加载与表格动态数据后横向对不齐
懒加载let dom = this.$children[1].$refs.ydjlTable.bodyWrapperdom.addEventListener("scroll", function () { const scrollDistance = dom.scrollHeight - dom.scrollTop - dom.clientHeight; if (scrollDistance <= 0) {//等于0证明已经到底,可以请求接口 console.log原创 2020-10-14 17:53:17 · 195 阅读 · 0 评论 -
Vue项目 Element ui 框架简单直接的 div onresize ,实时监听 div 的大小变化再执行某些逻辑
安装组件: element-resize-detectornpm install element-resize-detector -S使用组件import erd from "element-resize-detector";我是放在mounted 方法内执行的erd().listenTo(document.getElementById("pageBox"), element => { this.$nextTick(() => { //监听到事件后执行的业务原创 2020-10-14 14:53:13 · 1400 阅读 · 0 评论 -
JS 列表排序,javascript 常用的排序代码段
1.冒泡排序从第一个元素开始,把当前元素和下一个索引元素进行比较。如果当前元素大,那么就交换位置,重复操作直到比较到最后一个元素function bubbleSort(arr) { if (Array.isArray(arr)) { for (var i = arr.length - 1; i > 0; i--) { for (var j = 0; j < i; j++) { if (arr[j] > arr[原创 2020-10-09 14:45:30 · 2219 阅读 · 0 评论 -
前端跨域有哪些,跨域分别哪几种,前端怎麽实现跨域
有以下几种jsonp / cons / postMessage / document.domain / window.name / location.hash / http-proxy / nginx / websocket1.jsonpfunction jsonp({url,params,cb}) { return new Promise((resolve,reject) => { let script = document.cneateElement('script'); win原创 2020-08-15 23:54:56 · 289 阅读 · 1 评论 -
uni-app中封装自己的数据请求方法
const BASE_URL = 'http://localhost:8082'export const myRequest = (options)=>{ return new Promise((resolve,reject)=>{ uni.request({ url:BASE_URL+options.url, method: options.method || 'GET1, data: options.data || {}, success: (res)=>原创 2020-08-12 19:34:43 · 704 阅读 · 0 评论 -
深度理解数据类型检测,让自己都封装一个数据类型检测
typeof直接在计算机底层基于数据类型的值(二进制)进行检测tyepof null “object” 对象存储在计算机中,都是以000开始的二进制存储,null也是,所以检测出来的结果是对象typeof 普通对象/数组对象/正则对象/日期对象 “object”console.log(typeof a); //'undefined'console.log(typeof(true)); //'boolean'console.log(typeof '123'); //'stri原创 2020-08-10 22:53:30 · 163 阅读 · 0 评论 -
JS中this的五大精要,基于 call / apply / bind 流氓暴力式改变this,以及使用Object改变this
this精要1. 元素的事件绑定,事件触发,方法执行,方法中的this一般都是当前元素2. 函数执行,看前面是否有“点”,有,“点”前面是谁this就是谁,没有,this就是window(严格模式下是undefined) - 匿名函数或者回调函数中的this,window居多3. 构造函数体中的this是当前类的实例4. 箭头函数中没有自己的this,this都是上下文中的5. 基于 call / apply / bind 流氓暴力式改变thislet obj = { name: '原创 2020-08-10 22:07:28 · 117 阅读 · 0 评论 -
Javascript 同步和异步,ajax/promise/async+await的理解
同步和异步什么是同步意思大概就是执行完一步后再执行下一步(执行队列依次执行),如:console.log(1);console.log(2);console.log(3);=> 1=> 2=> 3什么是异步意思就是下一步无需等上一步完结后再执行,就如下一步可以独立新队列自己执行而不同等待上一步完结console.log(1);setTimeout(()=>{console.log(2);},200);console.log(3);=> 1=>原创 2020-08-06 12:48:57 · 998 阅读 · 0 评论 -
Jquery 插件封装,扩展 Jquery 库,如何封装一个Jquery 插件
语法;(function ($) { $.fn.xxxxx})(jQuery);自己的方法//获取父标签高度,设置该class的div高度,setUpObjParentHeight : function(o){ var defaultValue = { obj : null, //控制对象 czVal : 0 //高度容差值 }; o= $.extend({}, defaultValue , o || {});原创 2020-08-03 22:40:32 · 302 阅读 · 0 评论 -
Vue组件之图片文件上传,类型转换和文件校验。基于Element ui 框架
html代码<el-upload drag action :auto-uploads="false" :show-file-lists="false" :on-change="changeFile"> <i class="cl-icon-upload"></i> <div classs="el-upload_text"> 将文件掩到此处,成 </div></el-upload> I<! — IM原创 2020-08-01 22:16:30 · 896 阅读 · 0 评论 -
Vue 数组没深度监听,导致数据变化了,视图不变化的解决方案
前言在我们项目中 或多或少 会有些 数组 嵌套 对象 ,然后 对象 内嵌套 数组,从而在Vue项目中,针对数组达不到多层次的监听,让我们的视图做不到随意变化而在网上搜罗了下解决方案:使用 :this.$set(this.data, 'attrName', 'value')- this.$set( 要绑字的数据,添加或修改的属性名称,要赋的值 )在我们变化值后,执行:this.$forceUpdate() 重新渲染视图层解决方案在拿到值后,改变 Vue 能监听到的变量,从而达到 值变原创 2020-07-29 10:04:58 · 1173 阅读 · 0 评论 -
美化你的文章或者新闻列表,多出内容以 “...” 省略号代替
美化成一行,多出的省略号显示.style{ white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}美化成2行,多余省略号.style{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-o原创 2020-07-23 21:16:03 · 135 阅读 · 0 评论 -
Echerts的一些另类参数(宽度、内容被隐藏、渐变、饼图上显示文字)
echerts Vue 项目中另类参数,柱状图设置宽度、设置渐变、设置内容超出被隐藏的处理、饼图上显示文案原创 2020-07-13 14:49:42 · 245 阅读 · 0 评论 -
Vue项目使用 Echarts ,本主使用的Cli4版本,可能有相关语法差异。请谅解
Echert 地址https://echarts.apache.org/zh/download.htmlEchert 案例地址https://echarts.apache.org/examples/zh/index.html#chart-type-custom项目安装import echarts from 'echarts';Vue.prototype.$ech = echarts;组件上使用:添加ID<div id="wptjEchBox"></div>原创 2020-07-10 17:09:07 · 932 阅读 · 0 评论 -
vue cli4 项目内 scss样式表里添加背景图的路径问题
在APP.vue里引用<style lang="scss"> @import '~@/assets/css/style.scss';</style>文件内的带有背景图的样式写法&.icon-box07{background: url(~@/assets/img/img-sysm-icon-07.png) no-repeat center;}不用添加任何配置文件以上的 ~ 是借助webpack的前缀以上的 @ 是vue里webpack默认的项目代号,指原创 2020-07-08 14:56:37 · 1990 阅读 · 0 评论 -
vue框架的路由传参
路由传值1.this.$router.pushthis.$router.push({ path: '/', query: .... });2.router-link<router-link :to="{path:'/',query: .... }" >XXXXX</router-link>路由取值this.$route.query.userId原创 2020-07-03 16:12:51 · 209 阅读 · 0 评论 -
SCSS语法的使用,杠杠的资源。新手学习SCSS入门
创立的初衷只是给自己方便观看,便于下次项目使用 O(∩_∩)O哈哈~定义变量与使用$color:pink;$right:right;.test1{ background-color:$color;}>> .test1{background-color:pink;}.test2{ border-#{$right}:1px solid #000;}>> .test2{border-right:1px solid #000;}常用的根级写法.text3{原创 2020-06-19 14:34:00 · 210 阅读 · 0 评论 -
git 本地项目与远程地址建立连接
建立好远程仓库与本地项目地址后在本地项目文件夹内初始化gitgit init复制远程项目路径地址,后执行:git remote add origin 远程仓库地址连接建立了,将本地提交至缓存区git add .缓存后,再提交至本地git本地仓库git commit -m '当前提交的相关描述'最后推送至远程仓库git push -u origin master或者强制推送git push -u origin master -f好了步骤到此结束,欢迎留言跟进...原创 2020-06-19 10:28:12 · 1590 阅读 · 0 评论 -
博主的VUE项目报错汇总。
报错一浏览器常报错:Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.报错缘由未注册info-table组件报错解决1.创建info-table实例(已创建可忽略)2.引用info-table组件import infoTable from '@/components/Sysm-原创 2020-06-18 09:39:25 · 184 阅读 · 0 评论 -
原生JS 与 VUE获取父级、子级、兄弟节点的方法 及一些DOM对象的获取
原生先获取对象var a = document.getElementById("dom");vue先添加ref <div class="" ref="divBox">获取对象let a = this.$refs.divBox获取父、子、兄弟节点方法var b = a.childNodes; 获取a的全部子节点 var c = a.parentNode; 获取a的父节点var d = a.nextSbiling; 获取a的下一个兄弟节点 var e = a.previ原创 2020-06-11 14:34:25 · 6299 阅读 · 3 评论 -
Element ui 简单直接的 table 自适应高度方案
创建高度变量data(){ return { tableHei : 0 }}给table应用变量<el-table :height="tableHei"></el-table>利用onsize获取最新高度并改变高度变量window.onresize = () => { return (() => { this.tableHei = this.xxx.winHei(330).toString()原创 2020-06-10 16:19:15 · 1289 阅读 · 0 评论 -
VUE cli4 项目跨域解决方案与axios的baseUrl
跨域在根目录下建立JS文件:vue.config.js,添加一下代码devServer: { proxy: { '/apis': { target: 'http://192.168.16.37:8083', // target host ws: true, // proxy websockets changeOrigin: true, // needed for原创 2020-06-06 17:24:25 · 1148 阅读 · 0 评论 -
本地项目要提交到 gitee上托管,从本地仓库连接到远程仓库
1.登录gitee 建立仓库2.上传本地仓库3.输入提交命令 git push如有:fatal: The current branch master has no upstream branch.To push the current branch and set the remote as upstream, use git push --set-upstream origin master4.再输入 git push origin master如有以下报错To ht原创 2020-05-22 10:14:06 · 359 阅读 · 0 评论