小白彩-CSDN博客

原创搜索选中文字

$(document).on('blur', '.sea', function(e) { $(".chindren_c .selected").removeClass("selected") var _val = $(this).val() if (!!_val) { var _dom = $(".chind_select div:contains(" + _val + ")") // _dom.html( _dom.html().replace("/"+_val

2020-12-28 17:25:21 193

转载 tinymce 5

在vue项目中使用tinymce编辑器（tinymce-vue）项目使用vue-cli 3.x版本，tinymce51. 安装及引用注：只安装tinymce-vue不可以，还需安装tinymce，否则会报错npm install tinymcenpm install @tinymce/tinymce-vueimport tinymce from 'tinymce/ti...

2019-09-04 13:58:08 1717

原创 vue 计算时间差值

getTimedata(){ let dat = "2019-07-12 10:26:50" // split("/") let getYeardata = dat.split(" ")[0]; let getTimedata = dat.split(" ")[1]; // 年月日时分秒 const beforeYe...

2019-07-12 10:47:55 11646 2

原创 vue 轮播直接复制黏贴去看吧

<template><div class="multiple_caeousel"><div class="back_add"><div class="threeImg"><div class="Containt"><div class="iconleft" @click="zuohua"><i...

2019-07-11 14:59:11 158

原创 vue 坑 (this.$refs undefined; 传值 ; router传参; bus.js初次不触发 :src参数没有作用>)

Vue.nextTick() this.$refs 报错 undefined;在Vue生命周期的created(),watch:钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中,不然会报错undefined路由传参写法:1.<router-link :to= "{path: '/newdetails', query: {getNewsId:o....

2019-07-10 17:07:14 1372

转载 Vue 路由导航守卫(全局守卫、路由独享守卫、组件内守卫)

一.全局守卫1. router.beforeEach((to,from,next)=>{})2. 回调函数中的参数，to：进入到哪个路由去，from：从哪个路由离开，next：函数，决定是否展示你要看到的路由页面。3. 如下例：main.js中设置全局守卫在main.js中，有一个路由实例化对象router。在main.js中设置守卫已是全局守卫。如下，判断to.path...

2019-06-20 15:27:35 7444 1

原创 vue 前端实现登录拦截路由拦截 axios拦截器

一、路由拦截登录拦截逻辑第一步：路由拦截首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由，否则就进入登录页面。const routes = [ { path: '/', name: '/', component: Index ...

2019-06-20 13:55:22 1827

原创网络请求返回HTTP状态码（404，400，500）

HTTP状态码（HTTP Status Code）一些常见的状态码为：200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务不可用所有状态解释：1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码。代码说明100 （继续）请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。101 （切换...

2019-06-20 12:01:44 4117

原创 vue script 的结构,各种函数,方法定时器延时器

2019-06-20 10:35:19 887

原创数组增加删除改某一项

delete和Vue.delete删除数组的区别：delete只是被删除的元素变成了 empty/undefined 其他的元素的键值还是不变。Vue.delete直接删除了数组改变了数组的键值。 var a=[1,2,3] var b=[1,2,3] delete a[1] console.log(a) this.$delete(b,row)&l...

2019-06-19 14:36:17 332

转载 vue-cli3.0使用及配置 (构建项目)(有点乱,图片找的后期在改)

1.先全局安装vue-cli3.0检测安装：vue -V2.创建项目这里如果你是第一次用3.0版本的话，是没有前两个的，而只有最后两个，这里是让你选的，第一个是默认配置，一般选第二个，自己配置，这里选择最后一个当你选择后会出现上面图上的东西，这里你可以自由选择用哪些配置，按上下键选择哪一个，按空格键确定，所有的都选择好后，按enter键进行下一步，这里演示，我随...

2019-06-17 15:52:02 268

原创小程序初学随笔3

WXML 模板之前都是 html css js 来写页面.同样道理，在小程序中也有同样的角色，view,button,text相当于 div button span数据交互通过绑定来处理的.这是显示Hello World<text>{{msg}}</text>this.setData({msg: 'Hello World'})W...

2019-05-06 20:24:14 74

原创小程序初学随笔2

1小程序代码构成开发者工具快速创建了一个 QuickStart 项目.后可以看到项目里边生成了不同类型的文件.一共有四个. .json后缀的JSON配置文件(配置项) .wxml后缀的WXML模板文件(html 相当) .wxss后缀的WXSS样式文件(样式文件 css相当) .js后缀的JS脚本逻辑文件(逻辑文件 j...

2019-05-06 14:28:19 81

原创小程序初学随笔1

1. 小程序与网页开发的区别小程序的开发语言主要是JavaScript,与网页开发有很大的相似性网页开发的渲染层与脚本线程是互斥的,(有些时候脚本长时间运行,页面会失去响应),小程序里面两者是分开平行的,分别运行在不同的线程里.所以没有暴露出的DOM API ,来进行操作,所以好多熟悉的库不能用,如jq zepto等等.在小程序中是无法运行的。同时 JSCore...

2019-05-06 11:56:22 97

原创 mui 弹窗禁止

window.onload = function() { mui.plusReady(function() { //关闭等待框 plus.nativeUI.closeWaiting(); //显示当前页面 ...

2018-12-11 13:40:23 555

原创三角形

使用css画三角形，首先想到的思路是：利用border边框样式来实现，这是由于border的边框是由四个三角形组成的。这里我们利用transparent的透明颜色来代替其余3个就可以实现三角形<style>div{ width: 0px;height: 0px;border-width:40px; border-style:solid; border...

2018-12-10 17:28:07 90

原创 css 判断ie版本以及内核解读

除IE外都可识别 <!--[if lt IE 6]> IE6

2018-12-10 16:26:29 1145

原创 th td 消除空隙

<table align='center' style="border-collapse:collapse;"></table> 可以去掉td之间的间隔值描述 separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。 collapse 如果可能，边框会合并为一个单一的边框。会忽略 bo...

2018-12-10 15:38:56 737

原创 css - calc 动态计算

用于动态计算长度值。需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px);(必须) 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学运算优先级规则；兼容性 IE Firefox Chrome ...

2018-12-10 15:26:28 545

原创通过JS、JQ，实现对json数据调取，并循环展示到页面

通过JS、JQ，实现对json数据调取，并循环展示到页面[javascript] view plain copy$(document).ready(function(){ data=$.ajax({url:"获取json链接地址",async:false}); data2 = data.responseText; var data2 = JSON.parse(data2); ...

2018-06-07 18:02:46 4237

原创 DIV+CSS垂直居中

在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的<td>、<th>、<caption>等，...

2018-06-07 17:50:52 119

原创 Jquery 点击更换样式

Jquery 点击更换样式 PS:代码很简单，就直接上代码了。一看就懂了。<html><head><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script></head><style>.nav {

2018-06-05 16:04:44 1060

原创 fexl布局

网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。F...

2018-06-01 17:02:41 412

原创 WebStorm 自定义背景和字体

webstorm：修改为黑色背景好看的webstorm主题 File > Settings > Appearance & Behavior 选中Darcula 酷酷的颜色-----------------------------------------导入导出设置File > Export Settings导出用户设置。如下图，你可以...

2018-05-31 15:15:07 297

转载关于webstorm 对 vue的设置

1. 首先安装vue插件，安装方法：　　setting --> plugin ，点击plugin，在内容部分的左侧输入框输入vue，会出现两个关于vue的插件，点击安装即可。安装完成后，就可以看到，新建文件时，会有vue文件的提示。　　如下图所示：　　2. 设置vue新建文件模板。　　步骤： settings --> file and code templates .在内容区...

2018-05-31 13:18:16 727

转载 Vuex理解，是什么，

Vuex 是什么？官方是这么说的：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。不懂？呵呵，没关系。我是这么认为的：Vuex 就是前端为了方便数据的操作而建立的一个” 前端数据库“。且听下文分解。。。模块间是不共享作用域的，那么B 模块想要拿到 A...

2018-05-10 22:41:48 158

转载 Vue.js实战之Vuex的入门教程

前言在 Vue.js 的项目中，如果项目结构简单，父子组件之间的数据传递可以使用 props 或者 $emit 等方式，详细点击这篇文章查看。但是如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 完美的解决了这个问题。一、安装并引入 Vuex项目结构：首先使用 npm 安装 Vuex?1cnpm install vuex -S然后在...

2018-05-10 22:37:41 1819

原创 vue-cli 引入axios及跨域使用

使用 cnpm 安装 axioscnpm install axios --save-dev安装其他插件的时候，可以直接在 main.js 中引入并 Vue.use()，但是 axios 并不能 use，只能每个需要发送请求的组件中即时引入为了解决这个问题，有两种开发思路，一是在引入 axios 之后，修改原型链，二是结合 Vuex，封装一个 aciton。这里只说修改原型链的方式改写原型链首先在...

2018-05-10 09:58:50 534

原创 Vue2.0中的transition组件

Vue1.0中transition做为标签的行内属性被vue支持。但在Vue2.0中。Vue放弃了旧属性的支持并提供了transition组件，transition做为标签被使用。使用transition完成任何元素进入/离开的过渡组件需要满足下列条件条件渲染（v-if）条件展示（v-show）动态组件组件根节点Elample ...

2018-05-05 12:46:12 1265 1

原创 vue-cli加载不到dev-server.js的解决办法，json，本地数据地址请求

在使用vue开发过程中，难免需要去本地数据地址进行请求，而原版配置在dev-server.js中，新版vue-webpack-template已经删除dev-server.js，改用webpack.dev.conf.js代替，所以配置本地访问在webpack.dev.conf.js里配置即可。#webpack.dev.conf.js//首先// nodejs开发框架express，用来简化操...

2018-05-05 11:40:36 636

原创 vue-router 之 keep-alive

keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。用法也很简单：<keep-alive> <component>  </component></keep-alive>propsinclude - 字符串或正则表达，只有匹配的组件会被缓存exc...

2018-05-04 10:03:48 102

原创 Vue2.0搭建Vue脚手架（vue-cli）

一、那么我们就从最简单的环境搭建开始：安装node.js，从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。2.安装淘宝镜像，打开命令行工具，把这个（npm install -g cnpm --registry= https:/...

2018-04-21 22:30:00 147

原创定位

定位有三种，分别是相对定位、绝对定位、固定定位。1、相对定位：position:relative; 2、绝对定位：position:absolute; 3、固定定位：position:fixed; 4、关于z-index1、相对定位：position:relative;1.1相对定位介绍相对定位，就是微调元素位置的。让元素相对自己原来的位置，进行位置调整。如果一个盒子想进行位置调整，那么就要使用相...

2018-03-10 13:07:13 211

原创浮动，脱离标准流

所谓脱离文档流，即将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当没看到它，两者位置重叠都是可以的。这里，通过讲解浮动脱离文档流（float）和绝对定位脱离文档流（position:absolute）的区别，让大家对这一概念有更深的认识。一、浮动脱离文档流使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。二、绝对定位脱离文档流将f...

2018-03-10 13:04:24 753

原创标准文档流

一、标准文档流等级森严。标签分为两种等级：1、块级元素●霸占一行，不于其他任何元素并列。●能接受宽高设置，默认为父元素的100%●div、h、li、dd、等2、行内元素●与其他行内元素并排●不能设置宽高，默认为文字的宽度。●span、a、b、i、u、em3、容器级大多都是块级元素，大多文本级大多是行内元素，p是例外，p是块级元素此外p标签很特殊，自带margin和padding二、行内与块级的互相...

2018-03-09 16:21:12 385

原创盒模型

网页上每一个标签都是一个盒子每个盒子有四个属性：1.内容（content）－－网页中通常指文字和图片2.填充（padding，内边距）盒子与内容之间的空隙，形象点说就像盒子内的填充物泡沫或者其他抗震的材料.内边距会增加盒子的大小3.边框（border）：盒子本身4.边界（margin，外边距）盒子之间的...

2018-03-09 15:31:40 107

原创 CSS实现div添加过长的英文字母或数字的内容显示一排而溢出时，进行自动换行

想用js动态往div添加内容，添加的内容过长会溢出到div外面，后来查资料得知，在div css布局中，遇到连续英文字母或连续数字在div、p、h2、h1等盒子里排成一排显示不会自动随盒子宽度限制而自动换行。当然中文字在div或任意盒子中均会自动换行不需要css样式实现，只有连续的字母或数字会出现不自动换行问题，所以需要CSS解决。解决办法：word-wrap:break-word在div的css...

2018-03-09 15:24:35 946

weixin_37630796的博客