angularjs结合html5实现拖拽功能
先来 看看具体效果：实现方法：1.下载并引入 angularjs2.HTML代码：<!DOCTYPE html><html lang="en" ng-app="test"><head> <meta charset="UTF-8"> <title>Html5 拖拽行为和Ang...
2020-05-27
Vue.js项目中管理每个页面的头部标签的两种方法
在 Vue SPA 应用中，如果想要修改 HTML 的头部标签，如页面的 title ，我们只能去修改 index.html 模板文件，但是这个是全局的修改，如何为每个页面都设置不一样的 title 呢？下面介绍...
2020-05-27
一个Vue页面的内存泄露分析详解
什么是内存泄露？内存泄露是指new了一块内存，但无法被释放或者被垃圾回收。new了一个对象之后，它申请占用了一块堆内存，当把这个对象指针置为null时或者离开作用域导致被销毁，那么...
2020-05-27
Vue EventBus自定义组件事件传递
前言组件化应用构建是Vue的特点之一，因此我们在Vue的实际开发过程中会经常需要封装自定义组件，以提高开发的效率。 而组件在大部分情况下并不会孤立的存在，它必然会与父组件和...
2020-05-27
详解React之父子组件传递和其它一些要点
react是R系技术栈中最基础同时也是最核心的一环，2年不到获取了62.5k star(截止到目前)，足可见其给力程度。下面对一些react日常开发中的注意事项进行罗列。React的组件生命周...
2020-05-27
JavaScript实现封闭区域布尔运算的示例代码
这篇文章主要介绍多段线实现布尔运算的方法
先上代码function getOperatedCurves(sourceCurs: Curve[], targetCus: Curve[]) { let source: Polyline | Circle = (sour...
2020-05-27
vue-router重定向不刷新问题的解决
前阵子太忙了，自己一个人一边开发着新项目，一边维护着旧项目，没时间写博客，终于让我腾出时间了。废话少说，开始正文。问题描述:之前项目是angular开发的，后来用vue重构后。项目路...
2020-05-27
vue.js 实现输入框动态添加功能
代码如下所示：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue-demo</title>...
2020-05-27
JS实现仿微信支付弹窗功能
先奉上效果图html代码<!DOCTYPE html> <html> <head> <title>仿手机微信支付输入密码界面效果</title> <meta charset="utf-8" /> <meta name="viewport" con...
2020-05-27
使用vue的transition完成滑动过渡的示例代码
使用vue来做一些小巧的动画效果是非常方便的，今天本人想使用vue的transition来完成一个滑动过渡效果，这里和大家分享一下。直接上源代码：<!DOCTYPE html><html><head> <meta c...
2020-05-27
使用vue-router beforEach实现判断用户登录跳转路由筛选功能
在开发webApp的时候，考虑到用户体验，经常会把不需要调用个人数据的页面设置成游客可以访问，而当用户进入到一些需要个人数据的，例如购物车，个人中心，我的钱包等等，在进行登录的验证...
2020-05-27
浅谈super-vuex使用体验
vuex与super-vuex
super-vuex是一套用于简化Vuex的数据架构。
适用场景在繁重的中后台项目中，引入vuex的作用如下： 全局数据共享，组件数据逻辑解耦 数据业务接口分离 数据模...
2020-05-27
vue2.0使用v-for循环制作多级嵌套菜单栏
使用v-for循环生成一个多级嵌套菜单栏，只要你学会了这个方法，几乎所有的菜单栏都可以实现了。方法<div class="level-one" v-if="obj.level == 1" v-for="obj in bar1"><a>{{o...
2020-05-27
nuxt.js 缓存实践
nuxt 是基于 vue 的 ssr 解决方案，可以是使用vue语法完成前后端的同构。然而在与传统纯字符串拼接的 ssr 方案相比，性能就没那么好了， nuxt 需要在服务端生成虚拟 dom ，然后再序...
2020-05-27
微信小程序项目总结之点赞 删除列表 分享功能
小程序点赞功能思路：在后台没有给你接口自己模拟数据data:{ likes:{ iszan:false, num:0 } } 1.遍历评论列表 判断点击的id 2.如果id相同 判断是否点赞过 如果为tr...
2020-05-27
vue实现点击关注后及时更新列表功能
如图，我要实现点击关注之后列表及时更新成最新的列表。思路很简单，主要是两点：1、在点击关注之后去执行一个请求新的关注列表的action；2、在vue组件中watch监听已关注列表和推荐...
2020-05-27
利用Decorator如何控制Koa路由详解
前言在Spring中Controller长这样@Controllerpublic class HelloController{ @RequestMapping("/hello") String hello() { return "Hello World"; }}还有Python上的Flask框...
2020-05-27
Vue动态控制input的disabled属性的方法
有时候会有这样的需求，新增的时候可以输入，但是无法修改，此时就需要通过控制input标签的disabled属性来实现，那vue是如何动态设置input输入框的disabled属性的呢？输入框的html源...
2020-05-27
vue中element-ui表格缩略图悬浮放大功能的实例代码
element-ui界面非常简洁和美观，提供的组件可以满足绝大多数的应用场景，当表格中显示了图片的缩略图时，想要鼠标浮动在缩略图上时放大图片的效果，该如何实现呢？element-ui虽然没有...
2020-05-27
Vue不能检测到Object/Array更新的情况的解决
前言
看文档不认真，开发也没有多注意，总是hack。忽悠忽悠就过去，但怎么说，歪门邪道还是不太好，现在就亡羊补牢，总结总结。数组
索引
使用下标更新数组元素； 使用赋值方式改变数...
2020-05-27
在vue中使用公共过滤器filter的方法
平时我们在vue中使用过滤器时，在模板中定义的过滤器不能在其他模板中使用，所以要在每个模板中定义自己的filter，这样就会出现很多重复的代码，那有没有办法定义一个公用的filter，...
2020-05-27
jQuery实现ajax回调函数带入参数的方法示例
本文实例讲述了jQuery实现ajax回调函数带入参数的方法。分享给大家供大家参考，具体如下：不带参数的写法：function pass(htmlId,auditingFlag){ var url = 'ad_auditing.action...
2020-05-27
详解VUE自定义组件中用.sync修饰符与v-model的区别
.sync修饰组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue-03</title> <!-- 引入Vue --> <link href="https://cdn.bootcss.com/bootst...
2020-05-27
AngularJS实现动态切换样式的方法分析
本文实例讲述了AngularJS实现动态切换样式的方法。分享给大家供大家参考，具体如下：AngularJS相比原生的js或者jquery有着很大不同，对于一个简单的鼠标点击不同选项，动态切换样式...
2020-05-27
Vue实现todolist删除功能
代码如下所示：<div id="app"> <input v-model="inputValue"> <button @click="handleSumbit">提交</button> <todo-item v-for="(item,index) of list":key="index":content=...
2020-05-27
JS基于封装函数实现的表格分页完整示例
本文实例讲述了JS基于封装函数实现的表格分页。分享给大家供大家参考，具体如下：HTML代码：<html><head><meta charset='utf-8'><title>www.freexyz.cn js表格分页</title><script...
2020-05-27
vue中v-model的应用及使用详解
vue中经常使用到<input>和<textarea>这类表单元素，vue对于这些元素的数据绑定和我们以前经常用的jQuery有些区别。vue使用v-model实现这些标签数据的双向绑定，它会根据控件类...
2020-05-27
详解解决使用axios发送json后台接收不到的问题
问题描述
按照axios官网例子发起请求传递json，后台接受到的数据为空，一直卡在options阶段。
尝试的方法
开始以为是接口有问题，使用postman测试下，一切正常，百思不得其解，看了好多...
2020-05-27
Vue引入sass并配置全局变量的方法
引入sass
首先使用官方提供的脚手架vue-cli进行搭建框架，这里就不做说明了，查阅官网即可。等安装完所有依赖后，安装sass的依赖包：npm install --save-dev sass-loader//sass-loa...
2020-05-27
详解nuxt sass全局变量(公共scss解决方案)
恩，经过朋友的帮助搞定的，因为 nuxt资料比较少的原因，很感谢 “包子”的帮助注意 本案例 只是把你通用 的 比如
$colour :#009688 #5FB878 #393D49 #1E9FFF #F7B824 #FF572...
2020-05-27
详解关于vue-area-linkage走过的坑
最近写的项目是vue框架，搭配element-ui框架。这个框架上手快，而且页面的大部分样式都有现成的可以用，使用起来比较方便。前几天有一个需求是要写省市区联动选择，上网搜罗了一遍...
2020-05-27
Vue使用vue-area-linkage实现地址三级联动效果的示例
很多时候我们需要使用地址三级联动，即省市区三级联动。网上有很多插件，在此介绍Vue的一款地区联动插件：vue-area-linkage，下面介绍如何使用这个插件实现地址联动效果：1.安装vue-a...
2020-05-27
浅谈Webpack下多环境配置的思路
前言
由于前后端分离的前端应用脱离了后端的支持，在单独开发前端应用时，页面调试时使用固定的开发环境地址还好，如果出现在本地开发时需要调试不同环境的远端API，或者需要将应用...
2020-05-27
微信小程序中使用ECharts 异步加载数据的方法
官网例子都是同步的，怎么引入及同步demo请移步官网<view class="container"> <ec-canvas id="mychart-dom-multi-bar" canvas-id="mychart-multi-bar" ec="{{ ecBar }}"></ec...
2020-05-27
vue+springmvc导出excel数据的实现代码
vue端处理this.$http.get(this.service + '/user/excel',{responseType: 'blob'}).then(({data})=> { console.info(typeof data) var a = document.createElement('a')...
2020-05-27
JS实现获取进今年第几天是周几的方法分析
本文实例讲述了JS实现获取今年第几天是周几的方法。分享给大家供大家参考，具体如下：function getWeek(str){ var nowyearstr =Date.parse(new Date().getFullYear()); var n...
2020-05-27
浅谈Angular6的服务和依赖注入
在开发中,组件一般用来写视图有关的功能,服务则写一些其他的逻辑,诸如从服务器获取数据、验证用户输入或直接往控制台中写日志等工作.先解释两个概念: Providers(提供商):...
2020-05-27
小程序实现带年月选取效果的日历
本文实例为大家分享了小程序日历展示的具体代码，供大家参考，具体内容如下根据前面的日历，又遇到到个好玩的日历需求，分享给大家 这是个带年月左右选取的日历展示！并且当天的对应...
2020-05-27
vue如何引入sass全局变量
sass或者less都提供变量设置，在需求切换主题的项目中使用less或者sass变量，只要修改变量值，编译后所有用到该变量的样式都会被修改为你想要的效果，但是在vue-cli搭建的项目中，在m...
2020-05-27
使用vue-router完成简单导航功能【推荐】
vue-router是Vue.js官方提供的一套专用的路由工具库安装命令如下npm i vue-router -Dvue-router 实例是一个Vue插件，我们需要在Vue全局引用中通过Vue.use() 将它接入到Vue实...
2020-05-27
Auto.js自动收取自己和好友蚂蚁森林能量脚本
用autoJS写的能量收取脚本软件.说一下达到的效果,把蚂蚁森林按钮要设置在常用应用中.先收取自己主页的能量,然后进入排行榜收集好友的能量.中途可以按下音量下键提前结束脚...
2020-05-27
详解ES6中的三种异步解决方案
前置知识准备
Generator 函数 执行会返回一个迭代器(Iterator), 在迭代器上可以调用 next() 方法, 执行下一个 yield 或 return 调用 next() 方法，会返回一个对象 {val...
2020-05-27
vue使用Element组件时v-for循环里的表单项验证方法
标题描述看起来有些复杂，有vue，Element，又有表单验证，还有v-for循环？是不是有点乱？不过我相信开发中遇到过此问题的同学，一看就明白我说的意思了。首先Element组件有一套完善的表单...
2020-05-27
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
一个基于vue-cli webpack2模板创建的项目.项目中使用到了vue+vue-router+axios+muse-ui+iview
现在构建一次需要的时间大概是40s左右.真心受不了.虽然在开发过程中,我们不太...
2020-05-27
Webpack的dll功能使用
最近使用Webpack遇到了一个坑。我们构建前端项目的时候，往往希望第三方库（vendors）和自己写的代码可以分开打包，因为第三方库往往不需要经常打包更新。对此Webpack的文档建议用C...
2020-05-27
Vue SPA单页应用首屏优化实践
1.代码压缩(gzip)
如果你用的是nginx服务器，请修改配置文件(其他web server 类似)：sudo nano /etc/nginx/nginx.conf在Gzip Settings里加入：gzip on;gzip_min_length 1k;gzip_b...
2020-05-27
jQuery实现获取选中复选框的值实例详解
应用场景：我们应该经常见到系统中出现列表，会有一个对列表数据的操作（如删除， 修改，查看等）。我们可以在每个列表项后面加一个删除按钮，把列表项的相关参数（如 id）post到后台进行删除...
2020-05-27
浅谈vue首屏加载优化
本文介绍了浅谈vue首屏加载优化，分享给大家，具体如下：库使用情况 vue vue-router axios muse-ui material-icons vue-baidu-map未优化前首先我们在正常情况下build
优化1...
2020-05-27
微信小程序wx.uploadfile 本地文件转base64的实现代码
微信小程序wx.uploadfile, 利用PHP接口把本地图片转化为base64位。网上到处都是粘贴复制的wx.uploadfile的解决方案, 但目前还没有具体的代码:特意呈现出来给需要的伙伴们:...
2020-05-27
详解swipe使用及竖屏页面滚动方法
Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用...
2020-05-27
