- 博客(45)
- 资源 (1)
- 收藏
- 关注
原创 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地址
<script type="text/javascript">function getUserIP(onNewIP) { // onNewIp - your listener function for new IPs //compatibility for firefox and chrome var myPeerConnection = window.RT...
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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人