- 博客(21)
- 收藏
- 关注
RSS订阅原创 javascript 自定义多选框实现 ag-grid中没有原生多选框
特别注意：使用props获取不到cellRendererParams中的值，ag-grid的cellRendererParams传值不会传到vue的props中。前提：elementui的多选框无法再ag-grid中正常显示，ag-grid没有原生多选框，通过js设计一个多选框。若想在下例中阻止li上的事件冒泡，则有以下几种方法。1.点其他地放取消显示。2.定位下拉框出现位置。1.父子间refs传值。
2024-10-11 22:47:38
363
原创 不通过代码绕过浏览器跨域检测（权宜之策）
上述代码是以edge浏览器为例，找到的可执行文件名为msedge.exe，最后的"D:\temp"为自己新建的一个有效目录，保证其中为空。此方法仅供测试开发时临时绕过跨域问题使用，实际应用环境中若遇到跨域问题，还需通过代码解决。运行该命令后，会打开一个新的浏览器窗口，在此窗口上运行自己的代码，均不会有跨域检测。通过属性找到浏览器可执行程序目录。
2024-01-25 15:29:21
520
原创 C++ 类与容器积累
笔者刚开始学习C++基础，对于很多概念都没有深刻理解，在自学中尝试各种写法，踩各种坑，记录一些心得体会。在自定义类中声明一个容器：class Student{ private: int age = 18; vector<int> v{1,2,3}; //vector<int> v2(3);//这种写法编译报错 //vector<int> v3; //这种写法可以通过 public: Student(int a, vector<int&
2022-04-08 15:58:50
852
原创 windows操作系统下使用linux命令切换硬盘分区
系统:windows安装Cygwin，在Cygwin中使用linux命令。输入 cd D:即可以转换到d盘。
2022-03-25 14:54:27
1146
原创 vue渲染页面时，不显示变量名
使用vue 的双向绑定时，页面开始渲染时，在变量处会有一瞬间显示变量名，效果如下：这种显示不好看，在前端用户不会想看到这种无法理解的东西。解决方案： <style> [v-cloak]{ display: none; } </style> <div id="container" v-cloak> ... </div>在使用vue的元素上加上v-cloak，s
2021-03-22 10:32:15
439
原创 tortoiseGit向线上仓库push代码，多次输入用户名密码问题
在C盘搜索.gticonfig，打开此文件，在里面将helper修改为如下所示：[credential]helper = store
2021-01-28 11:20:03
154
原创 vue组件间通信
参考文章：https://segmentfault.com/a/1190000019208626vue父子组件间通信可以用prop完成，跨级通信则要用attrs来实现。1.$attrs实现跨级通信父亲组件：<template> <div> <p>father组件</p> <p>msg1:{{msg1}}</p> <hr> <son1
2020-06-16 15:33:21
155
原创 uniapp一张图片在另一张图片上面
一般css解决一张图片在另一张图片上面的问题：<div> <img src="..." class="img1"> <img src="..." class="img2"></div>css部分：.img2{ position:absolute; z-index:2;}原理就是设定position为非默认值，然后设定z-index的值调整图层就行了。数值越大，图层越靠前（或者说在上面）而在uniapp中，因为使用了组件image，所
2020-06-08 15:31:15
6734
2
原创 css实现使一个div位于页面正中间
笔者例子取于vue项目中<template> <div class="login"> <div class="topbar"> <p>欢迎登录天下酒店客房管理界面平台</p> </div> <div class="loginbox"> </div> </div><
2020-05-24 15:45:19
5170
原创 css实现背景透明，背景中文字不透明
代码如下所示：<div class="login"> <div class="topbar"> <p>欢迎登录天下酒店客房管理界面平台</p> </div></div>如果用opacity来控制透明度，即代码为：.topbar{ width:100%; opacity:0.5; padding:15px 10px; p{ color:white; margin: 0;
2020-05-24 15:30:05
279
原创 jQuery获取当前元素是其父元素的第几个元素和获取当前元素的第n个子元素的方法
例子如下<ul> <li>第1项</li> <li>第2项</li> <li>第3项</li> <li>第4项</li> <li>第5项</li></ul> 1.获取当前元素是其父元素的第几个元素$('ul>li').mouseover(function(){ console.log($('ul>li').index($(this)
2020-05-21 10:44:17
1664
原创 jQuery中this和$(this)的区别
jQuery有许多方便的方法，这正是我们希望使用的东西。但是jQuery方法仅限于jQuery对象，所以我们在使用一个jQuery方法时，一定要注意自己是否获取到的是jQuery对象。而我们熟知的使用jQuery选择器获取的对象，当然是jQuery对象。如果想在一个事件方法的回调函数中选择触发这个事件的jQuery对象，就要用$(this)来选中。当然了直接使用this得到的是dom对象，那就只能使用js中的dom对象的方法。看一段代码： <div class
2020-05-21 10:19:35
337
原创 vue中不通过./build/webpack.base.conf.js 配置使用jquery
在使用vue-cli搭建的项目中，是无法直接在组件中使用jquery的。如果想使用，要先进行一些配置。网上许多文章都是介绍如何在./build/webpack.bace.conf.js文件中配置使用jquery，但是有些人的项目目录中没有./build，这应该只是脚手架搭建的目录结构不同。这时候应该找node_modules/@vue/cli-service/webpack.config.js这个文件，进行配置。1.安装jquery$ cnpm install jquery -S或者$ npm
2020-05-20 19:02:44
4928
原创 javascript获取元素的类名
var cla = document.querySelector('i'); var result = cla.getAttribute('class'); console.log(cla); console.log(result);浏览器端控制台显示：关键方法：document.querySelector()getAttribute()参考文章：https://blog.csdn.net/woshi...
2020-05-20 17:38:35
3131
原创 vue中的class绑定
本文将介绍如何动态绑定html元素的class与style。首先绑定class的方法有：1.对象语法绑定 <div class='sortList'> <ul> <li v-for="item in list"> <i v-bind:class="class1:class1Data,class2:class2Data">font-size</i>{{item.sort}} </li> <
2020-05-20 17:15:47
239
原创 Vue实战项目个人总结
开发项目流程1.项目需求分析2.项目工期评估3.项目责任划分前端：静态页面制作前端框架选型（选择vue之类的框架）前端页面架构（文件的划分，架构的模式等等）后端：数据库开发API接口文档API接口实现一、初始化项目静态布局demo(用来预览网页效果，里面的数据都为静态的数据)数据接口apiVue脚手架搭建创建远程仓库按照上图指示创建git远程仓库，并用g...
2020-05-06 16:25:40
3535
原创 在vscode编辑器中，在.vue文件中使用html代码补全功能
笔者vscode版本：1.42.1首先在vscode的应用商店中搜索HTML Snippets如下图所示：点击首选项里的设置，出现：在常用设置里面寻找setting.json。笔者的情况是直接在右边区域里用滚轮滑到目标区域，不需要通过搜索栏里搜索。点击在settings.json中编辑，则会打开一个settings.json文件。如下图：笔者的settings.json文件...
2020-04-04 21:45:18
1214
原创 JS中cookie与jQuery中cookie插件学习心得
JavaScript中的cookie为一个document对象。调用时的语法为document.cookie。cookie的添加function SetCookie(name, value, day) { var exp = new Date(); //获得当前时间 exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000)...
2020-03-28 09:19:56
196
原创 vue2.0基础知识学习心得
vue2.0基础知识学习心得概述：首先vue是建立在JS之上的一种框架。所以vue中的一切指令、事件和组件都是JS中方法、事件和对象的延伸和包装。结合JS知识，看清vue中新概念的在JS中的本质，有助于同时加强对vue和JS两者的理解。不难看出Vue就是一个精心设置的类，其中包括了component()方法自定义组件，也包括了filter()自定义过滤器。而组件其本质也是一个类。一.组件...
2020-03-26 17:33:16
314
原创 静态网页编写练习(个人总结)
良好的分类意识和整体框架，无论是html文件还是css文件。层次清晰，结构得当会让人少写很多重复代码。在网页外观设计中，有同一结构的复数段代码最后封装在一个div中，方便同一编写它们的共性，也好做遍历等操作。例如选项卡中有四个选项，各自对应的内容都显示在下面的区域中，就可以将这个四个不同的内容封装到同一个div中，方便编写。...
2020-03-21 21:45:29
851
原创 html文件中引用小图标
html文件中引用阿里巴巴矢量库图标你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的...
2020-03-12 17:07:18
1970
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人