- 博客(24)
- 收藏
- 关注
RSS订阅原创 vue关于点击菜单高亮与组件切换
有两种一种是 使用router-link 这种直接可以用router-link-active 来写高亮样式 组件在路由跳转后 高亮依旧存在一种是：is的应用了 点击触发事件 事件改变currentView的值 可以直接改掉 ：is 这个引入文件入口<template> <div class="index"> <div c...
2019-03-21 00:42:10
2701
原创 个人使用插件整理
jquery 数字递增 数字动画插件 jquery.running.js jquery.countup.js vue手风琴插件[不是导航]vue-accordion 另外有个vue轮子工厂http://www.wheelsfactory.cn/#/懒得写就自己找 ...
2019-02-16 13:53:19
200
原创 如何在vue中使用less写组件模块的的样式，通过继承来简化代码
大部分框架的组件和模块都是定了宽高，导致无法在需要自适应的项目中直接使用。我们需要对框架的组件样式进行修改，改为百分比或者合适的宽高。有两种方式去统一样式。一 .建立一个css把所有改好的样式放入，在用的时候import。有个缺点：引入后会把所有的组件样式全部引入，有时候一个组件可能要写好几种样式。总不能全部引入进去。 二.通过less，像js的全局变量和全局方法一样，在需...
2018-08-29 13:50:40
2629
原创 在进入页面时模拟点击click
为了设置默认规格 或者什么的，我们需要设定 在进入页面后自动点击 设置自动click var specNum = $('.spec-box'); for(var i=0;i<self.defaultSpec.length;i++){ //遍历默认数组 fo...
2018-08-22 16:26:10
2768
原创 padding magin 的使用区别
设置高度为100%时，占满屏幕。这时最外层如果用margin。会超过100%而出现进度条用padding则不会，同时可以调整内部div在盒子里的高度位置。
2018-08-20 10:07:30
309
转载 教你上传代码到码云转载
以下所有操作都在命令行进行 1 git 配置git config --global user.name “用户名”git config --global user.email “邮箱”2 生成公钥私钥 #ssh-keygen -t rsa -C "xxxxx@xxxxx.com"一路Enter下去，将生成的公钥填在码云上 #cat ~/.ssh/id_rsa.p...
2018-08-18 12:19:51
567
1
原创 在vue-cli模式下，单个vue组件引入外部框架的css，而不干扰其他组件的方式
有时会有在单独组件内引入外部框架的需要，而又不想干扰其他组件。放在main里,css会影响到所有组件。放到index.html同样会有影响。所以要放到单组件的style scoped里你可以 单独放在一个style里面：是有效的<style scoped> .f6f6f6{ height:100px; backgr...
2018-08-18 10:01:18
5267
原创 子组件调用父组件的方法。
格式与传值类似子组件首先有个click，可以括号里写上要传的值<div class="settlement layui-col-5" @click="toOrdaer()"> 去结算 </div>然后写方法，如果传值在括号里加个逗号，再写个要传的值methods:{ toOrdaer:funct...
2018-08-16 11:55:40
327
原创 如何去判断和控制checkbox的全选与全不选
双图流checked:function(event){ var el = event.currentTarget; console.log(el.checked); if(el.checked){ $(":checkbox").prop("checked", true); ...
2018-08-14 15:58:53
680
原创 点击时判断事件发起的dom元素
都干了这么久了才发现这个东西，哇，这坑是真有点坑了。 事件冒泡的解决方式check:function(event){ if($(event.target).is("input")){ return false; } var el = event.currentTarget ...
2018-08-13 19:56:01
838
原创 vue 刷新当前页面的方式。
app.vue<template> <div id="app"> <!-- <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive>
2018-08-13 19:51:34
1988
1
原创 vue 父子 兄弟 子父传值
子向父子组件标签有个click<div class="Pagination"> <el-pagination @current-change="handleCurrentChange" background layout="prev, pager, nex...
2018-08-02 14:14:30
233
原创 自己用的几个提高效率的插件与框架
jquery.cookie.js https://www.cnblogs.com/webcome/p/5470975.htmlvueanimate.csslayuilauer独立组件 Swiper 移动端轮播图插件 https://baijiahao.baidu.com/s?id=1568097537913665&wfr=spider&for...
2018-07-13 15:32:09
389
原创 layui多文件上传 [H5file上传] 和普通file上传补漏
先区分一下H5和普通表单普通表单多文件上传写法<form id="uploadForm" enctype="multipart/form-data"> <p >指定文件夹名： <input type="text" name="uploadDir" value= ""/></p >
2018-06-27 17:59:02
3342
2
转载 2018.6.21 一些关于js的高级应用链接
https://blog.csdn.net/ligang2585116/article/details/53522741http://www.cnblogs.com/wangfupeng1988/p/3994950.htmlhttps://www.cnblogs.com/xxcanghai/p/4991870.htmlhttps://www.jianshu.com/p/131ce0390cf8详解...
2018-06-21 19:21:53
203
转载 css3动画写法示例
css3动画写法：#cricle1{ width:100px; height:100px; animation: name 1s 1 ; animation-fill-mode : forwards } @keyframes name{ from{ ...
2018-06-20 18:34:19
1558
转载 2018.6.20 如何提升你的能力？给年轻程序员的几条建议
转自 ：http://tech.glowing.com/cn/advices-to-junior-developers/一转眼工作已有8年，前两天公司一位初入职场的同事希望我给一些建议与经验。我觉得这个话题很有价值，这里以个人的想法与经历写成此文，希望给年轻的开发者们一些启发。我工作过的公司有4家，NVIDIA, Google, Slide和Glow。其中两家是知名的大公司，Slide我是D轮过后...
2018-06-20 14:35:29
351
1
转载 2018.6.20 web前端进阶四阶段
前端工程的四个阶段转载自：http://www.cnblogs.com/lanlanlan00/p/7155663.html写在前面：引用别人的，在我看来说得比较浅显易懂的。 现在的前端开发倒也并非一无所有，回顾一下曾经经历过或听闻过的项目，为了提升其前端开发效率和运行性能，前端团队的工程建设大致会经历三个阶段：第一阶段：库/框架选型前端工程建设的第一项任务就是根据项目特征进行技术选型。基本上现在...
2018-06-20 11:47:22
360
转载 js 获取url 参数 中文乱码问题
百度了很多 ，两次decodeURI 的方式貌似是服务端用的这是别人的解决方式，帮我也解决了。-------------------------------------------------------------------------------------------------------------------最近在做的项目当中有一个需要在页面上获取url 参数的需求。通过搜索 在网上...
2018-06-13 17:35:30
2680
1
原创 前端自行解决跨域问题
谷歌浏览器右键-属性-在目标那里加一行 --user-data-dir="c:\ChromeDebug" --test-type --disable-web-security我的加了是这样子C:\Users\user\AppData\Local\Google\Chrome\Application\chrome.exe --user-data-dir="c:\ChromeDebug" --test...
2018-06-13 17:32:27
204
原创 2018.6.12 vue的组件化的两种简单使用方式
官方文档讲的很详细，不过太多了，找到了自己需要用的方式两种使用方式 1.在主页的根组件上 使用其他的组件，这些组件也放在components的文件夹里然后在根组件中应用：<template> <div id="app"> <img src="./assets/logo.png"> <router-view> </rou
2018-06-12 13:05:35
162
转载 vue-cli与webpack的安装与应用 2018.6.12
来源：https://www.cnblogs.com/tjyoung/p/6832234.html 最近更新了webpack配置详解，可移步vue-cli webpack详解 对于Vue.js来说，如果你想要快速开始，那么只需要在你的html中引入一个<script>标签，加上CDN的地址即可。但是，这并不算是一个完整的vue实际应用。在实际应用中，我们必须要一系列的工具...
2018-06-12 09:42:53
878
原创 用layui写一个表单的所有过程
用框架将所有的控件全部排列整齐，【居中，两边对齐】直接在layer里的示例里将需要的控件直接搬过来。需要写什么： 1.ajax传输，在ajax发送之前的beforeSend里将发送之前需要的事件写好： （1）传输过程中的图标显示 （2）submit按钮的禁用设置 同时需要在请求发送完成后的回调函数complete里，将...
2018-06-11 17:00:38
1417
转载 6.11 webpack能装上的方式
这玩意更新太快了，教程试了五六个终于装上了出处：https://segmentfault.com/a/1190000014142975?utm_source=index-hottestwebpack安装和使用mkdir webpack_democd webpack_demo// npm初始化npm init// 然后一直回车安装webpack// 不建议全局安装cnpm install w...
2018-06-11 17:00:00
882
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人