卟良亻-CSDN博客

原创用HBuilderX 打包 vue-cli3 项目为 App 的步骤

一、首先打包你的 vue 项目生成 dist 文件夹注意事项请移步：(https://blog.csdn.net/weixin_42595284/article/details/103920725)二、开始使用 HBuiderX 打包。（工具下载地址：http://www.dcloud.io/）上图添加位置的代码："statusbar": { //应用可视区域到系统状态栏下透明...

2020-01-10 14:17:17 2479 1

原创 vue cli3项目用hbuilder打包成app问题总结

一、打开APP白屏1，vue项目在打包前修改vue.config.js文件2，在router.js中把mode:“history”,这行代码注释掉二、单击手机返回键退出应用的bug。（可以直接把这段代码放到你vue项目中的index.html，重新打包，再放回来，也可以直接修改这个index.html）代码如下：<script>document.addEventLi...

2020-01-10 11:51:07 1418 1

原创通过jquery.cookie.js实现记住用户名、密码登录功能

<!doctype html><html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>通过jque

2018-12-21 12:18:21 262 1

原创 vuex基础使用

1.下载 cnpm/npm i vuex -S2.导入vuex import Vuex from 'vuex';3.通过new Vuex.store()实例得到一个数据仓储对象let store = new Vuex.Store({ state:{//可以吧state想象成是组件中的data count:999 //如果想访问store中的数据通过 this.$store...

2018-10-28 23:27:03 226

转载 vue 组件之间传值

vue组件间传值分为父组件给子组件传值和子组件给父组件传值一、父组件给子组件传值父组件中引入子组件，父组件的js里定义要传递的属性值，下面的写法是动态的传递，name可以通过定义方法，在方法里动态修改，如不需要动态的传递，则直接使用属性定义值parent.vue<template> <child v-bind:name="name"></child&g...

2018-10-25 23:01:34 307

转载 Vuex学习与使用

Vuex是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化这是vuex的官网，对vuex的解释，乍一看挺难理解的，什么叫状态管理模式？，什么又是集中式存储管理？，官网的描述不明觉厉。首先我们就先来解释这个定义。所有的开源库都是为了解决我们在实际开发的过程之中遇到的问题...

2018-10-24 23:17:22 362

转载 vue 页面跳转

vue 页面跳转一、在template中的常见写法：<router-link to="/miniCard/statement/horizon"> <button class="btn btn-default">点击跳转</button></router-link>二、在js中设置跳转（在方法中跳转界面并传参，两种方式：params...

2018-10-24 22:50:44 284

转载 jQuery绑定事件的四种方式：bind、live、delegate、on

jQuery绑定事件的四种方式：bind、live、delegate、on1、jQuery操作DOM元素的绑定事件的四种方式jQuery中提供了四种事件监听方式，分别是bind、live、delegate、on，对应的解除监听的函数分别是unbind、die、undelegate、off。2、必备的基础知识: DOM树示例，这是在browser环境下的一棵模拟DOM树：HTML DOM ...

2018-10-22 11:40:19 263

转载进程和线程的区别、相同点

1、首先是定义进程：是执行中一段程序，即一旦程序被载入到内存中并准备执行，它就是一个进程。进程是表示资源分配的的基本概念，又是调度运行的基本单位，是系统中的并发执行的单位。线程：单个进程中执行中每个任务就是一个线程。线程是进程中执行运算的最小单位。2、一个线程只能属于一个进程，但是一个进程可以拥有多个线程。多线程处理就是允许一个进程中在同一时刻执行多个任务。3、线程是一种轻量级的进程，与进...

2018-10-19 11:20:20 470

原创 vue利用watch监听路由变化

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id=&quo

2018-10-18 11:08:49 1523

原创 vue 评论列表案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>评论列表</title> <link rel="stylesheet" type="text/css"

2018-10-17 12:27:10 1939

原创 vue 模拟加入购物车动画源码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>模拟加入购物车动画</title> <style type="text/css"> .ball{ w

2018-10-16 10:28:12 2007

原创 vue 知识点总结

vue 知识点总结目录 vue 知识点总结一，实现第一个Vue页面二，通过{{}} 表达式在视图层里渲染数据，在刷新页面时，会出现闪烁现象。三，v-if与v-show的异同和使用场景。四，v-model与v-bind。五，v-on与methods六，v-for以及v-for中的key值七，事件修饰符八，过滤器私有过滤器 filters全局过滤器 filter九，自定义指令十，键盘修饰符十一...

2018-10-14 21:02:06 490

原创 vue 生命周期

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id=&quo

2018-10-12 11:13:31 101

转载 Vue.js学习笔记

v-if和v-show的区别：v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。相比之下，v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。一般来说，v-if 有更高的切换开销...

2018-10-11 12:14:10 151

原创 vue 实现品牌列表源码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>品牌列表</title> <link rel="stylesheet" type="text/css"

2018-10-10 11:11:24 504

原创 vue中常用的v-指令

vue中常用的v-指令演示常用指令v-text 设置双标签元素的innerTextv-html 设置双标签元素的innerHTMLv-if 插入或者移除元素(true,插入,false移除)v-else 保证上方兄弟节点存在v-if || v-else-ifv-if v-else 只会有其一存在v-show 隐藏或者显示元素v-model 双向数据绑定元素必须有valu...

2018-10-08 19:04:45 1477

原创 mui专用city

var cityData = [{ value: '110000', text: '北京市', children: [{ value: "110101", text: "北京市", children: [{ value: "110101", text: "东城区" ...

2018-10-07 22:15:40 348

转载使用ajax中success后的返回值

function CheckForm(){ var pass; var msg; var url="${ctx}/crm/contact.action?method:checkForm"; var qq=document.getElementById("contact_QQ").value; var mobile=do...

2018-09-29 20:27:07 5003

转载关于touchslider.js滑动切换页面的使用

<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initi

2018-09-28 20:24:49 1787

转载 Css3概念知识点

-webkit-（谷歌 safari）或 -moz- （火狐） -ms- 为指定浏览器的前缀。em、strong、i、b、 font-style:normal; small label span 标签p:first-line 控制文本第一行。<p>一个p标签</p>p:first-letter{ 文本第一个字font-size: 20px;}p::se...

2018-09-27 22:25:32 282

转载 Javascript中的运动

一、匀速运动可以通过offsetLeft/top获取自身的实时位置，在自身的位置的基础上，通过定时器不断执行，每次在自身位置的基础上再加上一个恒定的速度值，即可形成一个简单的匀速运动。function move1(dom, target) { clearInterval(dom.timer); dom.timer = setInterval(fu...

2018-09-26 22:38:09 121

转载锚点定位的三种解决方法

因为在项目中遇到锚点定位的问题，觉得有必要单独成文，来介绍锚点定位的解决办法。一学习锚点定位之前的知识储备:1.1 #号的作用#代表网页中的一个位置。其右面的字符，就是该位置的标识符。比如，http://www.example.com/index.html#print就代表网页index.html的...

2018-09-26 22:21:59 2469

原创贪吃蛇源码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>贪吃蛇</title> <style type="text/css"> .map{ width: 8

2018-09-24 23:17:42 367

原创 jq自定义滚动条

//滚动条 $(function () { //文本高度 var contentH = $('.content').height(); //可视高度 var viewH = $('.talent-theory-border').height(); //滚动条高度 var scrollH = $('.scrollbar').height(); //滑块高...

2018-09-20 23:35:53 706

原创认识闭包

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2018-09-19 22:59:13 374

原创模板引擎

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <!-- 模板引擎

2018-09-18 23:41:44 108

原创 bootstrap自适应导航栏

<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta

2018-09-17 18:17:39 2550

原创移动端触屏事件

解释touch事件：是移动端的触摸事件，而且是一组事件 1.touchstart：当手指触摸屏幕的时候触发 2.touchmove：当手指在屏幕来回滑动的时候触发 3.touchend：当手指离开屏幕的时候触发 4.touchcancel：当被迫终止滑动的时候触发（来电弹消息}使用touc...

2018-09-13 22:44:22 533

原创购物车源码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:

2018-09-12 22:31:23 5315

原创 canvas制作时钟

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> canvas{ bor

2018-09-11 22:36:39 86

原创 canvas实现饼状图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> canvas{ border: 1px

2018-09-10 19:55:54 404

原创面向对象思想，用canvas绘制折线图

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <canvas wid

2018-09-07 16:50:56 144

原创 canvas实现立体图形

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> canvas{ border: 1px

2018-09-06 18:50:07 3876 1

原创用多选框改变video播放速度

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>视频播放</title>  <link rel="sty

2018-09-04 23:16:22 806

原创 h5 表单

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> fieldset{ width: 50

2018-09-03 19:28:23 1363

原创纯css制作的城市场景动画

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> /*公共样式*/ *{

2018-09-01 18:54:18 2058

原创观赏型动态3D魔方

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>魔方</title> <style> *{ margin: 0;

2018-08-30 19:35:39 567

原创 3D图片特效

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>3D动画</title> <style> .wrap{ width: 1

2018-08-29 22:41:32 258

原创 jquery键盘事件

$(document).keydown(function(e) { if (e.keyCode == 32){ if (flag) { flag = false; //获取棍子最大的宽度==>即离顶部的距离 var stickMax = $('.container'...

2018-08-28 22:24:44 180

空空如也

空空如也