weixin_strponit-CSDN博客

原创 vue项目性能优化

vue项目中性能如何优化在计算属性和template模板中滥用this去读取data中数据会导致多次重复地收集依赖，从而产生性能问题，那要怎么避免这种情况。计算属性中如何避免用ES6对象解构赋值来避免，计算属性的值是一个函数，其参数是Vue的实例化this对象，在上述计算属性中滥用this的例子中可以这样优化。优化前：computed:{ d:function(...

2021-09-18 10:51:27 213

原创怎么解决小乌龟Git(TortoiseGit) gitlab 总是要求输入密码的问题？

@[TOC](怎么解决小乌龟Git(TortoiseGit) gitlab 总是要求输入密码的问题？)怎么解决小乌龟Git总是要求输入密码的问题？TortoiseGit一般也叫git小乌龟，是Git的客户端版本，不需要输入命令，可视化操作，比较人性化，有中文版。当你在用TortoiseGit拉取或者提交代码的时候，可能遇到过git小乌龟总是要让你输入密码，无法拉取、提交代码，见下图。怎么解决这个问题？1.复制私钥文件id_rsa，将复制的文件的文件名改为id_rsa.ppk。2.打开Tor

2021-03-22 16:40:48 1044 1

原创获取url转义之后的后面key值

1、例如 https://editor.csdn.net/md?not_checkout=1&articleId=111070909，获取not_checkout值；getUrlParameter（“not_checkout”）;//值1//获取菜单url参数function getUrlParameter(key) {var url = window.location.search;url = unescape(url);var reg = new RegExp("(^|&)"

2020-12-12 16:38:56 367

原创对于引用文件在打包时的问题总结

打包问题总结一、打包到线上断网的情况下找不到静态资源和vue文件的问题：1、修改打包配置vue.config.js，注释外部引入的cdn资源2、去掉index.html里的外部资源引入代码：3、把需要cdn引入的静态资源放到根目录public文件夹里，这样打包完会自动打出静态资源文件夹，public文件图片如图，不同项目不一下；4、vue.config.js里的publicPath属性，如果到线上是ip/xxx/***.vue的话publicPath：/xxx，否则的话publicPath：

2020-10-14 21:22:10 312

原创 JavaScript内存泄露的4种方式及如何避免

简介内存泄露是每个开发者最终都要面对的问题，它是许多问题的根源：反应迟缓，崩溃，高延迟，以及其他应用问题。什么是内存泄露？本质上，内存泄露可以定义为：应用程序不再需要占用内存的时候，由于某些原因，内存没有被操作系统或可用内存池回收。编程语言管理内存的方式各不相同。只有开发者最清楚哪些内存不需要了，操作系统可以回收。一些编程语言提供了语言特性，可以帮助开发者做此类事情。另一些则寄希望于开发者对内存是否需要清晰明了。JavaScript 内存管理JavaScript 是一种垃圾回收语言。垃圾回收语

2020-08-06 16:51:11 168

原创 vue解决移动端1px边框的问题 border.css

@charset "utf-8";.border,.border-top,.border-right,.border-bottom,.border-left,.border-topbottom,.border-rightleft,.border-topleft,.border-rightbottom,.border-topright,.border-bottomleft { position: relative;}.border::before,.border-top::be

2020-06-30 17:33:29 576

原创 hash #怎么去掉

1、路由mode改为"history";const router = new VueRouter({mode: ‘history’,routes // （缩写）相当于 routes: routes})2、在项目配置文件中，这个是在 sever{}中如下面两种方式修改，这两种方法都行；location / { try_files $uri $uri/ @router; index index.html; }location @router { re

2020-05-09 16:01:24 2268

原创 vue页面跳转后数据竟然没更新

场景：需求是从/post-page/a，跳转到/post-page/b。然后我们惊人的发现，页面跳转后数据竟然没更新？原因是vue-router发现这是同一个组件，然后它就决定要复用这个组件。之前：监听$route的变化来初始化数据 data(){ return { loading: false, } },watch:{ '$rou...

2020-03-16 11:24:32 901

原创如何渲染几万条数据并不卡住界面

如何在不卡住页面的情况下渲染数据，也就是说不能一次性将几万条都渲染出来，而应该一次渲染部分 DOM，那么就可以通过 requestAnimationFrame 来每 16 ms 刷新一次。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name...

2020-03-16 11:05:53 182

原创以utf-8格式进行base64 加密和 base64解密（防止中文乱码）

一、加密方法function Base64() { // private property _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; // public method for encoding this.encode = ...

2020-03-13 20:35:43 4197

原创以ansi ,gbk,gb2312格式进行base64 加密和 base64解密（防止中文乱码）

**直接上代码一、toBase64ByGBK.js封装的是加密解密的方法``**//把Unicode转成Ansi和把Ansi转换成Unicodefunction UnicodeChr() { return '00A4,00A7,00A8,00B0,00B1,00B7,00D7,00E0,00E1,00E8,00E9,00EA,00EC,00ED,00F2,00F3,00F7,0...

2020-03-13 20:29:48 11640

原创优化进阶篇（1）

@[一、优化)1、####DOM泄漏####当原有的DOM被移除时，子结点引用没有被移除则无法回收。var select = document.querySelector;var treeRef = select('#tree');//在COM树中leafRef是treeFre的一个子结点var leafRef = select('#leaf'); var body = select...

2020-01-03 10:35:40 102

原创给vue封装节流的自定义命令

给vue封装节流的自定义命令节流方法：function throttle (method, context) { clearTimeout((method.tId)) method.tId = setTimeout(function () { method.call(context) }, 100) } function resizeDiv () { var di...

2019-12-24 19:16:23 203

原创谷歌开发工具使用方法

1、通过开发者工具监控事件触发Chrome开发者工具以及Firebug都提供了内置事件监控方法——monitorEvents。monitorEvents(document.body, ‘click’);// document.body 元素 ‘click’ 监控的事件unmonitorEvents(document.body, ‘click’);// document.body 元素 ‘...

2019-11-20 11:56:26 237

原创今天，注意到mysql N+1优化

进行优化时，注意到mysql N+1优化流程：先查询1次用户列表、取出列表中的课程ID组成数组、查询课程、合并数据$users = “select * from user”;$course_ids = [];foreach($users as $user) {if(!in_array($user[‘course_id’], $course_ids)){ $course_ids[] ...

2019-11-19 20:26:39 242

原创 ajax调用时参数传错报404

代码如下： let optionsData2 = { getFromMoney:true, data:JSON.stringify({}) } $.ajax({ url :"/df/pay/jx/payaccredit/getPayVoucherForJXZC.do", type : "GET", dataType...

2019-09-06 11:02:08 884

原创 vue双向数据绑定的原理

vue双向数据绑定的原理var keyValue = 88;var obj = {};Object.defineProperty(obj,'key', { enumerable: true, configurable: true, get: function(){ return keyValue; }, set: function(ne...

2019-07-24 16:48:03 122

原创 jquery dataTable汉化方式

jquery dataTable汉化方式jquery dataTable汉化方式jquery dataTable汉化方式1、引入汉化文件：<script src="/df/fb/common/datatables/datatable.default.js">2、汉化提示信息（放到xx.js中，引入即可）/*汉化by lxf qq1140215489*/(function(...

2019-07-18 09:55:43 723

原创 ajax同步请求加上loading遮罩遇到的坑

ajax同步请求加上loading遮罩遇到的坑问题出在ajax被我设置成同步了，浏览器的渲染(UI)线程和js线程是互斥的，在执行js耗时操作时，页面渲染会被阻塞掉。当我们执行异步ajax的时候没有问题，但当设置为同步请求时，其他的动作（ajax函数后面的代码，还有渲染线程）都会停止下来解决方法：1、设置async为true，异步去访问。2、使用jQuery的$("#loading").s...

2019-07-11 11:56:43 1596

原创 js,vue的文本长度校验方法

js,vue的文本长度校验方法后续添加1、校验文本长度； validateTextLength (value) { // 中文、中文标点、全角字符按1长度，英文、英文符号、数字按0.5长度计算 let cnReg = /([\u4e00-\u9fa5]|[\u3000-\u303F]|[\uFF00-\uFF60])/g let mat = v...

2019-07-11 11:09:00 3997

原创 vue中http,axios请求

vue是一个纯前端的框架，需要webapi支持数据。通过http请求webapi就行了。我们既可以用jquery ajax请求，也可以使用axios请求，我们项目中选择了后者。axios里有个拦截器挺好的，它可以在请求发送前，添加请求头及一些工作。const requestInterceptor=axios.interceptors.request.use( config => { ...

2019-07-10 16:35:23 371

原创前端项目开发中重点注意事项

前端项目开发中重点注意事项后面会以此补充个人的理解：1、灵活运用对象思想；2、开发中经常会用的绑定事件例如一种解绑事件$(".prjnumLink").off("click").on("click",function(e){ priceClickRow = viewModel.gridObj.getFocusRow("get"); ...

2019-07-10 15:52:17 950

原创 VUE 组件之间的传递

VUE 组件之间的传递一般提到组件的传递会想到props、$ref 、 emit、emit、emit、parent、children、children、children、root、中心事件bus,后面会继续完善。1.父向子通过 props 传递数据parent.vue <template> <div class="parent"> 父亲：{{mes...

2019-07-06 17:27:49 224

原创动态的更换模板中的组件

通过is我们可以动态的更换模板中的组件<div id="app"> <component :is="currentView"></component> <button @click="handleChangeComponent('component-one')">A</button> <button @cl...

2019-07-04 10:47:54 271

原创 vue项目中在使用vue-router切换页面的时候滚动条怎样自动滚动到顶部？

完整代码例子：import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const Home = { template: '<div>home</div>' }const Foo = { template: '<div>foo</div>' }co...

2019-07-03 17:39:05 401

原创 vue中实现全局的setCookie，getCookie以及delCookie方法笔记

代码如下，后面还会修改import Vue from 'vue'import Vuex from 'vuex'import VueRouter from 'vue-router'import App from '../component/App.vue'import Login from '../component/Login.vue'import UserInfo from '../...

2019-07-03 17:01:31 4674

原创 vue项目中使用axios上传图片等文件

首先安装axios：1.利用npm安装npm install axios –save2.利用bower安装bower install axios –save3.直接利用cdn引入一般情况上传照片有两种方式：1.本地图片转换成base64，然后通过普通的post请求发送到服务端。操作简单，适合小图，以及如果想兼容低版本的ie没办法用此方法2.通过form表单提交。form表单提交图片会...

2019-07-03 16:49:56 828

原创 vue优化项目几点操作

vue优化项目几点操作1、问题：可能很多人在做vue项目打包，打包之后js中，会自动生成一些map文件，那我们怎么把它去掉不要呢？1，运行 cnpm run build 开始打包2，会在项目目录下自动创建dist目录，打包好的文件都在其中解决办法：去src/config/index.js中改一个参数：productionSourceMap:false把这个改为false。不然在最...

2019-07-02 19:44:22 316

原创封一个js元素页面飘动的方法

封一个js元素页面飘动的方法这是代码/*speed //元素移动速度xPos //元素一开始左距离yPos //元素一开始上距离*/(function($) {jQuery.fn.imgFloat = function(options) { var own = this; var xD = 0; var yD = 0; var i = 1;...

2019-06-30 12:23:31 271

原创一些packjson.js和webpack.js的配置

webpack.jsvar webpack = require(‘webpack’);var path = require(‘path’);var precss = require(‘precss’);var autoprefixer = require(‘autoprefixer’);module.exports = {// 入口文件地址，不需要写完，会自动查找entry: ‘./...

2019-06-16 11:24:21 1642

转载 js获取当前ip地址

2019-05-14 11:01:44 2473

原创 webpack-dev-server进行跨越处理

webpack-dev-server开发时可以使用devServerd 的proxy解决。比如我前端的路径为http://localhost:8888，而后端启动的服务为http://localhost:8080，正常来说我们应该在写向后端请求时用8080的接口，比如正常情况下我向后端请求的数据接口为http://localhost:8080/SSM/help/getHelpList，但是会有跨...

2019-05-10 19:10:12 263

原创 js判断是否是合法数字方法

1、isNotANumber = function(inputData) {if (parseFloat(inputData).toString() == “NaN”){return false;} else {return true;}}2、isNumber=function(val) { var regPos = /^\d+(\.\d+)?$/;//非负浮...

2019-04-01 20:08:27 2628

原创 pl/sql乱码问题解决

*******pl/sql乱码问题解决给电脑环境进行配置，在环境变量里添加变量NLS_LANG，变量值SIMPLIFIED CHINESE_CHINA.ZHS16GBK后续，有问题再解决

2019-03-21 12:28:45 241

原创 webpack各部分怎么编写

1、入口函数的编写：const glob = require(‘glob’)function getEntries (globPath){const entries = glob.sync(globPath).reduce((result, entry) => {const moduleName = path.basename(path.dirname(entry)) // 获取模块...

2018-11-27 11:02:41 100

原创使用React-router时如何去掉url上的#号

Router组件的history属性，用来监听浏览器地址栏的变化，并将URL解析成一个地址对象，供 React Router 匹配。history属性，一共可以设置三种值。browserHistoryhashHistorycreateMemoryHistory如果设为hashHistory，路由将通过URL的hash部分（#）切换，URL的形式类似example.com/#/some/p...

2018-11-15 15:53:53 10976 2

原创 nodeJS遍历，替换，重命名文件夹下的所有文件及文件的一些方法

1、遍历当前文件夹下所有文件var fs = require(‘fs’);var path = require(‘path’);//解析需要遍历的文件夹，我这以E盘根目录为例var filePath = path.resolve(‘E:’);//调用文件遍历方法fileDisplay(filePath);/**文件遍历方法@param filePath 需要遍历的文件路径...

2018-11-07 17:06:52 3943

原创如何进行清除web端缓存

对于一个html页面，缓存分3部分，一个是页面内容，一个是css样式，一个是JS文件1、进行清除页面内容//meta标签清理缓存//标签：//如果需要在html页面上设置不缓存，这在标签中加入如下语句：//用于设定禁止浏览器从本地机的缓存中调阅页面内容//Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息...

2018-11-05 11:55:16 5148 1

原创 gulp打包及对应requirejs文件打包

//引入gulp和gulp插件var gulp = require(‘gulp’),// cssmin = require(‘gulp-clean-css’), //压缩cssrunSequence = require(‘run-sequence’),rev = require(‘gulp-rev’), //添加版本号revCollector = require(‘g...

2018-10-29 19:27:34 772

原创注册表相关dword值对应的功能

通过注册表可以加快IE浏览器的打开及一些注册表值的作用@TOC双击运行自己写注册表文件*.reg文件，自己写的*.reg文件Windows Registry Editor Version 5.00[HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main]“DOMStorage”=dword:00000001 //IE...

2018-10-29 19:23:18 2043

myNewGrid.rar

空空如也