简述JS控制台的使用
1.快捷键F12可直接进入控制台（或者单机右键->检查）用于bug调试2.控制台如图：Elements:表示所有的js元素Console:常用的有如下几个功能： ①console.log:在控制台输出，优点...
2020-05-27
详解JavaScript 中 if / if...else...替换方式
说说烂大街的if/if...else...，程序中用得最多的流程判断语句。对着曾经满屏的if/if...else...，心想能不能搞点事情，折腾点浪花浪里呀浪。对顶着“这个需求很简单，怎么实现我不管...
2020-05-27
Bootstrap Table中的多选框删除功能
先上代码，后面再进行详细解释：
//删除按钮事件 $("#remove").on("click", function () { // $("#table").bootstrapTable('getSelections');为bootstrapTable自带的，所...
2020-05-27
微信小程序仿朋友圈发布动态功能
仿照微信朋友圈做了一个界面如下，先看效果：1、点开界面2、选择图片3、点击上传4、动态显示第一个页面的wxml：<view class='page'> <textarea class='text' bindinput="input" p...
2020-05-27
微信小程序form表单组件示例代码
表单，将组件内的用户输入的<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 提交。当点击<form/>表单中 formType 为 submit 的<button/>组件时，会将表单组件中...
2020-05-27
JS在if中的强制类型转换方式
众所周知，JS在很多情况下会进行强制类型转换，其中，最常见两种是：1.使用非严格相等进行比较，对==左边的值进行类型转换2.在if判断时，括号内的值进行类型转换，转化为布尔值今天，我就来...
2020-05-27
Angular-UI Bootstrap组件实现警报功能
Angular-UI Bootstrap提供了许多组件，从流行的的Bootstrap项目移植到Angular 指令（显著的减少了代码量）。如果你计划在Angular应用中使用Bootstrap组件，我建议细心检查。话虽如...
2020-05-27
JavaScript字符串转数字的5种方法及遇到的坑
String转换为Number有很多种方式，我可以想到的有5种！parseInt(num); // 默认方式 (没有基数)
parseInt(num, 10); // 传入基数 (十位数)
parseFloat(num) // 浮点数
Number(nu...
2020-05-27
vue实现城市列表选择功能
成果展示最后的成果就是下面所展示的内容，因为gif图没有做，只能截图所展示，接下来，会带着大家一步一步的完成下面功能，脚手架搭建和node安装在本次案例不会讲解，如果了解，可以在我...
2020-05-27
Vue实现自定义下拉菜单功能
先看例子，后面有对用到的知识点的总结效果图：实现代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件练习</title> <link rel="styleshee...
2020-05-27
mpvue 如何使用腾讯视频插件的方法
1.在小程序微信开放平台：设置 --- 第三方服务里，申请腾讯视频插件
2.申请成功后就可以在项目中使用了具体使用步骤如下：
1.在项目目录src下的main.js中加入下面代码，这里代码会...
2020-05-27
微信小程序实现循环动画效果
在微信小程序的交互效果中，通常通过各种动画效果来增强用户体验，本文通过微信小程序原生API来实现小程序中控件的各种动画效果，先看下本文最终的效果： 上图中的“关注公众号”...
2020-05-27
浅谈Angularjs中不同类型的双向数据绑定
Angularjs1.X中两种不同的双向数据绑定聊聊 Angularjs1.x中那些活见鬼的事情。一. html与Controller中的双向数据绑定html-Controller的双向数据绑定，在开发中非常常见，也是An...
2020-05-27
Vue2.X 通过AJAX动态更新数据
最近在做一个跟美团同样一套预约系统，由于一个商家会有很多主题，而每个主题下面会有很多场次。那怎么在一个页面把这些数据很好的动态展示出来呢？我首先想到了VUE的动态绑定数...
2020-05-27
微信小程序实现默认第一个选中变色效果
效果图：这里默认第一个选中 点击每个不会改变样式 根据index来实现wxml：页面class有三目运算<view class='box'> <view class='box-container' wx:for="{{list}}" wx:key="lis...
2020-05-27
详解vue+webpack+express中间件接口使用
环境：vue 2.9.3; webpack目的：接口的调用跨域方式：1、express中间的使用2、nginx代理3、谷歌浏览器跨域设置--------------------------------------------分割线-------------...
2020-05-27
微信小程序倒计时功能实例代码
本实例的主要功能是：单击按钮弹出一个半透明的弹出层，在规定的时间后才能激活关闭按钮，关闭弹出层。wxml部分<view class="wrap"><view class="btns"><button formType="submit...
2020-05-27
微信小程序自定义组件之可清除的input组件
最近正在做的一个小程序项目中需要用到一个可清除的输入框控件，为了在项目中使用方便以及方便其他项目直接使用，便封装了一个可清除的input自定义组件。组件需要达到的需求是：...
2020-05-27
详解如何从零开始搭建Express+Vue开发环境
准备工作
1. 为前端选择合适的预处理工具和资源管理工具
预处理工具又分为 js 预处理工具和 css 预处理工具。Javascript 一直以来最为人诟病的一点就是缺乏原生的模块机制，...
2020-05-27
打通前后端构建一个Vue+Express的开发环境
前端做多了，自然就会想往后端伸手。更何况现在有了Node和Express，让前端做后端开发的学习降低了不少。最近正好揽下了一个 Vue + Express + mysql 的小项目。项目开始时是前后...
2020-05-27
vue实现未登录跳转到登录页面的方法
环境：vue 2.9.3; webpack;vue-router目的：实现未登录跳转例子：直接在url地址栏输入...../home,但是这个页面要求需要登陆之后才能进入,判断的值就通过登陆之后给本地缓存存入的...
2020-05-27
webstrom Debug 调试vue项目的方法步骤
第一种，使用vue插件1、下载插件：https://www.freexyz.cn/softs/588080.html这样直接run一个vue项目，你就会看见插件标亮了打开调试模式，你就会看见最后有个vue标记，打开能看见当前v...
2020-05-27
详解.vue文件中style标签的几个标识符
.vue文件中style标签的几个标识符在人生就要绝望的时候, 被编辑器所提示的一个scopedSlots所拯救.
卧槽, 写到最后才发现这个属性的具体卵用. 详情见最后解决办法.问题背景...
2020-05-27
使用svg实现动态时钟效果
一个使用svg做的动态时钟，供大家参考，具体内容如下怎么样很酷吧，以下是源码：<!DOCTYPE html><html> <title>SVG clock</title> <meta http-equiv="content-type" content=...
2020-05-27
vue脚手架搭建项目的兼容性配置详解
使用vue-cli搭建项目，面临着解决ie兼容性问题(ie9+)，因为ie浏览器并不支持es6语法等。
首先安装babel-polyfill，解决ie不支持promise对象的问题npm install --save-dev babel-p...
2020-05-27
vue生成token并保存到本地存储中
首先回顾一下token:token认证是RESTFUL.api的一个很重要的部分，通过token认证和token设置，后端会有一个接口传给前台：http://localhost/yiiserver/web/index.php/token?cli...
2020-05-27
基于D3.js实现时钟效果
今天做了一个小时钟动画，因为学习canvas也做过一个时钟，所以想着可不可以使用d3来做个时钟动画。主要利用的还是饼图这个布局，添加了一个圆形颜色渐变的效果。<!DOCTYPE html><...
2020-05-27
JS中实现隐藏部分姓名或者电话号码的代码
项目需要, 只显示用户的姓名和手机号开头跟结尾, 其他部分用 * 代替, 借鉴了网上的代码, 参考地址没来得及记下hidden:function(str,frontLen,endLen) { var len...
2020-05-27
SVG实现时钟效果
本文实例为大家分享了SVG实现时钟效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title></title> <style> * { margin: 0;...
2020-05-27
JS使用tween.js动画库实现轮播图并且有切换功能
效果图如下所示：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>Document</title> <style> .wrap{ width: 500px; height: 300px; position: r...
2020-05-27
vue-router中的hash和history两种模式的区别
众所周知，vue-router有两种模式，hash模式和history模式，这里来谈谈两者的区别。hash模式hash模式背后的原理是onhashchange事件,可以在window对象上监听这个事件:window.onhash...
2020-05-27
详解webpack import()动态加载模块踩坑
importwebpack根据ES2015 loader 规范实现了用于动态加载的import()方法。这个功能可以实现按需加载我们的代码，并且使用了promise式的回调，获取加载的包。在代码中所有被impo...
2020-05-27
vue 实现axios拦截、页面跳转和token 验证
第一步: 路由 多添加一个自定义字段 requireAuth path: '/repository', name: 'repository', meta: { requireAuth: true, // 添加该字段，表示进入这个路由是需要...
2020-05-27
vue 权限认证token的实现方法
最近搞一个vue的项目，接口带了权限验证，于是乎稍微研究了一下，中间遇到的各种坑都来源于自己概念的不熟悉。主要呢是分两步：一是vue路由层的控制，由于项目的路由有规律可循，所以没...
2020-05-27
vue的token刷新处理的方法
第一次接触token处理，初来乍到，说错的地方还请各位多多指教。token身份验证机制
客户端登录请求成功后，服务器将用户信息（如用户id）使用特殊算法加密后作为验证的标志发送给用户（...
2020-05-27
使用Vue实现图片上传的三种方式
项目中需要上传图片可谓是经常遇到的需求，本文将介绍 3 种不同的图片上传方式，在这总结分享一下，有什么建议或者意见，请大家踊跃提出来。没有业务场景的功能都是耍流氓，那么我们...
2020-05-27
微信小程序将字符串生成二维码图片的操作方法
最近接到这样一个需求，需要在小程序里将十几位随机字符串转换为二维码的形式展示。公众号中（另一终端）调用JSSDK扫一扫功能，去扫描小程序生成的二维码。得到字符串，然后进行接下...
2020-05-27
详解vue2.0监听属性的使用心得及搭配计算属性的使用
我们在工作中常常需要监听某一个属性值的变化，这个时候我们就需要用到了监听属性watch，在这里我总结watch属性的三种场景使用希望对你有所帮助：1.基础版监听：场景如下：输入框输入...
2020-05-27
详解vue中axios的封装
第一步还是先下载axioscnpm install axios -S第二步建立一个htttp.jsimport axios from 'axios';import { Message } from 'element-ui';axios.defaults.timeout = 5000;axi...
2020-05-27
Vue隐藏显示、只读实例代码
1.Vue隐藏显示<div style="padding-top:5px;" v-bind:class="{hidden: isHidden }"> <label class="inline"> <input id="id-button-borders" checked="" v-model="user....
2020-05-27
vue系列之requireJs中引入vue-router的方法
requireJs简介
参数配置
requireJS 常用的方法与命令也就两个，因此requireJS使用起来非常简单。
require
define
其中define是用于定义模块，而require是用于载入模块以及载入...
2020-05-27
webpack4.x打包过程详解
一、全局安装 webpack-cli 脚手架npm install webpack-cli -g二、新建一个项目wp，并在wp目录下初始化一个package.json文件。npm init -y在wp目录下新建一个src目录，并在该目...
2020-05-27
微信小程序修改swiper默认指示器样式的实例代码
修改官方swiper样式从微信官方微信开发文档中心复制swiper 代码块。wxml定义<view class="wrap"> <swiper class="swipers" autoplay="{{autoplay}}" current="{{currentSwi...
2020-05-27
Vue无限滑动周选择日期的组件的示例代码
之前在做一个手机端项目的时候，需要一个左右滑动（按周滑动）选择日期插件，而且当时这个项目没有用到Vue。当时又没有找到合适的第三方插件，就花了点时间用原生JavaScript写了出来，...
2020-05-27
详解easyui基于 layui.laydate日期扩展组件
本人后端开发码农一个，公司前端忙的一逼，项目使用的是easyui组件，其自带的datebox组件使用起来非常不爽，主要表现在1、自定义显示格式很麻烦2、选择年份和月份用户体验也不好网...
2020-05-27
微信小程序scroll-x失效的完美解决方法
失效的scroll-x在微信小程序的文档中，使用scroll-view标签，然后给它设置一个scroll-x就可以实现元素，横向排列，可以左右滑动。。。。 然而，在实际开发中，发现并不是这么简单。。。...
2020-05-27
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
本文实例讲述了JavaScript实现正则去除a标签并保留内容的方法。分享给大家供大家参考，具体如下：一、问题：有如下HTML代码，要求用正则去除a标签，只留下内容 //www.freexyz.cn
复制代...
2020-05-27
Angularjs实现多图片上传预览功能
最近要实现一个多图片上传的预览功能，网上有很多例子大多不太完整，我就把他们的整合了下并且加了一些功能和界面，我们只需要调用一条指令就可以实现，但传给后台还需要额外的代码...
2020-05-27
JavaScript实现的反序列化json字符串操作示例
本文实例讲述了JavaScript实现的反序列化json字符串操作。分享给大家供大家参考，具体如下：JavaScript中如何反序列化json字符串呢?有如下两种方法:(1) 使用万能的evalvar...
2020-05-27
微信小程序日期选择器实例代码
/* JS代码部分 */ 3 const date = new Date()const years = []const months = []const days = []const hours = []const minutes = []var thisMon = date.getMonth();var th...
2020-05-27
