前端
文章平均质量分 58
爱的叹息
to be or not to be ,this is a question
展开
-
前端CSS 给span加上边框,看起来像个按钮
前端CSS 给span加上边框,看起来像个按钮原创 2023-04-07 15:59:41 · 325 阅读 · 0 评论 -
记一次vue的显示隐藏组件的血泪史:v-if PK v-show
事情是这样的,最近要修改一个页面,这个页面是别人的,我不想改的太多,其中有个要求是去掉一列显示,这个做法一般有两种,一种是直接在代码里把对应列完全删除,另一种是通过显示隐藏方式控制列显示,原创 2023-04-06 15:16:44 · 419 阅读 · 0 评论 -
js对象克隆的几种方法
在js中对象克隆就是把对象值重新赋给一个新对象。克隆也存在深克隆于浅克隆的区别。引用类型的值都会被保存在堆内存中,在栈内存中会存在一个指针指向堆内存中的值。这时,如果只复制了指针,则可以说这个克隆为浅克隆,如果时根据指针找到具体的值,复制值,就可以称之为深克隆。翻译 2022-11-23 11:32:56 · 6372 阅读 · 0 评论 -
js中对数组的增删方法:push(),pop(),unshift(),shift(),splice()的用法小结
js中对数组的增删方法:push(),pop(),unshift(),shift(),splice()的用法小结原创 2022-10-25 14:28:49 · 1520 阅读 · 0 评论 -
查询字段较多时可以添加普通查询和高级查询两种情况
查询字段较多时可以添加普通查询和高级查询两种情况一种方式是点击高级查询弹出框输入搜索,第二种是展开更多查询内容这里倾向于第二种,因为操作更简单,原创 2022-07-26 15:25:04 · 525 阅读 · 0 评论 -
VS code 运行yarn run dev 报yarn : 无法加载文件XXX的问题
之前在IDEA 中安全VUE插件可以运行前端项目,后来想单独分离到普通的软件做开发,发现VS code运行yarn run dev 报如下错误:参考:(80条消息) 终端报错yarn : 无法加载文件 D:\Program Files\nodejs\node_global\yarn.ps1,因为在此系统上禁止运行脚 本。_会说话的字符的博客-CSDN博客https://blog.csdn.net/weixin_55333190/article/details/122492166运行截图如下就好了.原创 2022-06-27 14:02:26 · 1935 阅读 · 0 评论 -
bootstrap js动态表格固定表头的方法
column,每个的width,都要用数字+px,我的写的比较乱,有点px,有的只有数字还有的百分比,我都统一下就可以了,不然会出现列和数据对不齐的情况,如下图 参考:原创 2022-06-02 11:35:40 · 1365 阅读 · 1 评论 -
html表格中图片放大控件示例
抛出控件网址:Viewer.js (fengyuanchen.github.io)https://fengyuanchen.github.io/viewerjs/github地址:fengyuanchen/viewerjs: JavaScript image viewer. (github.com)https://github.com/fengyuanchen/viewerjs本地示例:<!DOCTYPE html><html lang="en"><原创 2022-05-20 16:17:53 · 566 阅读 · 0 评论 -
浏览器上安装 Vue Devtools
获取vue devtools扩展文件Vue Devtools_6.1.4_chrome扩展插件下载_极简插件 (zzzmh.cn)https://chrome.zzzmh.cn/info?token=nhdogjmejiglipccpnnnanhbledajbpd打开浏览器例如添加google浏览器在Chrome的地址栏中,输入以下字符:chrome://extensions/运行vue项目后访问浏览器,然后F12,调出控制台就可以看到Vue了...原创 2022-05-11 16:04:58 · 868 阅读 · 1 评论 -
基于vue2Hello Vue例子
官网例子:介绍 — Vue.js (vuejs.org)https://cn.vuejs.org/v2/guide/效果如下代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Hello Vue</title> <script src="https://cdn.jsdelivr.net原创 2022-05-11 13:55:23 · 218 阅读 · 0 评论 -
html,bootstrap,js,jquery图片点击模态窗口放大图片,可以滚动常看长图
完整例子的html,直接打开可看到效果<!DOCTYPE html><html><head> <title>bootstrap 图片查看</title><!-- <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">--> <link href="htt..原创 2022-04-25 17:37:37 · 2973 阅读 · 0 评论 -
html获取下拉框的值和文本
jquery方式其中info是select的id,后面的option:checked表示选中的选项var id = $("#info option:checked").val();var name = $("#info option:checked").text();参考(32条消息) JQuery中,select标签使用val()方法取值为空的问题。_possibleGeo的博客-CSDN博客_select valhttps://blog.csdn.net/possibleGeo/ar原创 2022-04-21 17:57:57 · 3142 阅读 · 0 评论 -
nodejs npm vue安装以及初始化一个vue项目
1、从node官网下载node的msi文件,可以下载最新,也可以下载指定版本下载 | Node.js (nodejs.org)https://nodejs.org/zh-cn/download/以往的版本 | Node.js (nodejs.org)https://nodejs.org/zh-cn/download/releases/2、安装node,一路next即可,安装完成后如下类似结构3、由于node里包含npm,所以在cmd输入node -v和npm -v,输入如下3..原创 2022-04-14 16:35:53 · 588 阅读 · 0 评论 -
纯前端vue+bootstrap实现图书管理系统的添加、删除功能
1、纯前端vue+bootstrap实现图书管理系统的添加、删除功能最终效果界面2、添加效果3、删除效果4、前端代码:图书管理系统.html<!DOCTYPE html><html xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8"&..原创 2022-04-07 18:18:12 · 3340 阅读 · 1 评论 -
html树结构
效果html代码(bootstrap_tree.html)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link href="./resources/module/ui/bootstrap/css/bootstrap.css" rel="stylesheet"/&g.原创 2022-03-08 14:56:09 · 2031 阅读 · 1 评论 -
VS code打开npm脚本命令窗口
npm每次都需要在vscode里敲太麻烦了,可以打开类似idea的maven,点击clean ,compile就可以运行,设置如下打开管理打开设置在扩展——>NPM——>自动检测设置为ON,Enable Run From Folder设置为选中关闭vs code ,重启,打开前端代码里的package.json如果左下角没出现NPM脚本窗口,则在资源管理器的“...”选中“npm脚本”参考:(65条消息) VSCODE 侧栏打开NPM脚本_tc原创 2022-03-04 10:30:47 · 5908 阅读 · 2 评论 -
The engine “node“ is incompatible with this module. Expected version问题解决
好不容易配好yarn后,运行yarn install后报错:PS E:\idea_workspace\study\Bladex\blade\Saber> yarn installyarn install v1.22.17warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package m原创 2022-03-03 17:28:10 · 56484 阅读 · 7 评论 -
yarn的安装和配置
npm安装yarnnpm install -g yarn --registry=https://registry.npm.taobao.org如果yarn在命令行不识别,则把yarn的bin目录加入pathyarn的安装、设置和注意事项,设置global和cache路径安装:npm i -g yarn 使用 yarn create 遇到的问题: ‘D:\Program‘ 不是内部或外部命令,也不是可运行的程序; 原因:node 安装目录 D:\P...原创 2022-03-03 17:06:50 · 4878 阅读 · 0 评论 -
cnpm和npm的简介与使用
cnpm的简介与使用1.国内使用npm存在的问题安装npm后,每次我们安装包时,我们的电脑都要和npm服务器进行对话,去npm仓库获取包。 npm默认的仓库地址为:http://registry.npmjs.org 查看当前npm仓库地址命令:npm config get registry,提示如下图:因为npm的远程服务器在国外,所以有时候难免出现访问过慢,甚至无法访问的情况。 为了解决这个问题,我们有以下几个解决办法2.使用淘宝的cpm代替npm淘宝为我们搭建了一个国内的n转载 2022-01-17 16:49:31 · 798 阅读 · 0 评论 -
bootstrap中的col-md-*
一句话概括,就是根据显示屏幕宽度的大小,自动的选用对应的类的样式1、col是column简写:列2、xs是maxsmall简写:超小,sm是small简写:小, md是medium简写:中等,lg是large简写:大;3、-* 表示占列数,即占每行row分12列栅格系统比;4、.col-xs-* 超小屏幕如手机 (<768px)时使用; .col-sm-* 小屏幕如平板 (768px ≤ 宽度 <992px)时使用;.col-md-* 中等屏幕如普通...转载 2022-01-02 13:43:38 · 1787 阅读 · 0 评论