zhuhongjin0610-优快云博客

原创 js 常用小知识点

数组对象变成数组Array.from(el)Js contains方法判断集合中是否包含另一个集合constelementContains=(parent,child)=>console.log(parent!==child&&parent.contains(child));//事例elementContains(document.querySelector('ul'),document.quer...

2020-05-19 16:42:16 230

原创 vue index.htm app.vue main.js关系

index.html---主页，项目入口App.vue---根组件main.js---入口文件在网页的Title部分，加载了index.html中定义的Title，而在正文部分，加载了App.vue中定义的部分。（但是需要注意的是，在浏览器打开的瞬间，浏览器中正文部分会瞬间显示index.html中定义的正文部分）那么，我们就可以来分析上述的逻辑了，浏览器访问项目，最先访问的是index.html文件而index.html中上面有一个id为app的挂载点，之后我们的Vue根实例就会挂载到该.

2020-05-19 15:35:15 235

转载这个页面变灰色CSS

html { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xml...

2020-05-08 14:54:28 198

原创移动端自适应 --- px 自动转rem

vue-loa...

2019-05-23 17:20:08 423

原创 element 可以拖动、显示隐藏表格列

<template> <div class="table"> <el-table :data="tableData" border stripe style="width: 100%" @selection-change="handleSelectionChange"> <el-ta...

2019-04-30 10:17:30 1342 1

原创 css 移动端头部底部固定中间内容滚动

<html><head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <title></title> <style> *{ padding: 0; ...

2019-04-25 16:55:00 4677

原创 css 块级标签水平垂直居中

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> html , body{ height: 100%; ...

2019-04-25 11:52:43 241

原创 element

放大全屏screenfull.toggle()表单验证清楚校验this.$refs['dataForm'].clearValidate()表单验证this.$refs[formName].validate((valid) => {}）vue axios 请求get post因为params是添加到url的请求字符串中的，用于get请求。而data是添...

2019-04-23 15:29:37 341

原创微信小程序

1.模块化在需要使用这些模块的文件中，使用require(path)将公共代码引入如：var common = require('common.js')2. 语法<view wx:for-items="{{array}}"> {{item}} </view><view wx:if="{{view == 'WEBVIEW'}}"> WEBV...

2019-04-22 15:53:25 171

原创 webpack

'use strict'const path = require('path')const utils = require('./utils')const config = require('../config')const vueLoaderConfig = require('./vue-loader.conf')function resolve (dir) { return p...

2019-04-15 16:21:41 105

原创 vue 页面title设置

vue页面title下面是main.jsimport Vue from 'vue'import App from './App'import router from './router'Vue.config.productionTip = false//import VueWechatTitle from 'vue-wechat-title'; //Vue.use(Vue...

2019-04-15 16:13:42 562

原创 vue axios

在static里面建一个js - url.js在main.js中引入import http from '../static/js/url.js';Vue.prototype.$http = http;// 引入 axiosimport axios from 'axios'// 引入 post 跨越import qs from 'qs'// 测试地址axios.defau...

2019-04-15 15:42:56 245

原创原生js拖拽

<!DOCTYPE><html><head><title> jQuery拖拽插件drag.js </title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name=&quo

2018-11-22 15:13:49 432

原创验证码

验证码后端返回流点击验证码刷新在img src上面直接写后台接口点击的时候再调用一次在接口上面加随机数 date.getTime() + Math.random().toString(36).substr(4);36进制由0-9，A-Z组成；toString(36)即转换成36进制的字符串，一般都是为了生成不重复的随机数才调用...

2018-09-12 09:35:15 184

转载微信小程序

1.小程序每个页面必须有.wxml和.js文件，其他两种类型的文件可以不需要2.文件名称必须与页面的文件夹名称相同，如index文件夹，文件只能是index.wxml、index.wxss、index.js和index.json. 该文件件主要用于存放全局的一些.js文件，公共用到的一些事件处理代码文件可以放到该文件夹下，用于全局调用。例如，公用的方法：对时间的处理等。module...

2018-09-11 11:04:58 276

转载 vue 静态资源如何放

assets和static文件夹的区别相信有很多人知道vue-cli有两个放置静态资源的地方，分别是src/assets文件夹和static文件夹,这两者的区别很多人可能不太清楚。assets目录中的文件会被webpack处理解析为模块依赖，只支持相对路径形式。例如，在 <img src="./logo.png"> 和 background: url(./logo.png)中...

2018-09-11 10:49:18 7092

原创 html5 svg图标旋转菜单特效

http://www.17sucai.com/pins/2991<style> *, *:before, *:after { box-sizing: border-box; margin: 0; padding: 0; } :root { font-size: calc(16px + (20...

2018-09-10 15:18:55 1576

转载 localStorage用法小总结

名称作用clear 清空localStorage上存储的数据getItem 读取数据hasOwnProperty 检查localStorage上是否保存了变量x，需要传入xkey 读取第i个数据的名字或称为键值(从0开始计数)length localStorage存储变量的个数propertyIsEnumerable 用来检测属性是否属于某个对象的removeItem 删除某个具...

2018-09-10 11:53:38 465

转载拖动图片验证

2018-09-10 10:42:16 4115

原创百度地图

js部分 $(function () { var aboutUs = { init: function () { this.methods(); }, methods: function () { var map = new BMap.Map("dituContent");// 创...

2018-09-06 19:48:40 174

原创 css 垂直水平居中的方法

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .div{ width: 600px; height: 600px; background: d

2018-09-06 14:52:09 95

原创 jquery-ui.min.js 拖拽demo

<!doctype html><html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI 拖动（Draggable） + 排序（Sortable）</title> <link rel="sty

2018-09-06 11:55:36 1199

转载 jquery-ui.min.js 拖拽参数跟事件

所有的事件回调函数都有两个参数：event和ui，浏览器自有event对象，和经过封装的ui对象 ui.helper - 表示sortable元素的JQuery对象，通常是当前元素的克隆对象 ui.position - 表示相对当前对象，鼠标的坐标值对象{top,left} ui.offset - 表示相对于当前页面，鼠标的坐标值对象{top,left} ui.item -...

2018-09-05 19:16:53 2127

转载上传进度条的实现

var fd = new FormData(); fd.append('image', that.$refs.upload.files[0]); fd.append('filename', that.formData.images); fd.append("system_type", that.for...

2018-09-05 19:06:08 441

原创 banner 大图用户体验

保存时可以设置为交错，图片设置为交错显示的时候就会由模糊渐渐清晰；否则就是从上而下逐渐显示，jpg有个连续选项也是这种效果

2018-09-05 15:17:04 265

原创判断qq是否在线弹出qq弹窗

2018-09-05 10:59:39 178

转载 from memory cache与from disk cache详解

在chrome浏览器中的控制台Network中size栏通常会有三种状态1.from memory cache2.from disk cache3.资源本身的大小(如：1.5k)那么问题来了1.三种区别在哪里；2.浏览器采取不同措施的原则是什么；3.其他浏览器的策略下面分别讲述以上三个问题1.三种区别在哪from memory cache：字面理解是从内存中，其实也...

2018-09-05 10:49:26 6151

原创百度地图嵌入页面生成器

http://api.map.baidu.com/lbsapi/creatmap/index.html设置相关参数跟修改样式就可以了

2018-08-30 10:30:42 2962

原创轮播 swiper

// 轮播 banner 单张图片滚动 var mySwiper = new Swiper('.swiper-container',{ pagination: '.pagination', grabCursor: true, paginationClickable: tru...

2018-08-30 10:28:21 166

原创判断qq是否在线并且弹出qq弹窗

2018-08-30 10:25:37 205

转载苹果手机小刘海适配

iphoneX的“刘海”为相机和其他组件留出了空间，同时在底部也留有可操作区域。那么网站边尴尬了~被限制在了这样的“安全区域”内，两边会出现一道白条。解决的方案是：1、给body添加一个background；2、添加viewport-fit=cover meta标签，使页面占满整个屏幕。<meta name="viewport" content="width=device-width,...

2018-08-27 16:40:43 174

转载仿IOS美化的日期控件

http://www.jq22.com/jquery-info13497

2018-08-09 19:37:39 376

转载 video 音频视频改变样式

<!DOCTYPE html><html lang="en"><head> <title>hivideo</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2018-08-09 17:30:36 1646

转载 vue + js实现点击箭头实现左右切换

<div class="pubuItemsBox">  <template v-for="(orderEvent, index) in orderEventList" > <div :class="{'pubuItem':true, 'noMag':(index+1)...

2018-08-09 10:41:24 9259

转载 vue ---mixins

个人理解mixins就是定义一部分公共的方法或者计算属性,然后混入到各个组件中使用,方便管理与统一修改// 创建一个需要混入的对象 export const mixinTest1 = { created() { this.hello(); }, methods: { hello() { console.log(...

2018-08-08 09:59:52 113

原创 global-event-bus 创建全局事件总线

import Vue from 'vue';export const EventBus = new Vue(); 界面使用：<template> <div>数据 <div class="pleeease-click-me" @click="emitGlobalClickEvent()">啦啦啦</div> &lt

2018-08-02 15:32:52 1168

原创 vuex的使用

npm install vuex --savevuex下面store.js里面的内容：import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);// 声明一个常量const state={ count:1}//操作变量的方法const mutations={ add(state){ sta...

2018-08-02 15:06:48 138

原创 element-ui实现菜单的路由切换

2018-08-02 12:12:05 10850 1

转载 angular 脚手架

npm install -g @angular/cling new my-projectcd my-projectng serveng testng e2eng newng serveng generateng lintng testng e2eng buildng get/ng setng docng xi18nng update

2018-08-01 17:19:35 353

原创 vue + echarts 矩形图饼状图的相关配置

<template> <div class="hello"> <ul> <li v-for="(key ,index) in [1,2]" @click="changeData(index)">第{{key}}条数据</li> </ul> <div

2018-08-01 13:01:25 3948

空空如也

空空如也