JavaScript - 教程之家

56浏览

0评论

利用js给datalist或select动态添加option选项的方法

有时需要从配置文件中读取信息，然后添加到用户的选择项中，比如select的option选项，下面针对此类情况做了一个实例内容如下：<!DOCTYPE html><html><head><title>鼠标点击时加载</...

2020-05-27

77浏览

0评论

用jquery获取select标签中选中的option值及文本的示例

1.要想使用jquery首先html或者jsp中得引入jquery文件。2.话不多说，上代码。<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOC...

2020-05-27

57浏览

0评论

jquery根据name取得select选中的值实例(超简单)

实例如下所示：<select name="region[province]" id="" class="region valid"><option value="0" selected="selected" tier="1">省、直辖市</option><option tier="1" value=...

2020-05-27

58浏览

0评论

Laravel整合Bootstrap 4的完整方案(推荐)

如果你是想在laravel5.5上直接使用bootstrap 4，这应该是相对明智的，因为bootstrap 4最终版本已经发布了，那么这里有一个好消息，就是你不需要一步步执行下面的步骤了，你可以通过安...

2020-05-27

109浏览

0评论

js动态添加表格逐行添加、删除、遍历取值的实例代码

关于js对表格进行逐行添加，今天抽空整理了一下：新建一个html文件（没有编辑器的可以新建一个demo.txt文件，然后改后缀名为demo.html），把下面代码全部贴进去即可。功能包括：表格添加...

2020-05-27

55浏览

0评论

微信小程序实现图片压缩功能

小龙大哥的微信小程序在初始阶段相当于IE界的6，在这里给大家说一个刚趟过去的坑。拍照的API。wx.chooseImage({ count: 1, // 默认9 sizeType: ['original', 'compressed'],...

2020-05-27

72浏览

0评论

Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能

2017年底了，总结了这一年多来的前端之路，Vue从入门到放弃，再二进宫，从 Vue1.0 持续跟踪到 Vue2.5。结合公司的一些实际项目，也封装了一些比较实用的组件。由于现在公司管理平台主...

2020-05-27

65浏览

0评论

vue实现前进刷新后退不刷新效果

最近在用vue尝试着做移动端的项目。希望实现前进刷新、后退不刷新的效果。即加载过的界面能缓存起来（返回不用重新加载），关闭的界面能被销毁掉（再进入时重新加载）。例如对a->b->c...

2020-05-27

66浏览

0评论

微信小程序如何获取用户信息

最近在研究微信小程序怎么玩的。接触后发现好多的坑。
比如在浏览器中我们可以通过document.getElementById 获取到页面的DOM对象。而在微信小程序中是获取不到DOM对象的。...

2020-05-27

63浏览

0评论

微信小程序模版渲染详解

微信小程序的界面程序支持html语法，多加了一部分标签，如view、block、templete等。
模版渲染
index.wxml<view> <p>{{helloWord}}</p></view>其中{{}}里面包含的内容你可以...

2020-05-27

70浏览

0评论

从零开始最小实现react服务器渲染详解

前言
最近在写 koa 的时候想到，如果我部分代码提供api，部分代码支持ssr，那我应该如何写呢？（不想拆成 2个服务的情况下）
而且最近写的项目里面也用过一些服务端渲染，如nuxt，自己也搭...

2020-05-27

65浏览

0评论

深入理解vue中slot与slot-scope的具体使用

写在前面
vue中关于插槽的文档说明很短，语言又写的很凝练，再加上其和methods，data，computed等常用选项使用频率、使用先后上的差别，这就有可能造成初次接触插槽的开发者容易产生...

2020-05-27

70浏览

0评论

jquery写出PC端轮播图实例

最近其他项目不是很忙，被安排给公司的官网项目做一个新的页面（之前没接触公司官网项目），其中有一个用到轮播图的地方，最开始想直接用swiper.js插件实现就好了，可是发现官网项目里...

2020-05-27

54浏览

0评论

Vue shopCart 组件开发详解

一、shopCart组件(1) goods 父组件和子组件 shopCart 传参deliveryPrice:{ // 单价从json seller 对象数据中获取 type:Number, default:0},minPrice:{ // 最低起送价从j...

2020-05-27

122浏览

0评论

Vue header组件开发详解

一、 header 组件开发之数据的传递1. App.vue 引入组件import header from './components/header/header'2. App.vue 中注册组件 export default { components:{ v-h...

2020-05-27

57浏览

0评论

微信小程序如何获取用户手机号

最近在做一款微信小程序，需要获取用户手机号，具体步骤如下：流程图：
1、首先，客户端调用wx.login，回调数据了包含jscode，用于获取openid（用户唯一标识）和sessionkey（会话密钥）。2、拿到j...

2020-05-27

56浏览

0评论

微信小程序如何获取openid及用户信息

微信小程序获取openid及用户信息的方法1. 获取openid
1.1 获取code
调用接口获取登录凭证（code）进而换取用户登录态信息，包括用户的唯一标识（openid）及本次登录的会话密钥（sessio...

2020-05-27

71浏览

0评论

百度地图去掉marker覆盖物或者去掉maker的label文字方法

如下所示：var marker = new BMap.Marker(...);//方法1map.removeOverlay(marker);//方法2marker.remove(); //如果是Marker设置的setLabel还可以设置其样式来隐藏 mapCompone...

2020-05-27

59浏览

0评论

微信小程序实现animation动画

微信小程序实现animation动画，具体内容如下1. 创建动画实例
wx.createAnimation(OBJECT)
创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export...

2020-05-27

43浏览

0评论

微信小程序wx.getImageInfo()如何获取图片信息

本文实例为大家分享了Android九宫格图片展示的具体代码，供大家参考，具体内容如下一.知识点二.列子
(1).加载时
<view class="zn-uploadimg"> <image src="{{tempFilePaths}...

2020-05-27

45浏览

0评论

基于百度地图api清除指定覆盖物(Overlay)的方法

最近用百度地图api做项目，需要同时在地图显示marker与Polyline，且Polyline需要根据点击来显示或清除，所以遇到了清除指定覆盖物的问题，各种搜索后未能找到完美的解决方法，通过自...

2020-05-27

64浏览

0评论

微信小程序版翻牌小游戏

本文实例为大家分享了微信小程序翻牌游戏的具体代码，供大家参考，具体内容如下一、新建一个quick start项目看看结构
在微信开发工具点击添加项目，选择无appid，勾上"在当前目录...

2020-05-27

39浏览

0评论

Angular利用trackBy提升性能的方法

在Angular的模板中遍历一个集合（collection）的时候你会这样写：<ul> <li *ngFor="let item of collection">{{item.id}}</li></ul>有时你会需要改变这个集合，比如从后端接口返回...

2020-05-27

58浏览

0评论

Vue中render方法的使用详解

先说一下对官网上demo的个人理解:<!DOCTYPE html><html><head> <title>Vue的render方法说明</title> <script src="vue.js"></script></head><body><div id="app"> <chil...

2020-05-27

37浏览

0评论

javascript获取图片的top N主色值方法详解

题目要求找出一个页面中出现次数最多的标签！！！个人解法：var eles = document.getElementsByTagName('*');var rs = [];for(var i=0; i<eles.length; i++) { var tag_name = ele...

2020-05-27

49浏览

0评论

使用D3.js创建物流地图的示例代码

本文介绍了使用D3.js创建物流地图的示例代码，分享给大家，具体如下：
示例图制作思路需要绘制一张中国地图，做为背景。需要主要城市的经纬坐标，以绘制路张起点和终点。接收到...

2020-05-27

67浏览

0评论

ejsExcel模板在Vue.js项目中的实际运用

什么是ejsExcel？ejsExcel是一款国人开发的、在Node.js应用程序中使用我们预先设置好的Excel模板导出Excel表格的模板引擎。Excel模板

导出后
Github地址
ejsExcel如果因为众...

2020-05-27

102浏览

0评论

React Native中NavigatorIOS组件的简单使用详解

一、NavigatorIOS组件介绍
1，组件说明
使用 NavigatorIOS 我们可以实现应用的导航（路由）功能，即实现视图之间的切换和前进、后退。并且在页面上方会有个导航栏（可以隐藏）。
Naviga...

2020-05-27

48浏览

0评论

浅谈React中组件间抽象

关于今天要学习的组件间抽象其实我这小白看了几次还没弄明白，这次决定一探究竟。在组件构建中，通常有一类功能需要被不同的组件公用，此时就涉及抽象的概念，在React中我们主要了...

2020-05-27

52浏览

0评论

Vue引用第三方datepicker插件无法监听datepicker输入框的值的解决

一、背景
在Vue项目中使用了第三方的datepicker插件，在选择日期后vue无法检测到datepicker输入框的变化 <label class="fl">日期：</label> <div class="input-wrapper fr"> <...

2020-05-27

41浏览

0评论

使用Vue写一个datepicker的示例

前言
写插件是很有意思，也很锻炼人，因为这个过程中能发现许多的细节问题。在前端发展的过程中，jQuery无疑是一个重要的里程碑，围绕着这个优秀项目也出现了很多优秀的插件可以直...

2020-05-27

35浏览

0评论

360doc网站不登录就无法复制内容的解决方法

有时候我们在搜索东西的时候，有时候实在找不到内容，只有360doc有的内容就没办法了，只能凑合看了，看中了内容无法复制，提示要粘贴怎么解决呢，这里就为大家整理一下，需要的朋友可以参...

2020-05-27

48浏览

0评论

浅析Node.js非对称加密方法

前言
刚回答了SegmentFault上一个兄弟提的问题《非对称解密出错》。这个属于Node.js在安全上的应用，遇到同样问题的人应该不少，基于回答的问题，这里简单总结下。非对称加密的理...

2020-05-27

44浏览

0评论

javascript代码优化的8点总结

本文将详细介绍JS编程风格的几个要点松耦合当修改一个组件而不需要更改其他组件时，就做到了松耦合1、将JS从CSS中抽离：不要使用CSS表达式//不好的做法.box{width: expression(...

2020-05-27

50浏览

0评论

jQuery代码优化方法总结

用对选择器在jQuery中，可以用多种选择器，选择同一个网页元素。每种选择器的性能是不一样的，应该了解它们的性能差异1、最快的选择器：id选择器和元素标签选择器举例来说，下面的语...

2020-05-27

34浏览

0评论

Angular2 父子组件通信方式的示例

Angular2官方文档对组件交互这块有详细的介绍-->文档--组件之间的交互。按文档介绍，组件间交互的方式一共有4种，包括：
通过输入型绑定把数据从父组件传到子组件（@Input decora...

2020-05-27

55浏览

0评论

jquery动态添加以及遍历option并获取特定样式名称的option方法

实例如下所示：<pre name="code" class="html"><script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <select class="form-control" id...

2020-05-27

51浏览

0评论

Vue官网todoMVC示例代码

这个示例是模仿官网示例样式和功能用我自己的方式写的，基本上没有看官网的源码，只参考自定义指令。让我们一步步来探讨一下。官网demo要实现的功能单条添加todo 单条删除to...

2020-05-27

44浏览

0评论

javascript trie前缀树的示例

引子
Trie树（来自单词retrieval），又称前缀字，单词查找树，字典树，是一种树形结构，是一种哈希树的变种，是一种用于快速检索的多叉树结构。它的优点是：最大限度地减少无谓的字符串比较，查...

2020-05-27

48浏览

0评论

vue.js实现只弹一次弹框

核心代码是 getCookie()部分,控制弹框的显示隐藏则在 created()中。<template> <div v-if="isShow">  <div class="popup_container"> ...

2020-05-27

64浏览

0评论

JS中Object对象的原型概念基础

对象概念在 javascript 中, 一切引用类型均为对象。如 function Foo () {} 中，Foo本身就是一个对象的引用。创建对象方式字面量方式 new 构造函数函数声明 Object.create字...

2020-05-27

64浏览

0评论

微信小程序之多文件下载的简单封装示例

需求需要生成一个宣传的图片分享到朋友圈，这个宣传图片包含二维码，包含不同的背景图片和不同的文字。对于这种图片生成，我们考虑过使用服务端生成，但是这样会比较耗服务器性能，所...

2020-05-27

65浏览

0评论

实例学习JavaScript读取和写入cookie

首先先让我们简单地了解一下cookie.在我们制作网页的过程中，经常需要把信息从一个页面传递给另一个页面，这时候就需要用到JavaScript中的cookie机制了。简单说来，cookie提供了...

2020-05-27

44浏览

0评论

浅析从vue源码看观察者模式

观察者模式
首先话题下来，我们得反问一下自己，什么是观察者模式？
概念
观察者模式（Observer）：通常又被称作为发布-订阅者模式。它定义了一种一对多的依赖关系，即当一个对象的状态发...

2020-05-27

40浏览

0评论

浅析vue深复制

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。const object1 = {a: 1,b: 2,c: 3};const object2 = Object.assign({...

2020-05-27

69浏览

0评论

vue scroller返回页面记住滚动位置的实例代码

1，设置keepAlive：是否缓存router:{path: '/actlist',name: 'actlist',component: actlist,meta: {keepAlive: true}}2,设置渲染页面app.vue<keep-alive><router-view v-if="$r...

2020-05-27

44浏览

0评论

vue+springboot前后端分离实现单点登录跨域问题解决方法

最近在做一个后台管理系统，前端是用时下火热的vue.js，后台是基于springboot的。因为后台系统没有登录功能，但是公司要求统一登录，登录认证统一使用.net项目组的认证系统。那就意...

2020-05-27

40浏览

0评论

详解javascript常用工具类的封装

前言因为工作中经常用到这些方法，所有便把这些方法进行了总结。JavaScript 1. type 类型判断isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice...

2020-05-27

50浏览

0评论

Vue精简版风格指南（推荐）

前面的话Vue官网的风格指南按照优先级（依次为必要、强烈推荐、推荐、谨慎使用）分类，且代码间隔较大，不易查询。本文按照类型分类，并对部分示例或解释进行缩减，是Vue风格指南的精简...

2020-05-27

55浏览

0评论

vue源码入口文件分析(推荐)

开发vue项目有段时间了，之前用angularjs 后来用 reactjs 但是那时候一直没有时间把自己看源码的思考记录下来，现在我不想再浪费这来之不易的思考，我要坚持！！看源码我个人感觉...

2020-05-27

热门文章