构建大型 Vue.js 项目的10条建议(小结)
下面是我在开发大型 Vue 项目时的最佳实践。这些技巧将帮助你开发更高效、更易于维护和共享的代码。
今年做自由职业的时候，我有机会开发了一些大型 Vue 应用程序。我所说的...
2020-05-27
Vue SPA 初次进入加载动画实现代码
在app挂载的div同级处写一个加载动画，例如：<body class="font-hei"> <div class="wrap" id="loader"> <div> <div class="mult2rect mult2rect1"></div> <div class=...
2020-05-27
微信小程序云开发获取文件夹下所有文件(推荐)
上周一个高中同学让我帮他做个图片展示的公众号，因为一直在加班的原因，所以一时忘了，昨晚想起来就赶紧加班加点的帮他弄了下，遇到了个问题，记录一下。他的需求是要有个后台给他上...
2020-05-27
如何在wxml中直接写js代码(wxs)
这篇文章主要介绍了如何在wxml中直接写js代码(wxs),文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下我们在h5开发中，很多...
2020-05-27
vue自定义正在加载动画的例子
如下所示：loadingTimer(){ clearInterval(this.$el.loading_timer); const rotate_angle=30,speed=90; this.$el.loading_timer=setInterval(()=>{ const rotate_el...
2020-05-27
浅谈Vue.js之初始化el以及数据的绑定说明
1、初始化el2、数据绑定说明3、监听值的变化以上这篇浅谈Vue.js之初始化el以及数据的绑定说明就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。...
2020-05-27
vue之延时刷新实例
当我们要做一个实时搜索时，用watch监控数据，当数据不断变化时，不可能立刻进行接口的请求，这样会给服务器带来麻烦，使服务器负载加重，此时就需要一个延时加载机制。<!DOCTYPE html>...
2020-05-27
Jquery让form表单异步提交代码实现
这篇文章主要介绍了Jquery让form表单异步提交代码实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.监听表单提交事...
2020-05-27
微信公众号H5之微信分享常见错误和问题(小结)
url转码
官方文档描述: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#62确认url是页面完整的url(请在当前页面alert(location.href.split('#...
2020-05-27
解决vue语法会有延迟加载显现{{xxx}}的问题
在使用Vue写应用时发现一个问题，每当进入一些有延时的（如网络API请求）操作时，会先闪一下未编译的 Mustache 标签{{ message }}，这让人很不爽。在官网找到了解决方案：v-cloak参照官...
2020-05-27
用Node写一条配置环境的指令
前言工作中需要维护一个极老的项目，说来话长。在平时当需要往项目里添加新的模块时，我需要手动添加的东西太多了。由此希望通过编写一条node命令，可以让我一键完成配置我需要配...
2020-05-27
关于vue.js中实现方法内某些代码延时执行
今天在工作时遇见了某些代码需要延时操作的情况。具体情况为前台grid在执行完增删改操作后需要在增加或者修改弹框点击确定导致弹框消失后，grid内数据能够及时更新以便显示增...
2020-05-27
搭建Vue从Vue-cli到router路由护卫的实现
别的不多说,开始动爪把,首先安装vue-cli mac: sudo npm install -g @vue/cligithub:https://github.com/XinYueXiao/vue-routes1、Vue-cli基础使用 1.1 创建测试项目 vue c...
2020-05-27
在vue中利用v-html按分号将文本换行的例子
最近在开发的时候遇到这样一个需求，需要将一段文本按照分号(有中文分号和英文分号)进行换行操作。如下： 换行前：雷军,2457.66万,自然人股东;洪锋,169.51万,自然人股东;黎万强,1...
2020-05-27
layui清除radio的选中状态实例
出现一种情况在方案二中产生了默认勾选，解决办法如下$(".check").each(function(index, el) { el.checked= false;}) form.render('radio');以上这篇layui清除radio的选...
2020-05-27
微信小程序tabBar设置实例解析
这篇文章主要介绍了微信小程序tabBar设置实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下我们先来看一份图，这个...
2020-05-27
浅析Vue 防抖与节流的使用
在一个电影项目中，我想在电影的列表中，保存下拉的当前位置，防止你切换页面后，再切换回当前的电影列表页，他就又回到电影的第一条数据。这时候，我不想每次只要滑动一点，就保存当前位...
2020-05-27
Vue中常用rules校验规则(实例代码)
在 vue开发中，难免遇到各种表单校验，这里整理了网络上和自己平时高频率用到的一些校验方法。如果错误欢迎指出，后期不断补充更新。1、是否合法IP地址export function validateI...
2020-05-27
vue使用swiper.js重叠轮播组建样式
本文实例为大家分享了vue使用swiper.js重叠轮播组建样式，供大家参考，具体内容如下<template> <div class="article-main"> <div class="article-content"> <swiper class="...
2020-05-27
layui 弹出层值回传解决方式
如下所示：layer.open({ type: 2, title: "设置围栏", shadeClose: true, shade: 0.4, area: ['90%', '90%'], content: "/ElectronicFence/Map?id=" + id +...
2020-05-27
Layui实现主窗口和Iframe层参数传递
这应该是我们在开发中经常用到的吧，主窗口和Iframe层之间传值实现我们各种需求，比如打开某条记录的详细数据….主窗口向Iframe层传值： //主窗口代码 layer.open({ type...
2020-05-27
layui写后台表格思路和赋值用法详解
layui.form 模块用法总结。基于layui做 表单 赋值 取值思路一. 初始一个方法用来给弹窗赋值，一种赋值，是按数据赋值，一种是清空数据 function initContorl (data){ //传数据...
2020-05-27
解决Layui数据表格显示无数据提示的问题
做项目中，没有数据时候表格中提示 无数据，感觉更友好，有时候没有数据但是确实空白，没有显示 无数据 文本提示，很纳闷，就尝试找了下看是什么问题后来发现，是开启了字段排序功能，删除...
2020-05-27
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
layui table利用参数新增,修改,删除,查询,双击数据行获取本行数据等。模块化使用layui table表格，通过二次封装实现语法上的解耦使用layui table，使用参数就可以以及外部的方...
2020-05-27
Layui表格监听行单双击事件讲解
在学MVC过程中，我们一般都是利用layui插件里的layui数据表格加载数据库中的数据，而layui表格里有许多的事件监听，比如监听行的单双击事件，可利用行的单双击事件实现很多我们想要...
2020-05-27
JS实现贪吃蛇游戏
本文实例为大家分享了JS实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下html部分：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...
2020-05-27
layui数据表格重载实现往后台传参
1、网上的代码：<div class="demoTable"> 搜索商户： <div class="layui-inline"> <input class="layui-input" name="keyword" id="demoReload" autocomplete="off"> </div> <b...
2020-05-27
JavaScript字符串处理常见操作方法小结
本文实例讲述了JavaScript字符串处理常见操作方法。分享给大家供大家参考，具体如下：1、字符串合并操作：“ + ”var iNum01 = 12;var iNum02 = 24;var sNum03 = '12';var sTr =...
2020-05-27
JavaScript变量基本使用方法实例分析
本文实例讲述了JavaScript变量基本使用方法。分享给大家供大家参考，具体如下：JavaScript 是一种弱类型语言，javascript的变量类型由它的值来决定。 定义变量需要用关键字 ‘var...
2020-05-27
layui前端时间戳转化实例
1、html : 添加一个table，用来显示数据 <table class="layui-table" id="list" lay-filter="manageEvent"></table>2、js部分 ：接收后台传来的数据layui.use(['laypage', 'lay...
2020-05-27
解决Layui 表格自适应高度的问题
鄙人在写一个项目，发现成功将数据在页面显示后， 高度没有自适应，而是将一些按钮遮挡了，不断的调试和网上寻找解决办法，发现没有效果，最后添加了一句css <style> .layui-table-cell...
2020-05-27
laravel+vue组合的项目中引入ueditor方式(打包成组件形式)
前言：最近写东西需要用到ueditor，并且需要是在vue组件中引入。（本博客默认你已经配置了laravel+vue的项目环境，如果还没有配置好的的小伙伴，可以看看我的另一篇文章，链接：https://w...
2020-05-27
JavaScript定时器常见用法实例分析
本文实例讲述了JavaScript定时器常见用法。分享给大家供大家参考，具体如下：定时器定时器在javascript中的作用1、制作动画
2、异步操作
3、函数缓冲与节流定时器类型及语法/*...
2020-05-27
NodeJs crypto加密制作token的实现代码
Node.js 内置的 Crypto 库 ，它提供各种加密算法，可以非常方便地让我们使用密码技术，解决应用开发中的问题。主要支持 hash（哈希），hmac（密钥哈希），cipher（编码），decipher（解码），sign（签名）以及...
2020-05-27
Javascript 类型转换、封闭函数及常见内置对象操作示例
本文实例讲述了Javascript 类型转换、封闭函数及常见内置对象。分享给大家供大家参考，具体如下：Javascript组成1、ECMAscript javascript的语法（变量、函数、循环语句等语法）
2...
2020-05-27
详解Angular Karma测试的持续集成实践
使用Angular + Karma + Jasmine可以进行前端的单体测试，从前面的文章中我们了解到了Karma的工作原理，它会启动一个指定种类的浏览器，然后在此浏览器中运行测试用例。如果需要进...
2020-05-27
taro小程序添加骨架屏的实现代码
最近做了一些小程序方面的性能优化，如分包加载，添加骨架屏等，这次主要说一下骨架屏的相关内容。
关于骨架屏，有三种方法：
1.直接请UI同学帮忙P张图，当做loading图放上去。这种方法...
2020-05-27
create-react-app中添加less支持的实现
前言
使用 create-react-app 脚手架创建项目后，默认是不支持 less 的。所以我们需要手动添加。第一步 暴露webpack配置文件
使用 create-react-app 创建的项目，默认情况下是看...
2020-05-27
微信小程序自定义头部导航栏（组件化）
本文实例为大家分享了微信小程序自定义头部导航栏的具体代码，供大家参考，具体内容如下效果图支持 导航栏自定义背景颜色、背景图片 支持返回文字自定义 支持导航标题自定义首...
2020-05-27
在node环境下parse Smarty模板的使用示例代码
因为某种原因，我们的项目必须采用smarty模板，一直没找到好用的npm包
不得已扒开了fis3-smarty, gulp-smarty的代码，找到了一个npm包
smarty4Js
然后解决了node环境渲染smarty的...
2020-05-27
微信小程序自定义导航栏（模板化）
前段时间写过一篇关于微信小程序自定义导航栏的自定义组件，但是对于分享页有一定的bug
这次用模板化又搞了一遍 优化了下Android与IOS 显示更接近微信原生的导航栏，以及修复分...
2020-05-27
微信JSSDK实现打开摄像头拍照再将相片保存到服务器
在微信端打开手机摄像头拍照，将拍照图片保存到服务器上需要使用到微信的JSSDK接口，主要使用到了拍照或从手机相册中选图接口（chooseImage）,上传图片接口（uploadImage）参考资料：http...
2020-05-27
微信sdk实现禁止微信分享(使用原生php实现)
在此之前我们已经学习过微信的sdk使用，但是之前实在easyWechat的php插件基础上实现的，具体可以参考：https://www.freexyz.cn/article/174309.htm这里我们来使用原生的php实现微信...
2020-05-27
vue中注册自定义的全局js方法
前端开发的时候，总会需要写一些js方法，在vue框架中为了方便使用，可以考虑注册一个全局的js方法，下面是注册步骤：1.0 可以在assets文件中的js文件下面新建一个js文件，如：yun.js---2....
2020-05-27
JS数据双向绑定原理与用法实例分析
本文实例讲述了JS数据双向绑定原理与用法。分享给大家供大家参考，具体如下：通常在前端开发过程中，经常遇到需要绑定两个甚至多个元素之间的值，比如将input的值绑定到一个h1上，改...
2020-05-27
JS Ajax请求会话过期处理问题解决方法分析
本文实例讲述了JS Ajax请求会话过期处理问题解决方法。分享给大家供大家参考，具体如下：对于页面来说，处理session过期比较简单，一般只需在过滤器里面判断session用户是否存在，不...
2020-05-27
JavaScript如何处理移动端拍摄图片旋转问题
本文实例为大家分享了js移动端拍摄图片旋转的具体代码，供大家参考，具体内容如下第一步：引入exif-js<script src="https://cdn.jsdelivr.net/npm/exif-js@2.3.0/exif.min.js"></...
2020-05-27
24行JavaScript代码实现Redux的方法实例
前言Redux是迄今为止创建的最重要的JavaScript库之一，灵感来源于以前的艺术比如Flux和Elm，Redux通过引入一个包含三个简单要点的可伸缩体系结构，使得JavaScript函数式编程成为...
2020-05-27
AngularJS动态生成select下拉框的方法实例
一、select相关知识
<select> <option value="0">HTML</option> <option value="1">Java</option> <option value="2">Python</option></select>其中，value 是存储到数据库的...
2020-05-27
实例分析JS中的相等性判断===、 ==和Object.is()
相信刚接触JS的人都会被他的想等性判断给整糊涂，看看下面代码，你能答对几个？NaN === NaN // falseNaN == NaN // falseObject.is(NaN, NaN) // true0 == false // true1 == tru...
2020-05-27
