- 博客(53)
- 收藏
- 关注
RSS订阅原创 Object.defineProperty的理解
//Object.defineProperty(obj,prop,descriptor) 意思是定义属性:有三个参数 //descriptor属性描述符，也可以为configure意思配置对象三个属性的定义内容：obj对象本身， prop为对象属性，descriptor对象属性值//defineProperty 定义单个对象function defineProperty(){ var _obj={}; Object.defineProperty(_obj,"a",{ ...
2021-07-11 18:47:41
299
原创 vue表格资源多功能表格插件
功能表格插件资源网址：https://xuliangzhan_admin.gitee.io/vxe-table/#/table/base/full搜索多选组件插件资源：https://www.vue-treeselect.cn/#disable-branch-nodeselementUI组件资源网址：https://element.eleme.io/#/zh-CN/component/select...
2021-07-04 12:02:26
618
原创 elementUI限制图片上传宽高
beforeUpload(file) { console.log(this.StyleWidth) let isLt2M = true isLt2M = file.size / 1024 / 1024 < this.size if (!isLt2M) { this.loading = false this.$message.error('上传文件过大') } var isSize=this.uploadWidth(file); return isLt2M .
2021-02-21 10:52:04
1044
原创 vueX的modules模块化的基本用法
Store文件下的index.jscarlist.js文件//namespaced命名空间//有关命名空间功能解释 https://vuex.vuejs.org/zh/guide/modules.htmlshopres.js文件
2021-02-02 15:30:47
146
原创 Vuex的基础用法和辅助函数的基本用法
import Vue from "vue"import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.Store({ state:{ count:1 }, mutations:{ //第一个是state参数，第二个是usr自定义参数，或称为载荷（payload），也就是我在登录的时候传入的数据 add_context_num(state,n){ state.count += n .
2021-02-02 15:14:43
134
原创 vue单页面锚点定位根据页面浏览的位置定位
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>vue单页面锚点定位</title> <!-- cdn引入ElementUI样式 --> <link rel="stylesheet" href="https://unpkg.com/element-ui/l...
2021-01-09 09:55:42
1136
转载 Eslint代码书写规范检查
eslint规范这套规范是我长期开发vue时，使用的一套代码约束规范，个人用着还是很舒服的，和以前的编码习惯没有太多的冲突，本人主要是从下列几个方向出发，来约束代码，当多人参与项目开发时，规范风格能保持一致，可以省去不少麻烦。// https://eslint.org/docs/user-guide/configuringmodule.exports = { //此项是用来告诉eslint找当前配置文件不能往父级查找 root: true, parserOptions: {.
2021-01-09 09:51:14
543
原创 mock.JS模拟接口实现请求数据的基础使用方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div clas...
2021-01-07 15:51:01
657
原创 清楚输入框自带记忆
整个表单禁止自动完成HTML code<form id="member_info_form" class="form-horizontal" AUTOCOMPLETE="OFF">禁止文本框自动完成HTML code<input type="text" name="name" v-model="fo.brand" class="form-control" AUTOCOMPLETE="OFF"/>...
2020-09-01 11:42:48
133
原创 vue监听地址栏变化 跳转不同路由
使用监听 "$route.path" 监听地址栏路由变化VUE页面开发中，我们经常需要根据路由的变化去实现一些操作，那么如何监听路由的变化呢？当然是利用VUE中的watch，请看代码。一、监听路由从哪儿来到哪儿去watch:{ $route(to,from){ console.log(from.path);//从哪来 console.log(to.path);//到哪去 }}二、监听路由变化获取新老路由信息 watch:{ $route:...
2020-08-15 14:38:34
1350
转载 vue多环境配置加代理
vue多环境配置1、config 文件夹下有不同环境的配置文件dev.env.js(本地);sit.env.js(测试); prod.env.js(线上)如下图2、配置变量，获取不同环境里js的内容3、注释固定的变量，方便之后自己配置4、根据不同环境用webpack注入全局变量process.env5、配置package.json打包不同的环境下的包(如npm run build:sit打包测试环境包)通过以上配置，vue环境...
2020-07-14 09:28:00
586
1
原创 js 获取服务器时间使用网络时间
获取务器时间：var now = new Date($.ajax({async: false}).getResponseHeader("Date"));2.new Date()用法：获取年：var currentYear = now.getFullYear();获取月：var currentMonth = now.getMonth();获取日：var currentDay = now.getDate();获取小时：var currentHours = now.getHours();获取
2020-05-22 19:50:26
737
转载 vue+elementUI+WebSocket接收后台实时消息推送
1、创建页面时即生效我写在了首页，保证一进入系统即开始接收created() { // 连接webSocket，用于接收后台实时报警信息推送 this.webSocket(); },2、websocket具体操作methods: { webSocket() { const that = this; if (typeof...
2020-05-07 14:01:18
8572
1
转载 vue 身份证验证识别省市区、性别、生日、年龄、和对省市区进行分割
elementUI框架输入框验证card: [ { required: true, message: '身份证号不能为空', trigger: 'blur' }, { validator: this.checkCard, trigger: 'blur' }],methods: { // 检测身份证 checkCard(value) { ...
2020-05-06 00:00:32
1692
原创 在Vue中生成二维码扫描在手机上跳转页面
使用方法：安装vue-qrnpminstallvue-qr--save在components新建一个vue组件,eg:vueQr.vue (以下为组件完整代码)<template> <div> <vue-qr :text="downloadData.url" :margin="10" colorDark="#000" colorLight...
2020-04-24 10:19:37
5179
1
转载 Vue实现微信扫码登录方法
使用插件地址https://www.npmjs.com/package/vue-wxlogin// 安装npm install vue-wxlogin --save-dev// 组件中引入import wxlogin from 'vue-wxlogin'...components: { wxlogin }...html中代码<wxlogin :appid="$s...
2020-04-21 11:25:21
6473
4
原创 原生js实现导航滑动特效
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> *{ margin: 0; ...
2019-06-17 17:27:53
885
原创 用gulp实现代码压缩、图片压缩和项目打包
在装好node.js的前提下第一步 在cmd命令行窗口运行cd 到项目文件夹运行 npm init 运行完成后第二步运行 npm install gulp --save-dev第三部在相中创建js、css、html、image文件夹第四部创建gulpfile.js文件js文件内容var gulp = require('gulp');gulp.task('task...
2019-06-02 15:22:31
2833
原创 vue-cli 中使用less
第一步 安装less和less-loader，命令如下npm install less less-loader --sava-dev第二步 打开build/webpack.base.conf.js，在module.exports 对象中添加依赖module.exports = {module: {rules: [...
2019-06-02 09:33:28
161
转载 微信小程序 自定义头部导航栏 navigationStyle
原文地址https://www.jianshu.com/p/7393c800ba09navigationStyle要用自定义的导航栏只需要在app.json中配置app.json目前微信小程序不支持单个页面设置，一旦在要决定使用自定义导航栏，那么每个页面都需要设置，为了方便我就将其写成了一个组件：组件目录：组件目录index.wxml文件：...
2019-05-17 09:49:44
2449
原创 原生javascript和jquery实现全选、全不选和反选
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Who is the best one?</title> <style type="text/css"> *{ backgrou...
2019-05-09 17:44:17
123
原创 支付宝小程序使用阿里图标库
第一步：先下载阿里图标库字体第二部：https://transfonter.org/进入这个网址把iconfont.ttf文件转成base64 encode格式的编码文件，转后有三个文件只用其中两个第三部：把生成的文件中的stylesheet.css改成acss文件第四部：在自己要用的支付宝小程序中创建static文件在static文件中创建ali-icon文件，再...
2019-05-07 10:58:05
1474
原创 javaScript动态设置浏览器滚动条位置
window.onscroll= function(){ //计算滚动条位置，改变样式 //变量t是滚动条滚动时，距离顶部的距离 var t = document.documentElement.scrollTop||document.body.scrollTop; var scroll= do...
2019-04-28 18:07:42
2778
原创 正则新能源车牌和汽车牌混合验证
正则新能源车牌和汽车牌混合验证<input type=text value="" class="hechne" /> $(".hechne").change(function () { var chename=$(this).val(); var regName =/^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼...
2019-04-26 16:00:09
651
原创 vue之VUEX的使用记录
使用vueX的使用在搭建好vue开发环境的基础上使用 npm install vuex --saveVUEX使用示例先创建一个store文件，我在在里面分别创建mutation-type.js文件存放mutations的方法名mutation-type.js文件具体代码export const ADD_DATA="ADD_DATA";export const REDUCE_DA...
2019-04-15 14:42:18
153
原创 原生javaScript+jquery实现四级联动。
html 代码结构：<div style="width:1325px;position: relative;" class="header_data"> <ul class="section-top1"> <li class="top-li top-li-one...
2019-04-11 18:03:00
777
原创 vue之实例属性（一）
vm.$data.官方介绍： 类型：Object 详细： Vue 实例观察的数据对象。Vue 实例代理了对其 data 对象属性的访问。 说的也就是vue实例里面data方法。 vm.$props实例属性说的就接收传值vue里面的props方法，props具体的用法： 在父组件中的代码： 在子组件中的代码： ...
2019-04-08 15:41:33
183
原创 vue之指令的使用（二）
v-for的效果就是将data里面的数据循环展示在页面上。具体用法vue代码：页面显示的效果：页面上的效果已经将数据循环显示出来了。v-on的用法，v-on是给页面上绑定事件方法可以绑定的事件有很多这里就举一个例子。具体代码：具体页面展示效果：v-bind作用不太清除,暂时知道可动态的改变一些样式、class名、title名之类的。v-model双向绑定作用同步...
2019-04-08 14:06:22
107
原创 vue之指令的使用（一）
本文纯属个理解学习v-text感觉作用上和data里面声明一个变量显示没什区别。data里面声明变量显示的方法是把这样的一对大括号括起来的{{data的变量名}}放在标签里面。v-text就是在data里面声明变量在再把data里面声明的变量拿出来放在v-text="data里面声明的变量名"显示结果一样没什么区别。v-html和v-text一样但两者的区别在于，v-text会吧d...
2019-04-08 11:31:45
224
原创 PHP之tp3点击刷新验证码登录
先创建PublicController.class.php文件<?phpnamespace Admin\Controller;use Think\Controller;use Think\Verify;class PublicController extends Controller{ /* 生成验证码 */ public function verify...
2019-04-07 14:46:02
359
原创 计算机网络原理学记录（三）
上一次记录到网络层传输层传输层为源主机到目的端主机提供可靠的，满足服务质量要求的数据传输服务 主要功能屏蔽不同通信子网的差异，使上层不受通信子网技术变化的影响 弥补资源子网和通信子网之间差异，提供进程及通信能力会话层和表示层1、会话层：建立管理和终止不同机器的应用进程之间的会话2、会话：完成一项任务而进行的一系列相关的信息交换表示层处理被传递数据的表示问题...
2019-03-22 04:27:23
166
原创 radio选中效果只显示一次后再不显示解决方法
$(".add_text").click(function(){ add() console.log("add"+$(".pay_money").length) if($(".pay_money").length!==0){ $('input:radio').eq(0).attr("checked",true); $('input:radi...
2019-03-20 16:58:20
747
原创 计算机网络原理学习记录（二）
协议数据单元 1、PDU不同系统的对等实体为实现该层协议所交换信息单位 2、PDU的具体格式如下 PCI 用户数据 PCI（协议控制信息）是为实现协议而在传送数据的首部或尾部加的控制信息，如：地址、差错控制信息、序号信息等 用户数据为提供服务而传送的信息 考虑到协议的要求，如实验，效率等...
2019-03-17 14:53:52
509
原创 gitHub之创建团队开发环境
1、第一步创建一个组织2、第二步然后create organization完成3、第三部邀请小组成员4、点击skip this step跳过5、第五部创建新的储存库6、邀请小组成员7、添加小组成员权限...
2019-03-12 17:51:51
99
转载 JavaScript面试题系列_this的转移
说明一下：如果对this没有了解时，最好先阅读这篇文章：javascript_this的理解，否则，下面的描述会很难理解，甚至会打击你的积极性。面试题：请解读一下javascript代码，并指出问题所在var Obj=function(msg){this.msg=msg;this.shout=function(){alert(this.m...
2019-03-12 10:08:56
501
原创 common.js模块暴露与接收
创建dome01.js里面内容module.exports.test=()=>{ return console.log("hello common.js")}创建dome02.js里面内容var a=require('./dome01');a.test()可以将dome01.js里面的test()函数暴露出来，在dome02.js进行引入使用require引入...
2019-03-11 15:55:54
490
原创 Es6之变量声明
/** * es6变量声明let 和 canst,let 所声明的变量具有块级作用域，且声明的变量不会前置，而const声明的是不变了常量 * */let test=()=>{ console.log(str);//str所运行的结果是undefined而所演变的结果就是声明起一个str变量没给其赋值;就等同于在console.log(str);之前声明var str;...
2019-03-11 09:48:53
80
原创 计算机网络原理基础概括一
1、计算机网络的定义 一、以相互共享资源的方式互联起来的自治计算机系统的集合。2.计算机发展的历史 一、1946年2月14日，由美国军方定制的世界上第一台电子计算机“电子数字积分计算机”（ENIAC Electronic Numerical And Calculator）在美国宾夕法尼亚大学问世了，后期主要运用与军事上，开发了一套半自动地面防空系统。是一种集...
2019-03-07 09:19:54
703
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人