JavaScript - 教程之家

71浏览

0评论

在vue项目中使用sass语法问题

Sass（英文全称：Syntactically Awesome Stylesheets）是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后，Weizenbaum和Chris Eppst...

2020-05-27

88浏览

0评论

小程序分页实践之编写可复用分页组件

项目中遇到 tab切换列表，每个tab都需要分页的需求，分页流程具有相似性，于是想将分页封装为组件，方便应用。组件的应用已写成一个小demo，效果如下图所示（数据用mock模拟）：源码可以查...

2020-05-27

44浏览

0评论

Vue实现数据表格合并列rowspan效果

背景现实中会遇到很多需求，合并列，例如要显示一个名学生的各门课程成绩。html实现使用html实现是比较简单的，利用table标签的rowspan属性即可，代码如下：<table> <thead> <tr> <t...

2020-05-27

32浏览

0评论

vue通过数据过滤实现表格合并

基于vue通过数据过滤实现表格合并，供大家参考，具体内容如下需求基于vue渲染的数据表格需要对相同的列进行合并
思路自从使用了vue，就再也不想直接操作dom节点了，所以还是...

2020-05-27

68浏览

0评论

Vue动态生成表格的行和列

当在开发项目的时候，固定的页面表格标题及内容不能满足需求，需要根据不同的需求动态加载不同的表格表头和表格的内容，具体的实现代码如下：<template> <div class="boxShadow"> <...

2020-05-27

46浏览

0评论

微信小程序判断用户是否需要再次授权获取个人信息

一、index.js设置如下//获取用户的授权信息，放到本地缓存中 wx.getSetting({ success: (res) => { if(res.authSetting['scope.userInfo']) { wx.setStorage({...

2020-05-27

41浏览

0评论

bootstrap table实现横向合并与纵向合并

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下先上html代码<div id="test" class="table-responsive" style="padding: 0;overflow:auto;">...

2020-05-27

62浏览

0评论

bootstrap table.js动态填充单元格数据的多种方法

bootstrap-table.js动态填充table单元格数据，总结了几种方法以适应各种需求，以下就简单介绍两种方法：方法一：全部自动填充table<!DOCTYPE html><html lang="en"><head> <meta c...

2020-05-27

73浏览

0评论

更强大的vue ssr实现预取数据的方式

我在前几天的一篇文章中吹了两个牛皮，截图为证：现在可以松口气的说，这两个牛皮都实现了，不过 vue-suspense 改名了，叫做 vue-async-manager 了，他能帮你管理 Vue 应用中的异步组件...

2020-05-27

51浏览

0评论

JS开发富文本编辑器TinyMCE详解

一、题外话最近负责了一个cms网站的运维，里面存在很多和编辑器有关的问题，比如编辑一些新闻博客，论文模块。系统采用的是FCKEditor，自我感觉不是很好，如下图特别是在用户想插入一...

2020-05-27

63浏览

0评论

bootstrap table列和表头对不齐的解决方法

我们在使用bootstraptable做表格展示时，有时需要固定表格的高度当数据超出高度会出现滚动条，这时有可能出现表头列和数据列对不齐。出现这个问题的原因是数据列出现了滚动条占...

2020-05-27

85浏览

0评论

vue自定义表单生成器form-create使用详解

介绍
form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件，再复...

2020-05-27

65浏览

0评论

VueJS 取得 URL 参数值的方法

先给大家介绍下VueJS取得URL参数 vuejs取得URL中参数的值
地址：http://localhost:3333/#/index?id=001
结果：001
console.log(this.$route.query.id)
PS：下面给大家介绍下...

2020-05-27

64浏览

0评论

Vue数据驱动表单渲染,轻松搞定form表单

form-create
具有动态渲染、数据收集、校验和提交功能的表单生成器，支持双向数据绑定、事件扩展以及自定义组件，可快速生成包含有省市区三级联动、时间选择、日期选择等17种功...

2020-05-27

46浏览

0评论

bootstrap table插件动态加载表头

bootstrap的table属性已经很熟悉了，最近遇到一个问题，犹豫每个列表加载的数据需求不同，所以需要动态的更换表头。网上有很多加载表格数据的例子，但是却没有找到如何动态加载表...

2020-05-27

60浏览

0评论

深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析

ng-bootstrap: tabset 本文介绍了 ng-bootstrap 项目中，tabset 的实现分析。使用方式<ngb-tabset> 作为容器元素，其中的每个页签以一个 <ngb-tab> 元素定义，在 <ngb-tabset> 中...

2020-05-27

41浏览

0评论

element-ui 中使用upload多文件上传只请求一次接口

方法一
不使用组件内部的钩子<el-upload class="upload-image" ref="upload" multiple :action="baseUrl" list-type="picture" :auto-upload="false" accept="image/*"> <e...

2020-05-27

75浏览

0评论

Element-ui DatePicker显示周数的方法示例

1.场景描述我们公司是做电商的，运营的工作指标都是按周来定的，所以他们对周特别敏感，希望我们能在日期选择器上显示周数。刚接到这个需求时，心中很不乐意，因为Element-ui的日期选...

2020-05-27

215浏览

0评论

bootstrap Table实现合并相同行

本文实例为大家分享了bootstrapTable实现合并相同行的具体代码，供大家参考，具体内容如下方法：调用mergeCells(data, fieldName, target)，可以实现合并相同行 var table = $("#ta...

2020-05-27

60浏览

0评论

Smartour 让网页导览变得更简单(推荐)

本文介绍了Smartour 让网页导览变得更简单，分享给大家，具体如下：在遇到网页内容有着较大调整的时候，往往需要一个导览功能去告诉用户，某某功能已经调整到另外一个位置。比较常规...

2020-05-27

40浏览

0评论

vue-cli 项目打包完成后运行文件路径报错问题

本文介绍了vue-cli 项目打包完成后运行文件路径报错问题，做个笔记，也分享给大家。刚新建的vue-cli项目，同事说要打包一版进行测试，打包完成后放在tomcat上发现路径报错问题。
百...

2020-05-27

48浏览

0评论

Vue配置marked链接添加target="_blank"的方法

1."引入marked
package.json"dependencies": { "marked": "^0.3.9"}import marked from "marked";
1.修改生成的HTML的方法
const renderer = new marked.Renderer();//htt...

2020-05-27

48浏览

0评论

微信小程序扭蛋抽奖机css3动画实现详解

前言最近快速上线一个抽奖活动，又不想用canvas做，思考了很久，还是决定使用css3的动画来做，只要小球动得快，就没人发现我这些个小球的运动路径都是一样的了。先上动图wxml文件：
<vi...

2020-05-27

57浏览

0评论

Vue实战教程之仿肯德基宅急送App

Vue学习有一段时间了，就想着用Vue来写个项目练练手，弄了半个月，到今天为止也算勉强能看了。由于不知道怎么拿手机App的接口，并且KFC电脑端官网真的...一言难尽，所以项目所有数据...

2020-05-27

51浏览

0评论

使用element-ui的el-menu导航选中后刷新页面保持当前选中状态

具体代码如下所示：<el-menu :default-active=‘$route.path‘ :router=‘true‘ :unique-opened=‘true‘ :default-openeds="defaultOpeneds" 　　　　　　　　background-c...

2020-05-27

65浏览

0评论

Android 自定义view仿微信相机单击拍照长按录视频按钮

Android仿微信相机的拍照按钮单击拍照，长按录视频。先上效果图。
项目地址：https://github.com/c786909486/PhotoButton2/tree/v1.0添加依赖allprojects { repositories {...

2020-05-27

65浏览

0评论

el-input 标签中密码的显示和隐藏功能的实例代码

效果展示：　　密码隐藏：　　密码显示：代码展示：　　一：<el-input>标签代码 <el-form-item label="密码" prop="password"> <el-input :type="passw" v-model="adduser.passwor...

2020-05-27

52浏览

0评论

基于vue 实现表单中password输入的显示与隐藏功能

实现效果：点击 “眼睛” 的时候显示与隐藏代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link href="css/bootstrap.min.css" rel="external nofoll...

2020-05-27

49浏览

0评论

微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能

1.多张图片循环渲染后预览、保存、识别带参数二维码wxml页面<view wx:for=“{{imgalist}}” wx:for-item=“image” class=“previewimg”><image src=“{{image}}” data-s...

2020-05-27

46浏览

0评论

JavaScript剩余操作符Rest Operator详解

剩余操作符
之前这篇文章JavaScript展开操作符(Spread operator)介绍讲解过展开操作符。剩余操作符和展开操作符的表示方式一样，都是三个点 '…',但是他们的使用场景会不同。...

2020-05-27

58浏览

0评论

JavaScript展开操作符(Spread operator)详解

你可以通过展开操作符(Spread operator)...扩展一个数组对象和字符串。展开运算符（spread）是三个点（…）,可以将可迭代对象转为用逗号分隔的参数序列。如同rest参数的逆运算。用...

2020-05-27

57浏览

0评论

JS回调函数原理与用法详解【附PHP回调函数】

本文实例讲述了JS回调函数原理与用法。分享给大家供大家参考，具体如下：JS回调函数何为回调函数，官方解释：当程序跑起来时，一般情况下，应用程序（application program）会时常通过API调...

2020-05-27

37浏览

0评论

jquery插件开发模式实例详解

本文实例讲述了jquery插件开发模式。分享给大家供大家参考，具体如下：jquery插件一般有三种开发方式：通过$.extend()来扩展jQuery 通过$.fn 向jQuery添加新的方法通过$.wid...

2020-05-27

76浏览

0评论

Vue项目中使用WebUploader实现文件上传的方法

简介：WebUploader是由 Baidu WebFE(FEX) 团队开发的一个简单的以 HTML5为主， FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流I...

2020-05-27

44浏览

0评论

typescript nodejs 依赖注入实现方法代码详解

依赖注入通常也是我们所说的ioc模式，今天分享的是用typescript语言实现的ioc模式，这边用到的主要组件是 reflect-metadata 这个组件可以获取或者设置元数据信息，它的作用是拿到...

2020-05-27

53浏览

0评论

Vue中遍历数组的新方法实例详解

1、foreach　　foreach循环对不能使用return来停止循环 search(keyword){ var newList = [] this.urls.forEach(item =>{ if(item.name.indexOf(keyword) != -...

2020-05-27

63浏览

0评论

Node.js 实现简单的无侵入式缓存框架的方法

前言
python 的flask.ext.cache 通过注解这样对方法返回结果进行缓存：@cache.cached(timeout=300, key_prefix='view_%s', unless=None)def hello(name=None): print 'view...

2020-05-27

53浏览

0评论

浅析Angular 实现一个repeat指令的方法

在项目中常常会使用 ngFor指令，之前只会使用它，具体如何实现的却不得而知。终于这几天有时间"研究"了下它是如何实现的，顺便自己写个简单的 ngFor指令：repeat说到指令就不得不提...

2020-05-27

50浏览

0评论

Vue商品控件与购物车联动效果的实例代码

本篇我们将构建商品控件与购物车联动。商品控件商品控件的结构编写在商品组件的<template>标签内完成项目结构，以及数据，事件的绑定，与判断逻辑的书写。<template> <div class...

2020-05-27

68浏览

0评论

微信小程序获取用户绑定手机号方法示例

用户调用wx.login()方法，获取登录用户凭证code
wx.login({ success: function(res) { console.log('loginCode', res.code) }});code传给后台，凭证code获取session_key和openi...

2020-05-27

55浏览

0评论

详解vue为什么要求组件模板只能有一个根元素

我是在知乎上看到的这个问题，转念一想，用了大半年的vue，好像真的没有了解过：‘为什么只能有且只有一个根元素'于是我花了二十多分钟去找了一下答案......竟然没有找到答案....好...

2020-05-27

57浏览

0评论

教你30秒发布一个TypeScript包到NPM的方法步骤

文章读译自The 30 second guide to publishing a typescript package to npm，部分内容有修改哈。这篇文章要求你有一定的 JS 、TS 和 NPM 的知识，如果你写过普通的 NPM 包就更...

2020-05-27

82浏览

0评论

详解微信小程序自定义组件的实现及数据交互

简单的自定义组件本文的使用场景是：多个页面都需要用到拨打电话功能，为减少代码量、便于维护，所以自定义了一个组件，每个页面直接调用即可。基本实现下图样式：下面我们来一步步的...

2020-05-27

58浏览

0评论

javascript自定义日期比较函数用法示例

本文实例讲述了javascript自定义日期比较函数用法。分享给大家供大家参考，具体如下：1.比较日期大小<script>function CompareDate(d1,d2){ return ((new Date(d1.replace(/-/g...

2020-05-27

64浏览

0评论

在小程序中推送模板消息的实现方法

前段时间剁手了 PS4,在浏览商店时，发现官方商店真的不好用，主要是网络原因，次要是页面设计。所以就想自己做一个游戏查询的小程序，可以关注某个游戏，然后在这个游戏打折的时候发...

2020-05-27

71浏览

0评论

koa2服务端使用jwt进行鉴权及路由权限分发的流程分析

大体思路　　后端书写REST api时，有一些api是非常敏感的，比如获取用户个人信息，查看所有用户列表，修改密码等。如果不对这些api进行保护，那么别人就可以很容易地获取并调用这些 a...

2020-05-27

35浏览

0评论

koa2 用户注册、登录校验与加盐加密的实现方法

加密与解密　先介绍一下关于服务端用户名跟密码的存储状态，我们知道当前端在注册一个新用户时，会在表单内填入用户名和密码，并通过post请求提交到服务器，服务器再把用户名和密码...

2020-05-27

63浏览

0评论

微信小程序webview 脚手架使用详解

项目地址
https://github.com/fangkyi03/wechat-webview-template
项目介绍
1.wechat
使用taro创建的初始化项目
2.react-ssr-h5
使用nextjs创建的项目已经做好完整的兼容...

2020-05-27

58浏览

0评论

20道JS原理题助你面试一臂之力(必看)

前言
本文针对目前常见的面试题，仅提供了相应的核心原理及思路，部分边界细节未处理。后续会持续更新，希望对你有所帮助。
1. 实现一个call函数
// 思路：将要改变this指向的方法...

2020-05-27

63浏览

0评论

这应该是最详细的响应式系统讲解了

前言
本文从一个简单的双向绑定开始，逐步升级到由defineProperty和Proxy分别实现的响应式系统，注重入手思路，抓住关键细节，希望能对你有所帮助。一、极简双向绑定
首先从最简单...

2020-05-27

热门文章