午夜玫瑰钻-优快云博客

原创 Vue中子组件给子组件传值的用法

1、在主界面中添加按钮点击事件@click="sendChildMsg"给子组件发消息2、子组件child-card 定义好接收的方法名 @finished="finished"3、子组件child-cardbbb 接收child-card传来的数据(数组、对象、字符串)...

2022-03-10 19:44:22 1398

原创 vue中当前组件的(表格行)点击事件，调用其他组件对话框案例

数据结构tableData: [ { id: "1", date: "2011-05-03", name: "张三", address: "北京市房山区19号", IsAudit: 0, sex: "1", }, { id: "2", date: "2012-05-02", name: "李四", address: "北京市房山区20号", IsAudit: 1, sex: "0", }, { id: "3", .

2022-03-09 20:27:15 551

原创 Vue切换卡公用同一个组件

<el-col :span="8"> <template> <div class="tab-box"> <ul> <li v-for="(item, index) in navList" :key="index + item" @click="tabClickTab(index)" :class="{ active: .

2022-03-06 08:19:18 608

原创 Vue中实现切换卡效果

<el-col :span="8"> <template> <div class="tab-box"> <ul> <li v-for="(item, index) in navList" :key="index + item" @click="tabClickTab(index)" .

2022-03-06 07:45:03 796

原创在Vue中编程式传参和不传参方式，新页面接收方式

import'./assets/css/bootstrap.min.css'import'./assets/js/bootstrap.min'3、在assets文件目录中拷贝bootstrap各种文件试试bootstrap引入成功没：

2022-03-03 21:21:22 629

原创 echarts横向圆环图案例，需要的小伙伴拿走

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>index_004ajax圆形图</title> <link rel="stylesheet" type="text/css" href="css/index.css"/> <script src="js/jquery-2.1.0.js" type="text/javascript.

2022-02-09 10:25:33 4079

原创 Vue中Axios请求数据的方法Get、Post、that的用法

// 携带参数的get方法请求。 $(".getcanshu").click(function(){ let num = $(".xiaohuainput").val(); if(num == "" || num == null || num == NaN){ alert("请输入要查询的条数") }else{ console.log(typeof(num)) axios..

2021-03-14 20:17:20 718

原创 Javascript查找字符串中的某个值，截取其之前。和之后的值

1、例如截取xxx.txt 点后面和前面的值var str1 = "xxxaaa.txt"; var str2 = "xxxbbb.txt"; var str3 = "xxxccc.txt"; document.write(str1.split(':')[0]) //输出xxxaaadocument.write(str1.split(':')[1]) //输出txt

2020-12-15 21:24:26 1524

原创正则表达式的相关操作和验证

1、JS正则表达式判断字符串是否包含中文字符var file.name = "xxxxx哈哈哈.txt"var resultNameqian = file.name.split('.')[0];var reg = new RegExp("[\\u4E00-\\u9FFF]+","g");if(reg.test(resultNameqian)){ console.log('含有中文字符'); alert("含有中文字符,不让上传")}...

2020-12-15 20:54:16 938

转载基础开始IntelliJ IDEA 设置代码提示或自动补全的快捷键 (附IntelliJ IDEA常用快捷键)

修改方法如下：点击文件菜单(File) –> 点击设置(Settings… Ctrl+Alt+S), –> 打开设置对话框。在左侧的导航框中点击 KeyMap。接着在右边的树型框中选择 Main menu –> Code –> Completion.接着需要做两件事：1. 移除原来的Cycle Expand Word 的 Alt+/ 快捷键绑定。2. 在...

2020-02-13 16:37:32 39371 1

原创 githubDesktop的使用说明（附下载链接）

step1 ：下载百度云链接https://pan.baidu.com/s/1luAFF8gGddWFqgbq-_X0cg提取码: 5xdj包含 git github forwindows githubforMac 以及notepad++step2：安装这个安装程序，是强制安装路径的，所以不要乱搞下载之后直接点击就行。@基本情况就是这样...

2020-02-12 18:00:38 1392

原创 github Desktop桌面版使用基本教程

一. 从github官网上clone仓库代码到本地：打开github官网，登录成功后，New repository创建新的仓库，给新创建的仓库命名Rhine.github.io、添加描述（可选）、添加README说明（可选）: 创建仓库创建成功2.打开github Desktop，选择Clone a repository：填入需要从线上clone...

2020-02-12 15:48:36 3300 1

原创 Webpack打包出错的错误分析？

当使用npm安装好webpack后，你去查看如果出现一下问题在进行打包的时候报如下错误：黄色警告解决方法：1：第一次执行打包需要执行一下：npm init -y这时候项目中会出现一个package.json配置文件在这个文件中找到“scripts”节点加入："dev": "webpack --mode development", /...

2019-08-27 15:16:38 954

原创 Webpack引入的概念静态资源有哪些？出现的错误有哪些？

Js .js .jsx .coffee .tsCss .cssn .less .sass .scssImages .jpg .png .gif .bmp .svg字体文件(Fonts) .svg .tff .eot .woff .woff2模版文件 .ejs .jade...

2019-08-27 14:57:02 362

原创利用浏览器的 window.print();打印分层表格【强制换页的关键】

<!DOCTYPE HTML><html><head><meta charset="utf-8"><meta name="renderer" content="webkit|ie-comp|ie-stand"><meta http-equiv="X-UA-Com...

2019-08-14 15:59:27 1406

原创利用jquery 获取、修改、增加、select的选项值

jQuery获取Select选择的Text和Value:1. var checkText=jQuery("#select_id").find("option:selected").text();//获取Select选择的Text2. var checkValue=jQuery("#select_id").val();//获取Select选择的option ...

2019-08-14 15:41:34 410

原创使用插件jquery.PrintArea.js，打印样式信息的解决办法

使用jquery.PrintArea.js打印局部网页样式的时候，发现样式打印不出来解决办法如下一、看css的引用文件方式　　1、直接在内部的元素中使用”style”属性来定义样式，比如：<div style=”width:800px;”></div>　　2、在<head>元素中使用”style”元素来指定　　3、使用<link>...

2019-08-05 16:08:33 7558

原创 jquery双向列表左右切换功能案例

废话不多说直接上代码前端html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/index.css"/>...

2019-04-09 14:12:34 597

原创前端$.ajax()方法详解

jquery中的ajax方法参数详细说明1.url:要求为String类型的参数，（默认为当前页地址）发送请求的地址。2.type:要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和delete也可以使用，但仅部分浏览器支持。3.timeout:要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$...

2019-03-21 14:48:01 1889

原创前端常见跨域解决方法【methods】

什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-face()等文件外链3.) 脚本请求： j...

2019-03-21 12:08:24 260

原创 001微信小程序wx:for和wx:for-item的正确用法

在开发中，我们经常会遇到展示列表数据的需求，在小程序中需要使用标签 wx:for / wx:for-index / wx:for-item 来实现相关功能， wx:for="{{textData}}" ：定义循环，数组名称为 textData wx:for-index="textDataIndex" ：定义索引值的名称 textDataIndex ...

2019-03-19 15:56:27 2807

原创微信小程序-setData()方法

一般setData方法多用于点击后改变页面信息或者刷新后与后台交互获取最新的信息注意：直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。方法如下：js:Page({ data: { text: 'init data', num: 0...

2019-03-18 17:33:18 410

原创小程序报错坑系列及解决方法？

错误案例一Component constructors should be called while initialization. A constructor call has been ignored.Component像页面一样由wxml、wxss、js和json4个文件组成，且需要把这4个文件放在同一个目录中。与页面不一样的是，Component中的构造函数（也可以称构造器）是Co...

2019-03-18 17:24:36 19456 1

原创 Vue怎么使用命令安装jquery 和bootstrap相关插件？

步骤1、安装jquerynpm install jquery --save-dev 步骤2、在配置文件中 webpack.base.conf.js加入配置//在最上方加入webpack 所需文件配置const webpack = require("webpack"); 步骤3、在main.js的入口文件中加入//加入的jquery文件import $ fr...

2019-01-22 15:39:14 661

原创 Vue中引入jquery和bootstrap的相关问题？

1引入jquery的方法输入 npm install jquery --save-dev 用npm下载jq依赖、2找到build文件夹下的webpack.base.conf.js文件打开，修改配置：A:加入webpack对象： var webpack=require('webpack');B:在module.exports里面加入： 3、...

2019-01-10 16:56:54 202

原创在 Vuejs 项目中如何定义全局变量全局函数

定义全局变量原理: 设置一个专用的的全局变量模块文件，模块里面定义一些变量初始状态，用 export default 暴露出去，在 main.js 里面使用 Vue.prototype 挂载到 vue 实例上面或者在其它地方需要使用时，引入该模块便可。全局变量模块文件：Global.vue 文件<script>const serverSrc='www.baidu.co...

2018-12-25 10:15:57 747

原创 vue引入icon图标库的方法

https://www.iconfont.cn/manage/index找到阿里图标库创建新项目新建项目------创建----1）、FontClass/Symbol前缀这个很重要，一定不要写成：el-icon-***这样的形式。如果写成这样的前缀，会和element-ui框架所带的图标（icon）冲突，导致你图标显示不出来2）、fontFamily随...

2018-12-24 12:45:13 4100 1

原创 jquery获取键盘的事件

一、键盘事件1、keypress()事件keypress 当按钮被按下时，会发生该事件，我们可以理解为按下并抬起同一个按键。2、keydown()事件当按钮被按下时，发生 keydown 事件。3、keyup事件keyup 事件会在按键释放时触发，也就是你按下键盘起来后的事件二、通过键盘事件可以进行相应操作 //键盘操作var docu = docume...

2018-09-19 10:45:17 758

原创 webpack学习笔记带错误

这样就表示你已经安装成功了。二、初始化项目#安装好 webpack 后，我们要怎么开始一个项目？如果你用过 grunt.js、gulpjs 一类工具，它们可以借助 yeoman 来初始化项目。webpack 的情况不太一样，我们可以把它当作 node.js 项目来初始化。当然，借用一些模板会更省事，比如 react transform boilerplate。但...

2018-09-17 13:47:49 510

转载 webpack打包错误 hello.js bundle.js Module not found: Error: Can't resolve 'bundle.js' in 'F:\demo\t

下面是比较完整的简单打包：一.确保已经安装了nodeJS之后.二. 创建webpack-demo,我的是f盘下的,2.然后进入这个文件夹:3.进行初始化,一路都是选择默认(回车就可以):查看初始化后的文件夹,里面只有一个json文件:4. 接下来装webpacknpm install webpack --save-dev安装完成:...

2018-08-24 17:05:00 7131 2

转载 H5本地存储详细使用教程（localStorage + JSON数据存储应用框架）

一、Web Storage教程 1、概述：对于Web Storage来说，实际上是Cookies存储的进化版。如果了解Cookie的人几乎一看Web Storage就会用，如果你从来没用过没了解过Cookie，没关系，看了这篇文章照样轻松玩转Web Storage。首先，学习Web Storage只需背熟这句口诀：“两个接口，四个函数”。 2、口诀：（1）两个接口：分别是lo...

2018-07-28 14:52:44 343

原创 HTML5的十大新特性

　　为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式处理，和几个api拖放元素，定位，包括网页应用程序缓存，存储，网络工作者，等(1)语义标签　　语义化标签使得页面的内容结构化，见名知义标签描述 <hrader></header> 定义了文档的头部区域...

2018-07-28 14:50:49 819

原创什么是 HTML5 Web 存储?

HTML5 sessionStorage会话存储　　sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。本篇主要介绍 sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。目录1. 介绍　　1.1 说明　　1.2 特点　　1.3 浏览器最小版本支持　　1.4 适合场景2. 成员...

2018-07-13 15:14:14 603

原创 jquery双向列表对应切换

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>双向列表对应切换</title> <link rel="stylesheet" type="text/css" href="css/in

2018-07-12 09:43:56 512

转载微信小程序scroll-view 横向和纵向scroll-view组件

scroll-view为滚动视图，分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。滚动视图常用的地方一般都是Item项比较多的界面，比如我的模块主要属性：使用演示：wxml<scroll-view scroll-y="true" style="height: 200px"> ...

2018-07-06 10:41:05 50959 5

原创微信小程序 scroll-view横向滚动轴怎么出现？

<scroll-view class='scroll_vide_waiceng' scroll-x="true" style="background:black;height:110px; white-space: nowrap;"> <view style="background: r...

2018-07-06 10:31:35 1052

原创 vue.js基础知识篇(7):表单校验详解

第12章:表单校验1.npm安装vue-validator$ npm install vue-validator代码示例:var Vue=require("vue");var VueValidator=require("vue-validator");Vue.use(VueValidator);2.直接使用script标签引入vue.js要下载vue-validator，那么进入cdn的地址h...

2018-05-15 11:26:19 780

原创 vue.js基础知识篇(6):组件详解

第11章:组件详解组件是Vue.js最推崇也最强大的功能之一，核心目标是可重用性。我们把组件代码按照template、style、script的拆分方式，放置到对应的.vue文件中。1.注册Vue.js的组件注册分为全局注册和局部注册。全局注册使用Vue.component方法。第一个参数是组件名字，第二个参数是组件的构造函数，要么是function，要么是object。<!DOCTYPE...

2018-05-15 11:25:24 241

原创 vue.js基础知识篇(5):过渡、Method和Vue实例方法

第8章:过渡 1.CSS过渡2.JavaScript过渡3.渐进过渡第9章:methodVue.js的事件一般通过v-on指令配置在HTML中，虽然也可以在js的代码中使用原生的addEventListener方法添加事件监听，但并不推荐，因为它并不符合“关注点分离”的设计理念。使用v-on指令有几点好处:通过HTML模板(视图)就能看到js对应的方法;无需手动绑定事件，ViewModel和DOM...

2018-05-15 11:24:15 661

原创 vue.js基础知识篇(4):过滤器、class与style的绑定2

第一章:过滤器过滤器是对数据进行处理并返回结果的函数。1.语法语法是使用管道符“|”进行连接。过滤器可以接收参数，跟在过滤器后面，带引号的参数被当做字符串处理，不带引号的参数被当做数据属性名处理。{{message | filterFunction "arg1" arg2 }}vue.js支持在任何出现表达式的地方添加过滤器。vue.js支持链式调用，上一个过滤器的输出结果作为下一个过滤器的输入。...

2018-05-15 11:23:37 2586