前端
文章平均质量分 64
小白彩
这个作者很懒,什么都没留下…
展开
-
搜索 选中文字
$(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 · 195 阅读 · 0 评论 -
小程序 初学 随笔2
1小程序代码构成 开发者工具快速创建了一个 QuickStart 项目.后可以看到项目里边生成了不同类型的文件.一共有四个. .json后缀的JSON配置文件(配置项) .wxml后缀的WXML模板文件(html 相当) .wxss后缀的WXSS样式文件(样式文件 css相当) .js后缀的JS脚本逻辑文件(逻辑文件 j...原创 2019-05-06 14:28:19 · 81 阅读 · 0 评论 -
小程序 初学 随笔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 · 75 阅读 · 0 评论 -
数组 增加 删除 改 某一项
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 · 336 阅读 · 0 评论 -
vue script 的结构,各种函数,方法 定时器 延时器
<script>export default {name: "index",data() {return {};},methods: {// 组件的方法,函数一般就写在这里},watch: {// watch数据监听,擅长处理的场景:一个数据影响多个数据,不能直接监听对象,借助computed return对象子类},computed: ...原创 2019-06-20 10:35:19 · 889 阅读 · 0 评论 -
网络请求返回HTTP状态码(404,400,500)
HTTP状态码(HTTP Status Code)一些常见的状态码为:200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务不可用所有状态解释:1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。代码 说明100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。101 (切换...原创 2019-06-20 12:01:44 · 4120 阅读 · 0 评论 -
vue-cli3.0使用及配置 (构建项目)(有点乱,图片找的后期在改)
1.先全局安装vue-cli3.0检测安装:vue -V2.创建项目这里如果你是第一次用3.0版本的话,是没有前两个的,而只有最后两个,这里是让你选的,第一个是默认配置,一般选第二个,自己配置,这里选择最后一个当你选择后会出现上面图上的东西,这里你可以自由选择用哪些配置,按上下键选择哪一个,按空格键确定,所有的都选择好后,按enter键进行下一步,这里演示,我随...转载 2019-06-17 15:52:02 · 269 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 · 11649 阅读 · 2 评论 -
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 · 1718 阅读 · 0 评论 -
小程序 初学 随笔1
1. 小程序与网页开发的区别 小程序的开发语言主要是JavaScript,与网页开发有很大的相似性 网页开发的渲染层与脚本线程是互斥的,(有些时候脚本长时间运行,页面会失去响应),小程序里面两者是分开平行的,分别运行在不同的线程里.所以没有暴露出的DOM API ,来进行操作,所以好多熟悉的库不能用,如jq zepto等等.在小程序中是无法运行的。同时 JSCore...原创 2019-05-06 11:56:22 · 97 阅读 · 0 评论 -
mui 弹窗禁止
window.onload = function() { mui.plusReady(function() { //关闭等待框 plus.nativeUI.closeWaiting(); //显示当前页面 ...原创 2018-12-11 13:40:23 · 556 阅读 · 0 评论 -
css 判断ie版本 以及内核解读
<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if IE 6]> 仅IE6可识别 <![endif]--><!--[if lt IE 6]> IE6原创 2018-12-10 16:26:29 · 1146 阅读 · 0 评论 -
定位
定位有三种,分别是相对定位、绝对定位、固定定位。1、相对定位:position:relative; 2、绝对定位:position:absolute; 3、固定定位:position:fixed; 4、关于z-index1、相对定位:position:relative;1.1相对定位介绍相对定位,就是微调元素位置的。让元素相对自己原来的位置,进行位置调整。如果一个盒子想进行位置调整,那么就要使用相...原创 2018-03-10 13:07:13 · 211 阅读 · 0 评论 -
Vue.js实战之Vuex的入门教程
前言在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用 props 或者 $emit 等方式,详细点击这篇文章查看。但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 完美的解决了这个问题。一、安装并引入 Vuex项目结构:首先使用 npm 安装 Vuex?1cnpm install vuex -S然后在...转载 2018-05-10 22:37:41 · 1819 阅读 · 0 评论 -
Vuex理解,是什么,
Vuex 是什么? 官方是这么说的:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 不懂?呵呵,没关系。我是这么认为的:Vuex 就是前端为了方便数据的操作而建立的一个” 前端数据库“。且听下文分解。。。 模块间是不共享作用域的,那么B 模块想要拿到 A...转载 2018-05-10 22:41:48 · 158 阅读 · 0 评论 -
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 评论 -
关于webstorm 对 vue的设置
1. 首先安装vue插件,安装方法: setting --> plugin ,点击plugin,在内容部分的左侧输入框输入vue,会出现两个关于vue的插件,点击安装即可。安装完成后,就可以看到,新建文件时,会有vue文件的提示。 如下图所示: 2. 设置vue新建文件模板。 步骤: settings --> file and code templates .在内容区...转载 2018-05-31 13:18:16 · 727 阅读 · 0 评论 -
WebStorm 自定义背景和字体
webstorm:修改为黑色背景 好看的webstorm主题 File > Settings > Appearance & Behavior 选中Darcula 酷酷的颜色-----------------------------------------导入导出设置File > Export Settings导出用户设置。如下图,你可以...原创 2018-05-31 15:15:07 · 299 阅读 · 0 评论 -
DIV+CSS垂直居中
在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,例如表格元素中的<td>、<th>、<caption>等,...原创 2018-06-07 17:50:52 · 119 阅读 · 0 评论 -
fexl布局
网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。F...原创 2018-06-01 17:02:41 · 413 阅读 · 0 评论 -
css - calc 动态计算
用于动态计算长度值。需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);(必须) 任何长度值都可以使用calc()函数进行计算; calc()函数支持 "+", "-", "*", "/" 运算; calc()函数使用标准的数学运算优先级规则; 兼容性 IE Firefox Chrome ...原创 2018-12-10 15:26:28 · 545 阅读 · 0 评论 -
浮动,脱离标准流
所谓脱离文档流,即将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当没看到它,两者位置重叠都是可以的。这里,通过讲解浮动脱离文档流(float)和绝对定位脱离文档流(position:absolute)的区别,让大家对这一概念有更深的认识。一、浮动脱离文档流使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置,环绕在周围。 二、绝对定位脱离文档流将f...原创 2018-03-10 13:04:24 · 754 阅读 · 0 评论