- 博客(42)
- 收藏
- 关注
RSS订阅原创 golang配置镜像站点
使用alpine基础镜像切阿里源sed -i ‘s/dl-cdn.alpinelinux.org/mirrors.aliyun.com/g’ /etc/apk/repositories;apk add --no-cache …挂golang代理go env -w GO111MODULE=ongo env -w GOPROXY=https://goproxy.io// 阿里镜像go env -w GOPROXY=https://mirrors.aliyun.com/goproxy
2022-04-12 09:17:20
1435
原创 在vue项目中使用momentjs获取今日、昨日、本周、本月、上月、本年、上年等日期，时间比较计算
使用了momentjs之后发现这个日期处理控件实在是太强大了，参考下面的代码了解详细用法：//假设今天为2020.12.2号//本月第一天moment().startOf('month').format('YYYY-MM-DD'); //2020-12-01//本月最后一天moment().endOf('month').format('YYYY-MM-DD'); //2020-12-31//上个月第一天moment().subtract(1,'month').startOf('mont.
2021-08-26 10:02:08
30641
4
原创 CSS样式初始化代码
为什么要初始化CSS？建站老手都知道，这是为了考虑到浏览器的兼容问题，其实不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面差异。当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。最简单的初始化方法就是： * {padding: 0; margin: 0;} 。有很多人也是这样写的。这确实很简单，但有人就会感到疑问：*号这样一个通用符在编写代码的时候是快，但如果网站很大，CSS样式表文件很大，这样写的话，他会把所有的标签都初始
2021-06-17 09:57:54
231
原创 ES6之Array.from()方法
ES6之Array.from()方法Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。那么什么是类数组对象呢？所谓类数组对象，最基本的要求就是具有length属性的对象。1、将类数组对象转换为真正数组：let arrayLike = { 0: 'tom', 1: '65', 2: '男', 3: ['jane','john','Mary'], 'length': 4}let arr = Array.from(array
2021-04-08 11:52:46
639
原创 前端开发中常用的校验处理
前端开发中常用的校验处理1、手机号码校验2、身份证正则校验3、必须输入中文，必须输入英文4、其它正则校验1、手机号码校验function checkPhone(){ var phone = document.getElementById('phone').value; if(!(/^1(3|4|5|6|7|8|9)d{9}$/.test(phone))){ alert("手机号码有误，请重填"); return false; } }
2021-04-06 16:50:15
708
原创 JS关闭窗口时触发事件方法
JS监听关闭浏览器事件1、Onunload与Onbeforeunload区别：①Onunload，onbeforeunload都是在刷新或关闭时调用，可以在②Onbeforeunload也是在页面刷新或关闭时调用，Onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取；而onunload则已经从服务器上读到了需要加载的新的页面，在即将替换掉当前页面时调用。Onunloa...
2020-10-28 09:24:40
17351
1
转载 FormData简介
FormData简介FormData 简单介绍:FormData是Ajax 2.0对象用以将数据编译成键值对，以便于XMLHttpRequest来发送数据。XMLHttpRequest Level 2提供的一个接口对象，可以使用该对象来模拟和处理表单并方便的进行文件上传操作。原文：我们打印这个构造函数看一眼ƒ FormData() arguments: null caller: null length: 0 name: "FormData" prototyp
2020-08-13 10:10:27
417
原创 html中的src与href的区别
html中的src与href的区别写代码的时候就经常把这两个属性弄混淆，到底是href还是src，href表示超文本引用，用在link和a等元素上，href是引用和页面关联，是在当前元素和引用资源之间建立联系，src表示引用资源，表示替换当前元素，用在img，script，iframe上，src是页面内容不可缺少的一部分。src是source的缩写，是指向外部资源的位置，指向的内部会迁入到文档中当前标签所在的位置；在请求src资源时会将其指向的资源下载并应用到当前文档中，例如js脚本，img图片和fra
2020-08-05 12:00:38
187
转载 Webpack-dev-server的proxy用法
Webpack-dev-server的proxy用法前言在webpack.config.js中配置使用一:使用二使用三:使用四:使用五:解决跨域原理vue-cli中proxyTable配置接口地址代理示例更多参数参考前言如果你有单独的后端开发服务器 API，并且希望在同域名下发送 API 请求 ，那么代理某些 URL 会很有用。解决开发环境的跨域问题(不用在去配置nginx和host, 爽...
2019-10-24 11:11:47
1365
原创 Vue-CLI项目-vue-cookie与vue-cookies处理cookie
**vue-cookie**一.模块的安装npm install vue-cookie --save#--save可以不用写。二.配置main.js**// 配置cookie**import cookie from 'vue-cookie'Vue.prototype.$cookie = cookie; //配置时候prototype.$这里的名字自己定义不是固定是cookie...
2019-10-14 14:41:34
1222
1
原创 Vue.js 调用其他组件的方法总结
写在前面，这个知识点重要：vm.$emit(event, [...args]) 触发当前实例上的事件，附加参数都会传给监听器回调。涉及到组件之间的通信的问题，组件之间的通信可以分为以下几种：父子组件传递，父向子传递采用 props，子向父采用事件 emit。非父子组件的传递，全局 event bus, 创建一个新的 vue 的实例，采用事件的方式通信，再者采用 vuex 全局状态管理。...
2019-09-27 17:38:39
2523
2
原创 vue 开发命名规范
vue 开发命名规范1、views 命名views 文件夹下面是由 以页面为单位的 vue 文件 或者 模块文件夹 组成的，放在 src 目录之下，与 components、assets 同级。views 下的文件夹命名 views 下面的文件夹代表着模块的名字由名词组成（car、order、cart）单词只能有一个（good: car order cart）（bad: carInfo...
2019-09-17 10:19:43
878
原创 npm基本操作与配置
1、什么是Node.js和npmNode.js是一个Javascript运行环境(runtime environment)，实质是对Chrome V8引擎进行了封装。Node.js不是一个 JavaScript 框架，不同于CakePHP、Django、Rails。Node.js 更不是浏览器端的库，不能与 jQuery、ExtJS 相提并论。Node.js 是一个让 JavaScript ...
2019-09-16 15:15:31
518
原创 element-ui 选择时间范围限制条件
1、element-ui选择时间组件：<el-date-picker v-model.trim="ruleForm.messTime" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder=...
2019-08-29 10:59:46
2187
原创 vue2.0阻止事件冒泡
1.example<transition name="fade"> <div class="picker_wrap" v-show="roomSelectShow" @click="cancelSelect"> <div class="picker_alert" @click.stop> <div cl...
2019-08-24 10:27:18
1889
原创 前端防止url输入地址直接访问页面
首先，解决这个问题要搞明白此url是从程序内部跳转还是直接在地址栏输入的，如果是程序内部跳转，那就好办啦。方法如下：判断用户是否登录状态，是否携带token使用router.beforeEach注册一个全局前置守卫，判断用户是否登录。router.beforeEach((to, from, next) => { if (to.path === '/login') { ...
2019-08-16 10:13:50
5418
3
原创 js中布尔值为false的六种情况
js中布尔值为false的六种情况下面6种值转化为布尔值时为false，其他转化都为true1、undefined（未定义，找不到值时出现）2、null（代表空值）3、false（布尔值的false，字符串"false"布尔值为true）4、0（数字0，字符串"0"布尔值为true）5、NaN（无法计算结果时出现，表示"非数值"；但是typeof NaN===“number”）6、"...
2019-08-01 14:24:45
5422
原创 element-ui级联选择器(Cascader)获取级联对象 （主要是想获取:label值)
element-ui级联选择器(Cascader)获取级联对象 （主要是想获取:label值)最近使用element-ui 的Casecader 级联对象时，后台要求将对象的label值也传过去，然而，element-ui 官方并没有提供这样方（keng）便 ( die ) 的方法。一时间直是束手无策…无奈只能通过遍历树来一一获取了： getCascaderObj = function(v...
2019-07-25 10:55:09
4804
原创 jquery.cookie()方法
本文实例讲述了jQuery控制cookie过期时间的方法。分享给大家供大家参考。具体分析如下：jquery.cookie()方法可以设置cookie，默认条件下是浏览器关闭cookie即失效，用下面方法可以解决这个问题<script type="text/javascript">var expiresDate= new Date();expiresDate.setTime(ex...
2019-06-11 09:52:25
322
原创 qs.stringify() 和JSON.stringify()有什么区别
完全不是一个东西，功能虽然都是序列化。假设我要提交的数据如下var a = {name:'hehe',age:10};qs.stringify序列化结果如下name=hehe&age=10而JSON.stringify序列化结果如下："{"a":"hehe","age":10}"qs库支持的类型和方法更多吧，如文档中所写的那样转化不符合json格式的字符串，例如’foo...
2019-05-14 14:55:04
3908
原创 vue中axios处理http发送请求的示例（Post和get）
本文介绍了vue中axios处理http发送请求的示例（Post和get），分享给大家，具体如下：axios中文文档https://github.com/mzabriskie/axios#using-applicationx-www-form-urlencoded-format axios文档在处理http请求方面，已经不推荐使用vue-resource了，而是使用最新的axios，下面...
2019-05-05 16:07:22
2251
转载 axios里的post请求需要注意的两点
axios里的post请求需要注意的两点：var _this = thisvar data = { filter:'-_id'}$.ajax({ url:'http://localhost:3000/api/goods/get', type:'post', data:data, dataType:'json', ...
2019-05-05 15:54:39
1272
转载 详解vue axios用post提交的数据格式,axios post提交formdata的实例
vue框架推荐使用axios来发送ajax请求，之前我还写过一篇博客来讲解如何在vue组件中使用axios。但之前做着玩用的都是get请求，现在我自己搭博客时使用了post方法，结果发现后台（node.js）完全拿不到前台传来的参数。后来进过一番探索，终于发现问题所在。post提交数据的四种编码方式这应该是最常见的post编码方式，一般的表单提交默认以此方式提交。大部分服务器语言对这种方式都有...
2019-05-05 12:03:50
17826
转载 Vue学习之路第三篇：插值表达式和v-text的区别
Vue学习之路第三篇：插值表达式和v-text的区别上一篇说到插值表达式有一个问题：页面频繁刷新或者网速加载很慢的时候，页面会先出现“{{ msg }}”，再一闪而过出现真实的数据。对于这个问题Vue给予了解决办法，看具体事例。 {{ msg }} 节点中我们定义了 Vue 的内置属性 “v-cloak”<style type="text/css"> ...
2019-04-27 15:58:40
252
转载 vue-axios post请求发送复杂数据类型详解
**vue axios post请求发送复杂数据类型详解基础介绍开始**一般post不允许发送复杂数据类型，比如object和array，而jquery的ajax封装了这个方法，使得可以发送复杂数据格式;$.ajax({ type: 'POST', url: 'http://www.skybseo.cn/php/jiekou.php', data: { ...
2019-04-25 22:48:41
1308
转载 深入理解JSON对象
前面的话 json(javascript object notation)全称是javascript对象表示法，它是一种数据交换的文本格式，而不是一种编程语言，用于读取结构化数据。2001年由Douglas Crockford提出，目的是取代繁琐笨重的XML格式。本文将详细介绍关于json的内容语法规则 JSON的语法可以表示以下三种类型的值【1】简单值简单值使用与JavaScrip...
2019-04-25 22:27:38
200
转载 关于form表单或者Ajax向后台发送数据时，数据格式的探究
最近在做一个资产管理系统项目，其中有一个部分是客户端向服务端发送采集到的数据的，服务端是Django写的，客户端需要用requests模块模拟发送请求假设发送的数据是这样的：data = {‘status’ : True , ‘content’ : { ‘k1’ : ‘xxxx’ , ‘k2’ : ‘xxxx’ }}是字典套字典的，然后通过requests.post(url = url ,...
2019-04-25 20:53:19
475
转载 jquery $('#form1').serialize()序列化提交表单总结
1、$("#form1").serialize() 把form表单的值序列化成一个字符串，如username=admin&password=admin123<form id="form1"> <input name="username" type="text" value="" /> <input name="password" type...
2019-04-22 12:15:01
8639
2
转载 vue生命周期钩子函数的正确使用方式
对于vue生命周期我们还是要先了解清楚，因为不同的生命期用不同的钩子函数，先上图：遇到的一个问题在我的项目中，常用的生命周期钩子函数一直都是mounted，对于大部分情况，都是屡试不爽、捷报频传~但是在前几天却遭遇了一个意外，我在mounted中获取后台数据并更新data，在template中把data.fullname与一个p元素的innerHTML绑定，这是一个简单到不能再简单，普通到不...
2019-04-17 16:29:16
14137
5
原创 vue基础methods、computed、created、mounted简析
1.created ：实例创建完成后执行的代码。2.mounted：该钩子在服务器端渲染期间不被调用。如果你希望等到整个视图都渲染完毕，可以用 vm.$nextTick 替换掉 mounted。mounted: function () { this.$nextTick(function () { // Code that will run only after the //...
2019-04-17 13:34:18
2192
转载 window页面实现跳转和刷新
window.location.reload();页面实现跳转和刷新1 history.go(0)2 location.reload()3 location=location4 location.assign(location)5 document.execCommand('Refresh')6 window.navigate(location)7 location.replace(...
2019-04-17 10:42:59
8348
转载 cookie、 sessionStorage 、localStorage之间的区别和使用
1.cookie:存储在用户本地终端上的数据。有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。2.HTML5 提供了两种在客户端存储数据的新方法：(http://www.w3school.com.cn/html5/html_5_webstorage.asp)…两者都是仅在客户...
2019-04-11 13:44:29
102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人