- 博客(29)
- 资源 (1)
- 收藏
- 关注
RSS订阅
转载 初学less
初学lessless初识less 引用用法（语法）变量值变量选择器变量属性变量url 变量声明变量变量运算变量作用域用变量去定义变量嵌套& 的妙用媒体查询实战技巧混合方法无参数方法默认参数方法方法的匹配模式方法的命名空间方法的条件筛选数量不定的参数方法使用important！循环方法继承extend 关键字的使用all 全局搜索替换减少代码的重复性oncemultiple函数其他less...
2018-12-27 16:04:26
172
原创 vue项目webpack打包css顺序异常导致警告问题解决 couldn‘t fulfill desired order of chunk group(s)
警告信息如下：大致意思为：同时有多个页面【组件A，组件B】同时引用了这两个【红标】组件的页面。如：A组件import FloatNav from '@/components/base/FloatNav'import Footer from '@/components/base/Footer'B组件import Footer from '@/components/base/Footer'import FloatNav from '@/components/base/FloatNav'注
2020-07-02 10:33:28
9977
5
原创 小程序获取直接获取用户绑定的微信手机号
小程序获取用户手机号触发获取事件使用方法注意触发获取事件获取微信用户绑定的手机号，需先调用wx.login接口。因为需要用户主动触发才能发起获取手机号接口，所以该功能不由 API 来调用，需用 button 组件的点击来触发使用方法需要将 button 组件 open-type 的值设置为 getPhoneNumber，当用户点击并同意之后，可以通过 bindgetphonenumber 事件回调获取到微信服务器返回的加密数据， 然后在第三方服务端结合 session_key 以及 app_id
2020-06-12 18:42:38
1059
转载 es6常用数组操作及技巧汇总
转载自hellobaby 定义数组const array = [1, 2, 3];或者const array = new Array();array[0] = '1';建议尽量使用第一种形式定义数组，采用new的形式在大量的数组定义时，会比较耗时。new关键字的使用，除了在需要实例化一个对象，或罕见的需要延时加载数据的情况外，你基本上不需要使用new关键字。在Javascript里...
2020-04-27 09:44:03
234
原创 微信小程序全局配置wx.request参数
此方法使用vue项目写好的api【相当于替代axios的一些功能 】基本配置// http.jsvar root = 'https://xxxxxxxx.net:8000/api';function req(type, url, data) { var header = { // 根据需求设置请求头Authorization 'content-type': 'applicat...
2020-04-26 18:39:46
3103
原创 小程序wxss使用less
关于wxss快速编辑[使用less]以下是window方法在页面目录新建同名文件pageName.less[本机node环境]npm install -g wxss-cli // 全局安装然后在小程序目录,，监听此目录以下所有css及less文件并实时【保存文件后】转换为wxsswxss ./icgoo-applet 监听文件会自动将此目录下css,less文件编译为wxss wxs...
2020-04-26 18:22:37
1988
原创 vue监听关闭弹窗
vue事件监听关闭弹窗<button @click="showCart = true">打开购物车</button><div class="my-float-cart" ref="myDiv" v-show="showCart"> 购物车内容这里忽略代码</div>// 监听showCartwatch: { 'showCart'...
2020-04-24 15:24:20
3208
原创 vue.js element-ui validate中自定义validator验证整个表单时代码不执行问题
错误源码这是验证的rules最后发现要在自定义验证里面每一个判断都要有callback(),就是要保证callback()一定会执行到。正确代码每一种情况都要callback()...
2019-09-26 11:07:36
3910
原创 vue项目打包后部署在nginx服务器
vue-cli3.0项目打包后部署在nginx服务器vue-cli打包服务器部署在windows上快速安装nginx服务器vue-cli打包npm run build首先打包项目，会在项目中生成一个dist文件夹。服务器部署将此文件（dist）导入至nignx服务器html文件目录下。vue.config.js文件配置，发布到nginx的情况下，生产环境（正式环境）需要改为“...
2019-09-20 14:09:53
603
原创 vue更新数组部分时，渲染的列表不更新问题
vue更新数组当我们利用索引直接设置数组的某一项时，更新的数组不被渲染data: { arrList: [ { name: '张三', id: 1 }, { name: '李四', id: 2 } ]}此时渲染的table,这里用element-ui<el-table :data="arrList">...
2019-07-26 11:07:09
3603
原创 Vue axios 后端返回excel文件流该如何下载
这里先介绍一下Blob对象Blob的英文全称是Binary Large Object，翻译成汉语是二进制大型对象。HTML5中，Blob是一种JavaScript数据类型，用于存储二进制数据。此对象中存储的数据没有必要非得是JavaScript原生格式数据，也就是没必要是JavaScript内部对象。比如可以是File对象，它继承Blob对象，并扩展了一些功能。构造函数方式：这...
2019-07-03 11:48:03
1341
原创 vuex 中有三要素： state， mutation 以及 action，谈谈getter
state和mutations简单来说， state 表示状态，类似于 vue 中的 data （其实本质上就是差不多的， vuex 在 vue 的 beforeCreate 钩子中将 state 混入进 data）。但是，它们又有很大的不同： 在使用者看来， state 是全局的，这得益于 vuex 的设计理念——单一状态树。state 是类似于全局下的 data 。state 和 data...
2019-05-08 14:24:43
1444
原创 在Vue项目中 new Vue() 和export default{}区别
在生成、导出、导入、使用 Vue 组件的时候，像我这种新手就会常常被位于不同文件的 new Vue() 和 export default{} 搞得晕头转向。它们含义到底是什么，又有什么异同呢？new Vue()首先，Vue 是什么？我看其他博主的理解，很是赞同-> Vue 就是一个构造函数，生成的实例是一个巨大的对象，可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。所以渲...
2019-05-08 10:12:52
8403
转载 JS的常用正则表达式 验证密码（转载自用）
//校验是否全由数字组成function isDigit(s){ var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false; return true；}//校验登录名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串function isRegisterUserName(s) { var pat...
2019-03-06 13:29:57
6298
转载 git 版本回退
git本地及远程分支回退git本地版本回退Git reset --hard commit_id(可用 git log –oneline 查看)git远程版本回退git push origin HEAD --force #远程提交回退下面的命令也可以实现远程版本回退git reset --hard HEAD~1git push --forcegit rever...
2019-03-01 11:22:42
101
原创 js在对页面中列表进行排序时，数组的添加，过滤，大小写，首字母大写
js在dom元素中根据某些‘属性’排序添加元素过滤已有元素（值相等）单词首字母大写排序添加元素var myArr=new Array(),arr=[];//两种数组定义形式$('#id p').each(function(){//获取每一个元素 arr.push($(this).attr('divName').toLowerCase());//向数组中添加每一个p元素中属性为div...
2019-02-25 15:49:52
1011
原创 监听元素宽高变化resize
首先我们先了解js中resize功能只支持window对象正常情况下我们队某一元素使用resize功能是无法监听到元素宽高变化的。1.重构resize()在已经引入jquery的情况下js文件中增加以下代码(function($, h, c) { var a = $([]), e = $.resize = $.extend($.resize, {}), i, k = "setTi...
2019-02-22 18:09:06
4753
1
原创 自定义input File
首先说明原理：因为表单中input file标签在不同的浏览器中样式不一致，且很难对其设置样式，所以我们的解决方案是用其它的标签去代替它，而它本身则不显示。这样就实现了间接显示样式。```<div> <input type="button" value="自定义的按钮名" onclick="javascript:$('input[name=\'file\']').clic...
2019-02-14 17:41:27
642
原创 Jquery图片查看放大插件
源网站效果查看演示插件来自Jquery插件库下面是个人最简单的demo&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &
2019-02-12 17:57:56
1514
原创 js获取上传文件内容，ajax提交/jQuery.form.js
js上传、文件/图片及其提交方式用formData对象承载表单jQuery.form.js附：图片格式转换用formData对象承载表单files是文件选取控件的属性，存储的是文件选取控件选取的文件对象，类型是一个数组，下方显示为fileM.files[0];通过append(key, value)来添加数据，如果指定的key不存在则会新增一条数据，如果key存在，则添加到数据的末尾。fo...
2019-01-23 16:58:19
763
转载 JavaScript条件语句小技巧
js条件语句小技巧使用 Array.includes 来处理多重条件少写嵌套，尽早返回使用函数默认参数和解构相较于 switch，Map / Object 也许是更好的选择使用 Array.every 和 Array.some 来处理全部/部分满足条件文章来自Hopsken使用 Array.includes 来处理多重条件举个栗子
2019-01-21 17:55:15
116
原创 jqeury end()方法
end() 方法结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态。<!DOCTYPE html><html><head> <script type="text/javascript" src="/jquery/jquery.js"></script></head>&
2019-01-08 16:53:52
88
原创 一些实用的导航样式
伪类三角形高亮直接撸代码，再看下面的一些解析。&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&
2019-01-07 18:33:33
533
原创 jQuery监听滚动条到底部
$(window).scroll(function(){ var scrollTop = $(this).scrollTop(); var scrollHeight = $(document).height(); var windowHeight = $(this).height(); if(scrollTop + windowHeight == scrollHeight){ ...
2019-01-07 18:05:44
2665
原创 Html select标签
Select创建Form 事件属性创建直接撸代码&lt;select&gt; &lt;option value ="volvo"&gt;Volvo&lt;/option&gt; &lt;option value ="saab"&gt;Saab&lt;/option&
2018-12-29 11:05:37
2297
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人