墨雪遗痕-CSDN博客

Web篇之JS性能优化首先，性能优化分好几个方面，本章我们从js方面来优化。1：垃圾收集日常中的某些情况下垃圾收集器无法回收无用变量，导致的一个结果就是——内存使用率不断增高，以下为对应的情况以及处理方法。①对象相互引用会导致引用计数始终为2，所以用完对象后应将引用设为null，例子如下let element = document.getElementById("test");let myObject = new Object();myObject.element = element;ele

2021-11-05 10:44:25 135

原创 nuxt asyncData请求数据失败的问题如何解决

失败原因折磨，折磨，asyncData请求数据，流程很离谱首先，asyncData只在页面级别的组件中才会执行其次，也是重点如果你看见这个了，那么，你就遇到问题了我通过process.client以及process.server发现第一次进入页面，asyncData里的请求，是在客户端请求。第二次进入页面，asyncData里的请求，是算服务端的。而服务端的请求，不会走代理，于是会自动在本地的127.0.0.1:80去请求数据遇到的问题然后，因为这两个奇怪的流程，就出现了：第一次不

2021-10-20 16:13:02 2861 2

原创关于vue和nuxt的env配置。

VUEenv配置是为了前端能够根据不同的环境，在一些功能上有不同表现。如请求数据的接口。为了不用频繁修改这些配置，可以配置env来让程序中有一个很方便的判断环境的属性，或者是可以直接使用当前环境的特定配置的属性。首先在根目录放三个固定文件这三个文件，命名固定，不能乱改。.env：基础配置项，无论在哪个环境运行，都会加载里面的内容.env.development:开发环境会加载，而且相同的配置项会覆盖掉.env中的.env.production:生产环境会加载，而且相同的配置项会覆盖掉.env中

2021-10-07 12:19:18 3102 5

原创 nuxt asyncData应该注意的一个问题 asyncData不执行问题

asyncData只在页面组件级别会被调用，而页面组件的子组件级别，根本就不会执行！很简短，但是很重要。

2021-10-06 17:10:14 1710 1

原创 axios delete请求携带request payload

最近遇到个需要在delete请求中，既要在路径中传参数，又要携带request payload参数的问题然后百思不得其解，不知道咋才能给delete带上request payload最后找了半天才知道，需要传递的数据，需要用对象保存，键名是data// 删除路径下的课程export function delWayClass(params) { return del(`/admin/course/path/deleteCourse?pathId=${params.pathId}`, { data

2021-09-28 14:49:24 803

原创 vue+element写后台管理系统时，表格和分页功能的一个注意事项（容易忽略的重要细节）

用vue+element 写后台管理系统，是很常见的项目。其中，element的table表格和分页功能，常常会配合使用。这里，有一个关于删除的重要细节如图示，在表格只有最后一条数据时候，删除的请求，如果只是把id上传去删除，然后做请求成功和失败的处理，就会出现删除后，重新获取所有列表的页码仍然是第二页。但实际上删除了这条数据，应该只剩下一页的数据数据了。导致页面出现暂无数据。如图中，删除后，重新请求所有数据的请求，页码是2，但实际上，页面只剩下1页了，所以请求不到数据。于是，我们应该在删除后，

2021-09-27 11:13:49 261

原创跨域，为解决跨域的代理原理是什么？vue2中如何配置跨域

在js使用ajax请求后台接口的数据时，新人会遇到跨域问题，也许你已经通过百度，知道了怎么通过代理解决跨域问题，那么，原理是什么？当遇到跨域情况时，控制台会有以下类似的报错*Access to XMLHttpRequest at ‘xxxxxxxxxxxxxxxxx’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No‘Access-Control-Allow-Origin’ header is presen

2021-09-25 22:56:32 293

原创 vue+element的面包屑导航，动态实现（简单好用）2021-09-23

element的面包屑导航没有切换事件，没有各种动态绑定什么的，但是面包屑却需要随页面变化而层级变化这里，我采用watch监听加判断来搞定<template> <el-card>  <el-breadcrumb class="bread" separator-class="el-icon-arrow-right"> <el-brea

2021-09-23 10:31:39 1970

原创 js-函数的call方法原理是怎样的

注意，这里只是去演示原理，实际上，这个call方法内部实现方式可能会有细微差别，但原理就是这个样子。 // 直接在Function的原型上添加 Function.prototype.callfunc = function (context) { // 按照js函数接收参数的规则，这个context就是第一个传入的参数 // 也就是传入的要作为this 的对象不传入，就是window var content = context || window

2021-09-08 16:34:34 126

原创关于javaScript中的防抖-debounce与节流-throttle

关于js中的防抖首先，什么是防抖？是用来解决什么问题的？防抖，是一种用来优化性能的技巧例子：一个用于搜索的input输入框，希望可以输入内容后，自动出现一个下拉列表，列表中是可能的搜索项，如果单单给input加入change、keyup等事件，其实会很浪费性能，一般来说，应该是用户输入完后再给出一些输入建议。这里给出代码和解释 //这里拿到input输入框 let searchInput = document.getElementById('input') //这里定义一个变量，来保存延

2021-09-06 23:43:15 81

原创 dart-运算符-条件表达式

运算符main(List<String> args) { // dart 包含其他语言也包含的加减乘除运算符 // 特别的 int a=13; int b = 5; print(a~/b);//取整 var c = a*b; print(c); // &&是并 ||是或与js相同 //赋值运算符除了 = 还有个??= var d=null; d ??=23; //??= 就是变量的值为null的话，就把右边的值赋值给他

2021-07-20 19:50:11 78

原创 dart-数据类型

main(List<String> args) { // string 字符支持三个单引号支持换行 var str1="abc"; var str2='abc'; var str3=''' abc cba '''; // 类似于js 的模板字符串 print("${str1} ${str2} ${str3}"); // 还能能简写但是这种方式不是所有情况下都可以的,$后面跟个变量就可以但是如果后面是个表达式，就要用${} print("$

2021-07-20 19:47:31 136

原创 dart-变量-常量

变量/* dart是强类型语言变量需要明确类型 */ String name = 'what'; int age = 18; double height = 1.65; // 检测数据类型 print(name.runtimeType); // 类型推导根据输入的内容，自动定义类型但是不代表更改时候可以更改其他类型 var message = 'world '; 常量 // const / final 定义常量 main(Lis

2021-07-20 19:45:26 75

原创 dart-关于main函数体

// dart的入口函数是main函数// dart中打印内容使用print/* 1 简化main函数 main(){ print('你好 hello'); } */ /* 2 完整的main函数函数的返回值类型函数名称(参数列表){ 函数体 }*/// List 相当于 JS中的Array// 就如ts里的泛型，这里也有泛型void main(List<String> args){ print('hello flutter'); pr

2021-07-20 19:39:52 372

原创 nest 服务与cookie 2021/7/16

服务Nestjs 中的服务可以是 service 也可以 provider 他们都可以通过 constructor 注入依赖关系服务本质上就是通过@Injectable() 装饰器注解的累在 Nestjs 中服务相当于 MVC 的 Model在服务中，可以封装公共的功能或进行数据库操作nest g provider 或 service 都可以创建服务在服务中可以去定义一个个方法然后在控制器中去使用像这样，先引入并进行以来注入import { ListService } from './

2021-07-16 14:28:30 223

原创 javascript检测是正常浏览器，还是微信2021-07-15

“共同性，共鸣” // 检测是否为微信端浏览器 const terminal=()=>{ let ua = window.navigator.userAgent if(ua.indexOf('MicroMessenger')!=-1){ return true; } else { return false; }}//是微信端浏览器就返回true，否则就返回false...

2021-07-15 18:48:34 64

原创 nest 模板引擎重定向 2021/7/15

“在这种共同到来中，我们带着深刻的确信（一起）懂得了，我们使之产生的任何一件事，既不是因你而来，也不是为我而存在，而是因为我们。”进入正题 nest的模板引擎，引擎选择有很多种类这里使用ejscnpm i ejs --save 这里使用ejs 首先在main.ts中配置第一步 // 配置模板引擎目录 app.setBaseViewsDir('views'); 第二步 // 配置使用的模板引擎 cnpm i ejs -

2021-07-15 09:57:19 346

原创 vue template 新发现的使用数据方式 2021/7/14

我们先来个例子这是我公司项目中的一部分，前辈写的代码的一部分 <a href="javascript:;" :class="[anchorIndex == 1 ? 'active' : '']" v-show="tablistCon2.navigationId" @click="clickOffset('loca2', 1)" >{{ tablistCon2.navigationTitle }}</a&gt

2021-07-14 09:49:56 200

原创 nest基础笔记 | 路由 2021/7/12

今天跟我组长花了不少时间去把公司项目中，我几天前的写的代码抽离出去，天，抽离出去，恶心的头疼，难搞的要GG，还要保存到之后再加回去。使用的工具是sourcetree 哪怕用这种可视化的git工具，也是麻烦事情。不过emm搞完后我学会了新东西然后进入正题，nest.js笔记# 项目启动npm run start 普通启动项目npm run start:dev 有热更新的启动项目# 基础路由@Get 需要引入，然后这个装饰器就是 get 方法请求，也是路由。通过配置参数来实现而新建控制器

2021-07-12 18:50:46 215

原创 element 半自动化按需引入（全局引入那种，而不是单组件的）2021-07-09

首先，必须要做的引入// element-ui.jsimport Vue from 'vue' import { Container, Header,} from 'element-ui'常规按需引入：Vue.use(Container)Vue.use(Container)这样做，当需要添加新的插件时候，需要两步先复制粘贴Vue.use(xxx)再复制粘贴插件那么自动化情况就像这样，把第一步给省去了，直接复制插件名，然后放到这个数组里面就可以了，算emmm半自动吧

2021-07-09 19:15:06 139

原创富文本得到的数据中去除字符串中的html标签 2021/7/8

// 最近遇到个问，富文本插件得到的数据，里面是包含html标签的，/ /因为js中没有专门去除的方法，所以就用正则表达式来去除了let str = "<p>啥东西</p>"str = str.replace( /<\/?.+?>/g , '')console.log( str ) //啥东西...

2021-07-08 11:43:34 300

原创 vue watch侦听器侦听对象内的一个单独属性 2021-07-08

data(){ return { form:{ user:"", password:"" } }},//如果你想单独去侦听那个userwatch: { //这样做就只会侦听这一个东西了，也就不必去侦听整个form，还要开deep深度监听 'form.user'(n, o) { //code... } }...

2021-07-08 11:39:04 126

原创我发现了最简单的，javaScript把伪数组(NodeList)变成数组的方式

//当我们有需要把一些html的标签元素们，进行遍历时候，//emmm怎么说呢，总之要把HTMLCollection这种伪数组变成数组来用时候//通常我们是[].slice.call(document.getElementsByClassName('class'))//亦或者是let arr=[]let nodelist=document.getElementsByClassName('class')for(let i = 0;i < nodelist.length;i++){ arr

2021-05-09 22:27:18 135

原创 JavaScript的this是什么，用来干啥？

JavaScript的this是什么，用来干啥？在函数执行的时候，函数内部会在底层上自动创建两个变量 arguments和this标准一些的讲 this指向函数的上下文通俗来说：一般情况下一个函数，是谁调用的，this就指向谁对于构造函数来说，this会指向由这个构造函数创建的实例call方法、apply方法，可以改变一个函数的this指向到你指定的对象...

2021-03-06 23:53:44 218 2

原创那些编程中，遇到的十分奇怪的事情(1)

JavaScript比较符与那些特殊的 “数值”js的比较符号让我发觉了一些奇怪的问题比如NaNif(NaN>=0){ console.log('NaN>=0')}else if(NaN<0){ console.log('NaN<0')}//以上的都不会执行，全都是false //但是逻辑上，一个值不大于等于另一个值，那就一定是小于，//可这东西却全都是false知道更奇怪的是什么不？console.log(NaN)//这东西，居然返回的是number

2020-09-23 10:53:18 88

原创 php的单双引号是有区别的！！

php的单引号与双引号，居然是不一样的我是个php初学者，突然发现，php的单双引号并不一样。$v1="csdn"; //给变量赋值字符串时候，似乎是没什么区别的//双引号echo "$v1"; // 这个会输出csdn//单引号echo '$v1'; // 这个会直接输出$v1//如果想在单引号中使用变量echo '{$v1}';//也不是很麻烦似乎双引号才会被进行解析，而单引号则不会。这样一来，单引号的效率高于双引号是必然的；这是个小细节，在很多时候，可以去区分字符串引号的使

2020-09-21 08:13:15 110

原创关于php的闭包学习

php的闭包函数（closures）和匿名函数是联系的比如：$v1=function(){} //这就是一个匿名函数，没有直接定义名字，而是用一个变量保存起来//由于是变量保存，所有里面的内容是可以被替换的，//普通的函数定义方式类似于常量保存，只能有一个，且不能修改PHP在引入闭包之前，也有一个可以创建匿名函数的函数：create function，但是代码逻辑只能写成字符串，这样看起来很晦涩并且不好维护，所以很少有人用。实现闭包，是在函数里面嵌套一个或多个函数function fun1

2020-09-16 10:38:24 115

inksnowHL的博客

原创 scopeinject vue3-vite-ts 插件

原创 echarts vue3 组件封装使用

原创关于网站截图功能的几种方案

原创提高代码质量的一个法则

原创关于创建vue3项目 vscode的vetur插件依然报错需要template有根标签解决方法

原创 vue 库模式打包批量

原创 functionPlot.js 拿到y轴函数某个点的位置以及各种接口

原创 nodejs 压缩文件

转载 2021-11-05 js 性能优化