CodingNoob的博客

science and technology change the world !

排序:
默认
按更新时间
按访问量

初探template.js

template.js 一款 JavaScript 模板引擎,简单,好用。提供一套模板语法,用户可以写一个模板区块,每次根据传入的数据,生成对应数据产生的HTML片段,渲染不同的效果。https://github.com/aui/artTemplate 1、特性 (1)、性能卓越,执行速度通常...

2018-10-31 17:29:47

阅读数:15

评论数:0

原生javascript实现文件上传功能代码

<!DOCTYPE html> <html lang="en"> <head> <meta chars...

2018-10-30 09:48:44

阅读数:38

评论数:0

原生js模拟框选选择效果

<!DOCTYPE html> <html lang="en"> <head> <meta cha...

2018-10-18 00:20:03

阅读数:34

评论数:0

vue组件开发之导航菜单组件封装

运行结果: 调用代码部分: <template> <div id="app"> <menu-bar :list="lis...

2018-09-25 00:25:41

阅读数:203

评论数:0

VUE 封装自定义banner切换组件

一转眼用vue已经半年多的时间了,刚开始用vue的时候是直接看文档边看边边开发的,虽然在项目过程中遇到一些小的问题,不过基本上都可以自己解决,用了了半年后突然发现自己慢慢喜欢上了MVVM框架,没有繁琐的dom操作,自己可以更专注于业务逻辑本身,最近也在看一本书,吴军的《文明之光》,主要讲人类和社会...

2018-09-23 15:35:58

阅读数:153

评论数:0

原生javasript实现Ctr+c复制Ctr+v粘贴

<!DOCTYPE html> <html lang="en"> <head> <meta ch...

2018-09-04 10:59:00

阅读数:44

评论数:0

百度地图可视化定位经纬度地理位置。

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-T...

2018-09-03 10:06:26

阅读数:47

评论数:0

H5 input新增type属性color颜色拾取器

<!DOCTYPE html> <html lang="en"> <head> <meta char...

2018-08-27 10:07:31

阅读数:172

评论数:0

微信小程序餐厅点餐项目源码

我们经常在外面餐厅吃饭会发现现在还多餐厅桌子上都会有个小程序二维码,我们点餐的时候直接扫码就可以点餐支付。今天闲来没事花了一个早上的时间做了一个,可以实现扫码点餐,统计商品和计算价钱,支付功能(ps:接口没有和后端对接)。 最新百度也在搞小程序,淘宝也有小程序,包括国内各大厂商也在搞类小程序的轻...

2018-08-18 11:45:36

阅读数:4456

评论数:3

原生js页面滚动顶部显示滚动总进度条效果

最终效果: 代码如下: <!DOCTYPE html> <html lang="en"> <head> &...

2018-08-16 10:30:40

阅读数:105

评论数:0

CSS3自定义滚动条样式 -webkit-scrollbar

<!doctype html> <html lang="en"> <head> <meta c...

2018-08-09 17:44:21

阅读数:70

评论数:0

Vuex入门小例子

1.安装 vuex npm install vuex –save 2.vuex理解 官方解释:vuex是一个专为vue.js应用程序开发的 状态管理模式。它采用集中式存储管理应用的所有的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 我的理解:可以理解为是一个 全局变量 例...

2018-08-09 00:25:01

阅读数:68

评论数:0

vue父组件向子组件传值

父组件: <template> <div class="demo" @click='toggle'> &am...

2018-07-31 14:38:07

阅读数:70

评论数:0

原生javascript使用FormData Api实现upload文件显示进度条上传

FormData 对象的使用 FormData对象用以将数据编译成键值对,以便用XMLHttpRequest来发送数据。其主要用于发送表单数据,但亦可用于发送带键数据(keyed data),而独立于表单使用。如果表单enctype属性设为multipart/form-data ,则会使用表单的...

2018-07-23 23:41:00

阅读数:77

评论数:0

H5 Notification桌面推送消息

三、HTML5 Web Notification语法 window.Notification 如果浏览器支持Web Notification,不考虑私有前缀,则window.Notification就会是一个有很多静态属性和实例方法的函数。基本上,Web Notification所有的语法都是...

2018-07-18 00:09:29

阅读数:240

评论数:0

原生javascript实现H5拖拽效果。

一、设置元素为可拖放 首先,为了使元素可拖动,把 draggable 属性设置为 true 二、 ondragstart 和 setData() 当元素被拖动时,事件触发,所调用的函数。 上面例子代码中,ondragstart 属性调用了一个函数,drag(event),规定被拖动的数据...

2018-07-17 14:01:46

阅读数:204

评论数:0

HTML5本地存储indexDB新建数据库、数据库增删改查操作

代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf...

2018-07-15 01:04:13

阅读数:264

评论数:0

Vue filter格式化时间戳时间成标准日期格式

调用实例:yyyy-MM-dd或者yyyy-MM-dd hh:mm:ss进行格式 <div>{{data | dataFormat('yyyy-MM-dd hh:mm:ss')}}</div> 代码: ...

2018-07-04 00:11:20

阅读数:1646

评论数:0

原生js实现ajax请求(带请求头header)和数据传参过程代码

一、Ajax 概述 Ajax 是 Asynchronous Javascript And XML 的简写 Ajax是一门技术,并不是一门语言 使用XHTML+CSS来标准化呈现 使用XML和XSLT进行数据交换及相关操作 使用XMLHttpRequest对象与Web服务器进行异步数据通信...

2018-07-02 00:21:03

阅读数:7206

评论数:0

原生javascript用面向对象的方式仿query实现链式调用。

原生javascript用面向对象的当时仿query实现链式调用。 <!DOCTYPE html> <html lang="en"&a...

2018-06-04 23:18:54

阅读数:62

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭