- 博客(21)
- 收藏
- 关注
RSS订阅原创 indexeddb的简要使用demo
使用的layui的一些<button type="button" class="layui-btn layui-btn-md" lay-submit="create" lay-filter="create"、id="create"> 创建</button><button type="button" class="layui-btn layui-btn-md" lay-submit="add" lay-filter="add" id="add"> 新增<
2021-12-17 11:37:56
954
原创 对indexedDB的一些使用方法
indexedDB的使用1. 打开数据库和创建数据仓库createDB: function(dbName, version, tableName, key, cursor,callBack) { // 参数为:dbName数据库名、version版本号、tableName数据仓库名，key主键名、cursor索引名（根据需要可传数组）、callBack回调函数（可用于判断是否新增数据/更新数据） // 数据库存在则打开,否则创建 var vers = version || 1 let reque
2021-12-17 11:27:42
590
原创 vue input双向绑定赋值，input有值不显示，出现一个提示
vue input双向绑定赋值，input有值不显示，出现一个提示The specified value “wxssdd23u992” cannot be parsed, or is outof range. at view.umd.min.js:6原因：也许是input的type问题，number或者text的，检查一下
2021-12-10 11:32:41
5048
3
原创 uniapp switch按钮的使用
switch使用官方文档https://uniapp.dcloud.io/component/switch想要改变switch按钮的大小<switch @change="switchChange" color="#3EC3E1" :checked="checkoutInfo.checked" style="zoom:.6" /><switch @change="switchChange" color="#3EC3E1" :checked="checkoutInfo.checked
2021-11-09 10:35:25
8450
原创 切换日期选择，可按月/按日
切换日期选择，可按月/按日，根据自身修改如下图所示代码如下：父页面//html<view class="content_row_next"> <text @click="getTime(1)">{{StatisticsCurrent==0?SStartSearchDate.substr(0,7):SStartSearchDate}}</text> <image src="/static/ic_showOther_contat.png" v-if=
2021-09-01 17:51:55
241
原创 日期子组件
日期子组件如图：<template name="dypf"> <view class="datePicker"> <slot /> <view class="g-dp-mask" :class="{'show':pipkerShowFlag}" @click.stop="hide" @touchmove.stop.prevent catchtouchmove="true"></view> <view class="g
2021-09-01 17:50:16
102
原创 时间线vue，类似物流快递运单追踪
时间线vue，类似物流快递运单追踪类似于elementUI的时间线，也可以直接使用https://element.eleme.cn/#/zh-CN/component/steps现附上图（本例是根据物流订单的运单追踪显示）具体代码如下显示:1. css样式//css.dialogProcess { .text { font-size: 14px; } .item { margin-bottom: 18px;
2021-07-31 14:32:57
2454
原创 记vue input框获取剪切板图片，进行上传
记vue input框获取剪切板图片，进行上传样式参考微博网页版私信聊天上传剪切板图片<el-input type="textarea" :rows="4" placeholder="" ref="sendMsg" resize="none" v-model="contentText" @keydown.enter.native="keyDown" @input='changeInput' @focus="changeFocus" @paste.native.capture.prevent="
2021-07-01 17:07:57
764
原创 记一次测试webSocket的连接
记一次测试webSocket的连接注：使用node.js本地连接测试了一下，最后与后端进行连接（测试可通）前端页面：使用了elementUi库 <template> <div class="input-box"> <el-input type="textarea" :rows="4" placeholder="" ref="sendMsg" resize="none" v-model="contentText" @keyup.enter="sendTex
2021-06-10 14:54:02
716
原创 vue-element表单内使用上传文件，并和表单其他内容一起上传
vue-element 上传文件表单内使用上传文件，并和表单其他内容一起上传<template> <div class="addAppUpdate"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="版本号" prop="version"&
2021-06-07 17:48:57
6972
2
原创 layui---js原生渲染页面
layui—js原生渲染页面基本渲染显示html代码<div class="layui-inline"> <label class="layui-form-label">电话</label> <div class="layui-input-inline" style="position: relative;" id="toinfo"> <input id="toContact" name="toContact" lay-fil
2021-06-07 17:24:16
1138
原创 封装axios
封装axios新建一个http.js文件import axios from 'axios';import { Message} from "element-ui"import { getStore, setStore} from "@/localStorage/localStorage.js" //获取tokenconst host = 'http://xiaosheng.info:27001' // 服务器地址export default { testLoginhos
2021-06-07 16:24:53
114
原创 小博客练习
博客（简单的综合运用）一、了解博客需求1.主要的分为前台和后台后台：注册登录：登录，登录。分类管理：显示分类，编辑分类，添加分类，删除分类。文章管理：显示文章，编辑文章，添加文章，删除文章。用户管理。标签管理。···等等功能前台：首页面列表页面文章详情页面···等等2.技术后端：node.js+express+mongodb+express中间件前端：html+css+js+jq二、搭建项目1.使用express进行搭建脚手架先确定项目的目录，如下打开本目
2020-08-21 16:04:51
770
原创 JQ了解
jQuery一、jQuery的了解1.定义jQuery是一个兼容多浏览器的JavaScript框架。可以使用户方便地处理HTML、事件，实现动画效果，并且为网站提供方便的Ajax交互。2.作用JS操作DOM的一个库。特点：轻量级、出色的浏览器兼容性、强大的选择器、出色DOM操作封装、完善的ajax、链式编程、隐式迭代（无需for循环遍历dom对象）、完善的文档、强大的社区、丰富的插件2.JQ版本1.xx.xx兼容性非常好，兼容所有的浏览器。2.xx.xx手机端的JQ二、jQu
2020-08-01 14:13:23
569
原创 DOM了解
DOMDocument Objct Model 文档对象模型document 本质是一个对象 文档对象 浏览器内置 html文档Object 说的是文档上每一个元素都是一个对象 这个对象上肯定有很多的属性和方法Model 树模型 你想把一张网页渲染到浏览器上，首先形成形成一颗DOM树。树模型：节点分类：1）元素节点：挂载到DOM树2）属性节点：不会挂载到DOM树3）文本节点：挂载到DOM树节点和节点之间的关系:1）firstChild 有兼容性问题 =
2020-08-01 14:09:38
274
原创 同步异步、this总结、call/apply/bind
同步异步简单了解（闭包的使用）同步：代码的书写顺序和代码的执行顺序一样。 （大部分为同步代码）异步：代码的书写顺序和代码的执行顺序不一样。在JS中，异步代码仅仅是个别：1）事件绑定2）定时器3）ajax每一个元素对象默认里面就有很多的属性 其中有一个叫onclick.给元素注册点击事件 btn叫事件源click叫事件类型funciotn 事件处理程序 事件发生时做什么<button>按钮1</button><button>按钮2
2020-07-25 17:39:36
602
原创 JS了解2：逻辑与逻辑或逻辑非和常见错误
逻辑与、逻辑或、逻辑非1）逻辑与：&& 两真则真 两个操作数 双目运算符如果第一个操作数是false,就直接决定了整体的值是false，因此第二个操作数就不进行运算。&&两侧要放布尔值<script> console.log(true &&true); //true console.log(false && true); //false console.log(true &am
2020-07-25 17:21:10
643
原创 JS的初步了解学习笔记
js学习笔记一、初识js1. 什么是js?JavaScript是目前web开发中不可缺少的脚本语言，简称js。js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。问：Js属于编程语言吗？编程语言分类：前端语言：JS（浏览器上）…后端语言：Java C++ Python Go JS C# …2. js与html和css有什么区别相同：html,css,js代码都可以在浏览器中运行，html，css，js它们的运行环境是浏览器不同点：html，cs
2020-07-18 10:14:41
288
原创 CSS简单基础总结
CSS总结一、CSS概念1.什么是CSSCascading Style Sheet 层叠样式表2.CSS的作用实现网页布局，美化网页3.主要学什么学习CSS就是学习相关的选择器和属性。4.CSS的版本CSS主要分为CSS2和CSS35.引用CSS的三种方式行内样式在需要添加的标签后面直接加入style属性（在body中） <h1 style="color: red;">Hello</h1>内部样式在head中添加style标签
2020-07-10 21:17:22
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人