- 博客(34)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue脚手架结构及vue-router路由配置
首先官网介绍,用 Vue.js + vue-router 创建单页应用,是非常简单的。使用 Vue.js ,我们已经可以通过组合组件来组成应用程序,当你要把 vue-router 添加进来,我们需要做的是,将组件(components)映射到路由(routes),然后告诉 vue-router 在哪里渲染它们。先介绍下Vue脚手架结构: 在我们搭建vue环境之后,会生成一个文件夹,如图:一级文件夹...
2018-06-11 15:18:31
17808
原创 Git常规操作(持续更新)
假如我们现在在dev分支上,刚开发完项目,执行了下列命令git add .git commit -m ‘dev'git push -u origin dev
2021-06-18 10:23:39
118
原创 vue+elementUi table模板
<template> <div> <el-table class="el_table_l" :data=" tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize) " border style="" > <el-table-column :show-overflow="tru.
2020-08-11 11:40:53
1573
原创 vue-cli3打包和node测试
首先声明,踩坑:打包之后空白(报错404)是因为路径错误,在vue.config.js修改路径。打包部署运行命令npm run build打包之后生成的文件夹 可以 拿到node中的express检查是否正常。
2020-06-08 17:13:13
321
原创 前端与(NT9666x)硬件设备通讯技术
获取设置状态 http://192.168.1.254/?custom=1&cmd=3014parameter:nullreturn:<?xml version="1.0" encoding="UTF-8" ?>- <Function><Cmd>1002</Cmd><Status>1</Status>...
2020-03-30 14:58:30
571
转载 前端工程化
后模块化时代显然使用ESModule的模块明显符合JS开发的历史进程,因为任何一个支持JS的环境随着对应解释器得分升级,最终一定会支持 ESModule的标准。但是 并不一定对市面上的浏览器使用新特性,由此 诞生了 大家所熟知的 babel ,能把静态高版本规范代码编译为低版本规范代码,让更多浏览器支持。但是并不理想,对于 模块化相关的 import和export关键字,babel 最终编...
2020-03-30 14:55:39
104
原创 layer上传图片插件
<!--//--> <div class="flex form-item"> <input id="upload-image1" v-text="请上传图片" type="hidden" name="store_logo" value="<?php echo isset($data) ? $data['store_logo'] : '...
2019-08-19 10:15:52
794
原创 vue 封装 axios方法。
1. 安装 axios2. 安装 qs在vue-cli src 创建 common 文件夹 => http.jsimport axios from 'axios'import qs from 'qs'axios.defaults.baseURL = '添加域名'export function get(url, params = {}) { return new ...
2019-07-04 16:07:01
109
原创 小程序倒计时
<!--index.wxml--><view class="container"> <view class='startBtn' catchtap='startTimeTap'>开始倒计时</view> <view class='timeText'>{{countDownDay}}:{{countDownHour}}:{{co...
2019-02-18 15:28:37
5970
原创 flex布局
.part_flex{ border:1px solid black; display: flex; flex-wrap: wrap; } .part{ width: calc(100%/2); 一行2个div height:133px; border:1px solid bl...
2019-01-08 10:55:48
124
原创 小程序下拉列表
<picker bindchange="bindPickerChange2" data-id="{{objectArray[objectIndex].id}}" value="{{objectIndex}}" range="{{objectArray}}" range-key="name"> <view class="picker"&am
2019-01-03 18:32:01
542
原创 小程序滑动
<view class="plat_list"> <scroll-view scroll-x="true" class="scroll_s" > <block wx:for="{{array}}" wx:key="{{index}}" wx:for-item="item">
2019-01-03 18:29:04
121
原创 小程序轮播图
<!-- 轮播图 --><swiper class="imageContainer" bindchange="handleChange" previous-margin="50rpx" next-margin="50rpx" circular autoplay> <block wx:for="{{array}}" wx:key=&q
2019-01-03 18:24:48
110
原创 小程序下拉框(转)
<!-- 下拉框 --> <view class='select_box'> <view class='select' catchtap='selectTap'> <text class='select_text'>{{selectData[index]}}</text> &...
2018-12-24 16:22:18
1143
1
原创 解决H5移动端弹出框禁止遮罩层移动
document.getElementById('').addEventListener('touchmove', function (event) { event.preventDefault(); }
2018-11-29 18:10:20
1579
原创 拖拽Sortable插件
<!DOCTYPE html><html><head> <meta charset="utf-8"/> <script src="http://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7
2018-11-29 18:04:27
326
原创 解决移动端页面滚动的时候触发touchend事件
1,touchstart事件触发的时候设置全局变量(名字随便取)flag = 1;2,touchmove事件触发的时候设置 flag = 0;3,touchend事件触发的时候判断flag值 当flag = 1 的时候触发touchend事件里面的函数,触发完以后在末尾再设置flag = 1; //开始触屏 $(document).on('touchstar...
2018-11-29 10:03:40
1807
原创 photoswiper图片查看器插件
<!doctype html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
2018-11-29 09:57:54
1190
原创 test demo cnd
JQ:<script src="http://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="crossorigin="anonymous"></script>Bootstrap:<link rel="styl.
2018-11-24 16:36:12
173
原创 多选上传图片并预览
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>showImages</title> <style type="text/css"> .float{
2018-11-22 17:53:23
1453
1
原创 上传图片
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boots
2018-11-16 17:53:14
116
原创 二级联动
<!-- 新增属性 --> <div class="form-group"> <label class="col-sm-2 col-sm-2 control-label"> <font style="verti...
2018-11-16 17:51:55
90
原创 混合APP 二维码扫描
<!doctype html><html> <head> <meta charset="utf-8"/> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> &
2018-09-04 14:42:57
533
原创 PHP接口与ajax对接实例
JS: mui.plusReady(function(){ var item = document.getElementById("item"); }) mui.ajax('http://192.168.0.105/ajax/adress.php',{ data:{ }, dataType:'json',//服务器返回json格式数据...
2018-09-04 14:36:31
1554
转载 MUI代码块
代码块:一个代码块,少敲20下键盘。代码块是常用的代码组合,比如在js中输入$,回车,则可以自动输入document.getElementById(id)。再举例,在HTML中输入i,回车,可以得到input button标签。 代码块激活字符原则1:连续单词的首字母。比如:dg激活document.getElementById("");vari激活var i=0;dn激活display: ...
2018-09-03 15:41:55
761
原创 mui app登录页.
<div class="logo"> <img src="static/new_dl/images/logo.png" alt=""> </div> <div class="wrap"> <div class="name"&am
2018-09-03 15:38:36
3740
原创 时间戳转换
function timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为10位需*1000,时间戳为13位的话不需乘1000 Y = date.getFullYear() + '-'; M = (date.getMonth()+1 < 10 ? '0'...
2018-08-28 18:35:55
463
原创 MUI混合APP右滑返回。
首先,设置右滑,设置成功,但是返回效果很快。mui.init({ swipeBack:true });进入配置文件修改效果右滑。在mainfest.json配置文件中打开代码视图,在"plus" 下添加"popGesture":"hide", 即可实现效果....
2018-08-24 14:47:06
1684
转载 html5+mui页面传值问题
<!--MUI-之-页面传值中的坑与解决办法--><!--页面传值5种方法1.如果页面没有被创建可以使用打开页面时的扩展参数传值过去.A页面 ----mui.openWindow({url: 'detail.html',id: 'accuracydetail',extras:{//扩展参数id:'我是传的值' //k-v}}}B页面---var wv =...
2018-07-26 23:04:08
928
翻译 从零开始学微信小程序开发者工具。
开发前的准备: 先把 微信开发者工具 下载了,具体百度全都有。 (1)有人说,会Vue小程序根本不用学:微信小程序虽然是腾讯自己搞的,但是核心的西乡跟Vue等框架是一样的。(2)善于搜集精美的小组件,:“我们不生产代码,我们只是代码的搬运工,”善于找到自己想要的然后学习组装成自己一个大项目,可以学到很多只是。具体上Github搜索,全都有。(一)生成结构首先是代码的构成,分为四个模板。1.Jso...
2018-06-29 02:18:17
717
转载 GIT常用命令(转载)
本文章转载至 http://www.ruanyifeng.com/blog/2015/12/git-cheat-sheet.html。下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace:工作区Index / Stage:暂存区Repository:仓库区(或本地仓库)Remote:远程仓库一、新建代码库# 在当前目录新建一个Git代码库$ git init# ...
2018-06-27 01:16:27
104
原创 原生Ajax和jQuery Ajax实例。
首先,介绍下Ajax Ajax:在不刷新整个网页的情况下,更新部分网页的数据。 原生Ajax: 第一步,创建xmlHttpRequest对象,每个浏览器的创建都是不同的。 function createXMLHttpRequest(){ var xmlhttp; if(window.XMLHttpRequest) { //IE7,Firefox,Chr...
2018-06-27 00:55:52
182
原创 Div+css布局的方法
1. 浮动法Float Float:left/right/none none:默认值,对象不漂浮。Left:文本流向对象的右边。Right:文本流向对象的左边。2. 定位法PositionPosition:stiatic/absolute/fixed/relativeStiatic:默认值,无特殊定位,对象遵循Html定位规则。Absolute:将对象从文档拖出,使用top,right,bott...
2018-06-10 21:52:42
317
原创 Vue运行环境搭建(vue,node基础知识)。
1.安装node.js NPM是NodeJS下的一个包管理工具,它可以很方便的帮你管理(可以简单理解为下载)各类前端的框架或插件,类似于PHP的composer,Twitter 的 Bower 一样。使用Vue不需要安装NodeJS,这里下载NodeJS只是为了使用其内置的NPM工具,所以不需要你有任何的NodeJS基础,只需要运行 npm install vue 命令,即可把 Vue 的最新版本...
2018-06-10 21:34:43
1656
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人