Hom_mi-CSDN博客

原创 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

原创小程序倒计时

<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

原创小程序滑动

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&quot

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"/> &amp

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页面传值问题

<!--页面传值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

qq_38921534的博客