经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 JavaScript

微信小程序select下拉框实现效果

小程序中是没有h5中的下拉 标签的 所以要实现下拉功能就必须自己动手写拉  这里为了更清楚的显示层级 就把源码直接复制过来了 <view cla =''list-msg''> <view cla =''list-msg1''> &l...[2019/5/16]

webpack项目使用eslint建立代码规范实现

webpack项目使用eslint建立代码规范实现

首先当然是新建一个项目了。假设项目已经建好了,下面开始配置 1. 安装eslint 如果你还没有全局安装 eslint ,第一件事当然是安装 eslint npm i -g eslint 2. 初始化 eslint eslint --init 这...[2019/5/16]

eslint 的三大通用规则详解

安装 可以全局安装,也可以在项目下面安装。 如下是在项目中安装示例,只需要在 package.json 中添加如下配置,并进行安装: >"eslint": "^4.11.0" 配置 配置方式有两种,但建议使用文件配置的形式,比较独立,便于维护。 使用文件配置的方式:在...[2019/5/16]

webpack4手动搭建Vue开发环境实现todoList项目的方法

前言 平常在工作开发中,为了效率我们通常都会直接使用Vue-cli脚手架去搭建Vue开发环境,确实这种工具是节省了我们不少时间,但是你有没有想过Vue开发环境是如何搭建起来的?还有如果是你自己动手去搭建,能顺利搭建起来吗? 基于这些想法,我就捣鼓了一下webpack4,并且弄下来了这个小项...[2019/5/16]

微信端调取相册和摄像头功能,实现图片上传,并上传到服务器

最近在做微信公众号网页开发,遇到两个需要用到微信的JSSDK,上传图片和自动定位,微信开发者文档有详细的步奏内容,链接点击进入微信开发者文档 ,也可以看看我这篇文章,看我是如何实现的。 首先第一步,需要在页面引入微信的JS文件(http和https都行) <script sr...[2019/5/16]

使用react-tooltip实现鼠标悬浮显示框详细记录 - CN-无忧

前段时间遇到的一个需求,要求鼠标悬停显示使用描述, 用到了react-tooltip插件,今天写一个总结 先看效果(为了方便参考,用的是原始样式):   文档参考地址: https: www.npmjs.com/package/react-tooltip 1, ...[2019/5/16]

Json用途

Json用途 转自:https: www.cnblogs.com/daikefeng/p/6366229.html  JSON定义 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于阅读和...[2019/5/16]

js 时间格式化成字符串

我用的简单的直接的字符串格式转化 function getTimeStr() { var date = new Date(); var year = date.getFullYear(); var...[2019/5/16]

setTimeout第三个参数

在廖雪峰大神的官方网站看nodejs的时候,发现自己对Promise函数不甚了解,于是转去看Promise函数,看到了这段代码: function multiply(input) { return new Promise(function (resolve, reject) { ...[2019/5/16]

Javascript 基础

多分支IF语句和跳楼现象 用户输入成绩:   大于85 显示优秀;   大于70 显示良好;   大于60 显示及格;   小于60 显示不及格 格式: if(条件表达式1){       满足条件表达式1执行的语句     }else if(条件表达式2){ ...[2019/5/16]

JS中数组的介绍

一、数组:   一组数据的集合; 二、JS中数组的特点: 1、数组定义时无需指定数据类型; 2、数组定义时可以无需指定数组长度; 3、数组可以存储任何类型的数据; 4、一般是相同的数据类型; 三、数组的创建方式: var arr=[值1,值2,值3]; ...[2019/5/16]

D3.js 弦生成器(V3版本)

D3.js 弦生成器(V3版本)

弦生成器(Chord Generator)   弦生成器(Chord Generator)根据两段弧来绘制弦,共有五个访问器,分别为source()、target()、radius()、startAngle()、endAngle(),默认都返回与函数名称相同的变量。如果都使用默认的访问器,...[2019/5/16]

Vue介绍以及模板语法-插值

1.Vue的介绍      Vue是一套用于构建用户界面的渐进式框架。       注意:Vue是一个框架,相对于jq库来说,是由本质的区别的:https: cn.vuejs.org/      ...[2019/5/16]

详解微信UnionID作用

摘要 微信想用UnionID连接一起 1、通过这个接口得到用户信息 https: api.weixin.qq.com/cgi-bin/user/info?acce _token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN 2、Json返回值 ...[2019/5/16]

JavaScript+HTML5 canvas实现放大镜效果完整示例

本文实例讲述了JavaScript+HTML5 canvas实现放大镜效果。分享给大家供大家参考,具体如下: 效果: <!DOCTYPE html> <html> <head lang="en"> <meta charset...[2019/5/16]

微信小程序的tab选项卡的实现效果

效果图,既可以点击切换,又可以滑动切换 .wxml <!--page detail/detail.wxml--> <view cla ="swiper-tab"> <view cla ="swiper-tab-item {{current...[2019/5/16]

前端js中的事件循环eventloop机制详解

前言 我们知道 js 是单线程执行的,那么异步的代码 js 是怎么处理的呢?例如下面的代码是如何进行输出的: console.log(1); setTimeout(function() { console.log(2); }, 0); new Promise(functi...[2019/5/16]

JS算法题之查找数字在数组中的索引位置

前言 编写算法时,排序是一个非常重要的概念。它有各种各样的种类:冒泡排序、希尔排序、分块块排序,梳排序,鸡尾酒排序,侏儒排序 —— 这些可不是我瞎编的! 这个算法题能够让我们一睹精彩的世界。我们必须对数字数组进行升序排序,并找出给定数字在该数组中的位置。 算法说明 将值(第二个...[2019/5/16]

pm2发布node配置文件ecosystem.json详解

背景 最近在搭建一个node+koa+vue的项目使用到了pm2发布 这里简单的记录一下 在根目录新建文件 ecosystem.json { "apps": [ { "name": "ant-help-center", "scrip...[2019/5/16]

小程序绑定用户方案优化小结

在做过一系列小程序之后,对小程序的登陆鉴权的流程也有一定的理解,类似于 B 端小程序自不必说,要用户信息手机号地址可以一把梭,做一个引导页面进行判断然后要求用户给与绑定,用户自然不会多说什么,毕竟这是企业级别应用。但是当涉及到 C 端小程序时候。想让用户进行绑定,就势必要给与用户便利。这里我列出一...[2019/5/16]

详解js常用分割取字符串的方法

1.substr substr(start,length)表示从start位置开始,截取length长度的字符串。 var src="image off_1.png"; alert(src.substr(7,3)); 弹出值为:off 2.substring ...[2019/5/16]

解决 viewer.js 动态更新图片导致无法预览的问题 - Blogs-whx

1、viewer.js 使用 Demo http: fengyuanchen.github.io/viewerj 2、viewer.js 下载地址 https: github.com/fengyuanchen/viewerjs 3、viewer只能初始化一次,也就是说如果用aja...[2019/5/15]

Web应用的生命周期(客户端)

  典型的一个Web应用的生命周期从用户在浏览器输入一串URL,或者单击一个链接开始(就是访问一个页面)。而这个生命周期的结束就是我们关闭这个页面。 响应流程: 用户输入一个 URL(生命周期开始) 客户端生成一个请求到服务端 服务端响应这个请求,并发送回客户端 客户端处理HTML、...[2019/5/15]

用nodejs创建服务器显示html页面

nodejs版本:v10.14.2 1.首先准备一个简单的html页面 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UT...[2019/5/15]

vue之神奇的动态按钮777ijBGly-

vue之神奇的动态按钮777ijBGly-

今天我们将利用vue的条件指令来完成一个简易的动态变色功能按钮   首先我们还是要对vue进行配置,在上篇随笔中有相关下载教学. 然后我们要在html页面上搭建三个简易的按钮,颜色分别为紫,绿和蓝(颜色随意)其代码如下: <body> <div i...[2019/5/15]

JS中函数与事件

一、函数: 1、函数就是一个工具,通过一小段代码,完成某个功能; 2、函数的定义:   function 函数名(){ ..... } 或者 : var 函数名 = function(){ ...... ...[2019/5/15]

js防抖和节流优化浏览器滚动条滚动到最下面时加载更多数据

  防抖和节流,主要是用来防止过于平凡的执行某个操作,如浏览器窗口变化执行某个操作,监听某个input输入框keyup变化,瀑布流布局时Y轴滚动,图片加载。     js函数的防抖       经过一段事件才执行某个操作,如果时间内又执行了该操作则延长时间重新开始计算 /* 不做处...[2019/5/15]

D3.js 符号生成器 (V3版本)

符号生成器(Symbol Generator)   符号生成器(Symbol Generator)能够生成三角形、十字架、菱形、圆形等符号,相关方法有:   d3.svg.symbol() 创建一个符号生成器。   symbol(datum[,index]) ...[2019/5/15]

JS中substr与substring的区别

js中substr和substring都是截取字符串中子串,非常相近,可以有一个或两个参数。 语法:substr(start [,length]) 第一个字符的索引是0,start必选 length可选    substring(start [, end]) 第一个字符的索引是0,star...[2019/5/15]

JQ中的Ajax的封装

1.认识JQ中ajax的封装      jQ 对于ajax的封装有两层实现;$.ajax 为底层封装实现;基于 $.ajax ,分别实现了$.get 与$.post 的高层封装实现; 2.Ajax的底层实现基本...[2019/5/15]

JavaScript如何实现元素全排列实例代码

排列 (Permutation / Arrangement) 概念 n 个不同元素中任意选取 m (m <= n) 个元素进行排列,所有排列情况的个数叫做 排列数,其值等于: A = n! / (n - m)! ! 表示数学中的阶乘运算符,可以通过以下函数...[2019/5/15]

基于JS实现前端压缩上传图片的实例代码

具体代码如下所示: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>前端压缩上传图片</title> <scrip...[2019/5/15]

微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解

本文实例讲述了微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能。分享给大家供大家参考,具体如下: 微信小程序开发中选项卡.在android中选项卡一般用fragment,到了小程序这里瞬间懵逼了. 总算做出来了.分享出来看看. 先看效果: 再上代码: ...[2019/5/15]

微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例

本文实例讲述了微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能。分享给大家供大家参考,具体如下: 顶部滚动选项卡 话不多说,直接上代码 page home/home.wxml <scroll-view scroll-x="true" style=''...[2019/5/15]

fastadmin中调用js的方法

想要了解fastadmin中的js是怎么调用的,就应该先了解RequireJs。 RequireJs是模块化工具,每一个我们自己的js文件或者库都可以看成是一个模块,按需引入。写法如下: <script data-main="j main" src="j require.js">...[2019/5/15]

JavaScript实现图片的放大缩小及拖拽功能示例

本文实例讲述了JavaScript实现图片的放大缩小及拖拽功能。分享给大家供大家参考,具体如下: 实现效果如下: 实现代码: <!DOCTYPE html> <html lang="en"> <head> <meta c...[2019/5/15]

JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】

本文实例讲述了JavaScript实现多张图片放大镜效果。分享给大家供大家参考,具体如下: 效果如下:可以展示图片列表的放大镜效果,图片尺寸没有要求会自动调整至水平垂直居中效果 代码如下,除了图片要替换一下,其它的可直接运行查看效果,enlarge是图片要放大查看的倍数,注意:.bi...[2019/5/15]

解决 viewer.js 动态更新图片导致无法预览的问题

前台页面要求图片的查看,是在表格中点击查看才弹出图片,网上发现用Viewer插件的挺多,就选用的这款插件,但是Viewer插件会产生缩略图,这里取巧了,将缩略图统一替换成了一个带有查看两字的小图片,这样就解决了表格中方缩略图空间不足的问题。 Viewer.js 是一款强大的图片查看器 Vi...[2019/5/15]

js纯前端实现腾讯cos文件上传功能的示例代码

前言 在前端开发中文件上传是经常会遇到的,并且多数情况会使用第三方平台来存储文件,腾讯云cos是我们常用的。本篇文章就是带我从前端的角度实现腾讯云COS存储。本文参考了腾讯云COS开发文档 JavaScript SDK 步骤 安装腾讯云COS上传所需的sdk 下载cos-...[2019/5/15]

JavaScript简介

JavaScript简介

一、介绍: JS是运行客户端的脚本语言,是嵌套在html中,能被浏览器直接解析;   主要用于写网页特效,表单验证,增加用户与浏览器之间的交互效果。 二、JS代码实现: 1、JS代码需要写在script标签内; 2、script标签位置任意; 3、script标签,可以有多...[2019/5/14]

JS怎么获取手机型号和系统?可以收藏

我们可以使用一款名叫“mobile-detect.js”的JS库来轻松实现,相当实用。本案例使用其简化版本:mobile-detect.min.js。 它的GitHub地址是:https: github.com/hgoebl/mobile-detect.j 该项目在GitHub上已经获得了280...[2019/5/14]

数组去重方法

数组去重方法

方法一: ES6 数据去重法 function noRepeat(arr) { return Array.from(new Set(arr)); } console.log(noRepeat([1,1,1,2,3,4])); [1,2,3,4] 方法二:&n...[2019/5/14]

跨域问题的解决?

1.什么是跨域      当浏览器从一个域名的网页访问另一个域名的网页的时候,服务器端口,域名,协议有任何一个不同,就是跨域 2.解决方法      第一种:jsonp       ...[2019/5/14]

Vuex的简单认识

  一. 什么是vuex? Vuex是一个专为了vue.js 应用程序开发的状态管理模式 二.为什么要用vuex? 构建一个大型单页面应用程序时,Vuex可以更好的帮我们的组件外部更好的统一管理状态 类似服务端的se ion(单纯的比较) 三.Vuex的核心观念 ...[2019/5/14]

2.省市区,三级联动(注释详解)。

2.省市区,三级联动(注释详解)。

1 <body onload="change()"> 2 <form> 3 <select onchange="sel_one()"> 4 < elect> 5 ...[2019/5/14]

vue之小小动态按钮777ijBGly-

Vue是前台框架,可以独立完成前后端分离式web项目渐进式的javascript框架 ,今天我们来设计一个简单的动态按钮   具体效果图如下: 点击后会变成这样:     首先我们需要下载vue.js:https: vuejs.org...[2019/5/14]

4.图片左轮播图(swiper)

一、html部分 二、js部分 三、源代码部分 1 <body> 2 <div id="box"> 3 <img src="imge 111.jpg" alt="" style="opacity: 1...[2019/5/14]

javascript的一些有用函数记录,不断更新。。。

addLoadEvent函数: 众所周知,html文档加载完后会立即执行一个onload函数。但是onload函数只能包含一个被执行的函数,也就是你需要在加载完文档后执行的一个自己的函数。在实际中html加载完成后需要执行很多预先执行的函数,那么怎样才能让html文档加载完后执行很多自己的函数呢...[2019/5/14]

浅析libuv源码-node事件轮询解析(4)

  这篇应该能结,简图如下。   上一篇讲到了uv__work_submit方法,接着写了。 void uv__work_submit(uv_loop_t* loop, struct uv__work* w, ...[2019/5/14]

5.滚动时钟特效

5.滚动时钟特效

一、html,c 部分 二、js部分 三、源代码部分 1 <head> 2 <meta charset="UTF-8"> 3 <meta name="viewport" content="width=device-width, i...[2019/5/14]

101
2
记录数:3436 页数:1/6912345678910下一页尾页
加载更多