09 2021 档案
摘要：Git安装和使用 Git安装和使用 刚开始用git的小白适用，，转自http://www.cnblogs.com/qijunjun/p/7137207.html 实际项目开发中，我们经常会用一些版本控制器来托管自己的代码，今天就来总结下Git的相关用法，废话不多说，直接开写。 目的：通过Git管理g
阅读全文
摘要：adminLTE的介绍 bootstrap+dataTables+layui一.adminLTE的介绍 adminLTE的官方网站：adminLTE官方网站 和github：adminLTE的github 演示地址：adminLTE演示地址 adminLTE是基于bootstrap3的前端框架，并且
阅读全文
摘要：AdminLTE(中文版)的使用 一、AdminLTE的简介 AdminLTE是一款建立在bootstrap和jquery之上的开源的模板主题工具；它提供了一系列响应的、可重复使用的组件，并内置了多个模板页面；同时自适应多种屏幕分辨率，兼容PC和移动端。通过AdminLTE，我们可以快速的创建一个响
阅读全文
摘要：meta http-equiv="X-UA-Compatible" content="IE=edge"详解 这句话其实是指定浏览器按某种方式渲染，Compatible是“兼容的”意思 http-equiv="X-UA-Compatible" 这是一个文档兼容模式的定义 Edge模式告诉IE以最高级
阅读全文
摘要：AdminLTE3 入门，以及部分js插件介绍 AdminLTE3 UI框架 最佳开源管理仪表板和控制面板主题。 AdminLTE 建立在 Bootstrap 之上，提供了一系列响应式、可重用和常用的组件。 1. 安装 yarn add admin-lte git clone https://git
阅读全文
摘要：G2组成 文档链接：https://www.yuque.com/antv/g2-docs/tutorial-g2-chart-composition G2图表由一下几个部分组成：一：坐标轴 Axes二：图例 Legend三：几何标记 Geometry四：提示信息 Tooltip五： 辅助标记 Gui
阅读全文
摘要：JS复制文本到剪切板 copyText <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></s
阅读全文
摘要：moment.js时间戳与时间相互转换 时间：var time = new Date(); // Tue Aug 28 2018 09:16:06 GMT+0800 (中国标准时间) 时间戳：var timestamp = Date.parse(time); // 1535419062000 （Da
阅读全文
摘要：使用Moment.js处理时间戳转化为时间年月 Moment.js 是一个 JavaScript 日期处理类库（处理时间格式化的npm包）,用于解析、检验、操作、以及显示日期，在新公司的项目中,大量使用Moment来处理时间日期,非常方便好用。 Moment.js 中文网： http://momen
阅读全文
摘要：前端JS生成二维码 参考 http://code.ciaoca.com/javascript/qrcode/ 使用前先载入js文件 下载 <script src="qrcode.js"></script> 然后页面添加容器 <div id="qrcode"></div> 调用js文件中的方法 1 /
阅读全文
摘要：【jQuery】$(document).on('click','要选择的元素',function(){})和$().click()的不同 jQuery的出现，大大简化了对dom的操作，但是如果不是仔细阅读api和进行操作，就不知道其中最大的优点和使用方式。就拿( ) . c l i c k ( )
阅读全文
摘要：QRCode.js 生成二维码 前端开发仓库 QRCode.js 是一个用于生成二维码图片的插件。 Github Demo 文档目录 使用方法 参数说明 option 参数说明 API 接口 使用方法 载入 JavaScript 文件 <script src="qrcode.js"></script
阅读全文
摘要：Qrcode生成二维码（普通篇）之jquery.qrcode.min.js 首先要准备环境：jquery-1.8.3_min.js和jquery.qrcode.min.js jquery 版本可以自己选，由于qrcode的渲染方式render中的Canvas是html5的东西，所以会有兼容性问题，所
阅读全文
摘要：html代码： <ul> <li><a href="javascript:void(0)" id="clickQrCodeBox" title="en_US"><span>点击右方扫二维码</span></a></li> <li style="background:transparent !impo
阅读全文
摘要：jQuery针对多个元素的相同点击事件 有没有办法为页面上的不同元素执行相同的代码？ $('.class1').click(function() { some_function(); }); $('.class2').click(function() { some_function(); }); 而
阅读全文
摘要：关于layui 弹出层一闪而过就消失的解决方法 今天为大家分享一篇关于layui 弹出层一闪而过就消失的解决方法，具有很好的参考价值，希望对大家有所帮助 听说是因为 JQuery 的版本冲突问题，在找到具体问题之前，先在代码里加一个 return false 解决问题； 1 <button clas
阅读全文
摘要：g2.Chart折线图绘制 前端HTML 目录 一、官方文档 二、g2.Chart折线图绘制 （一）、引入g2.js （二）、创建 div 图表容器 （三）、绘图 1、静态数据 2、动态数据 一、官方文档 https://www.yuque.com/antv/g2-docs/api-chart#le
阅读全文
摘要：G2的基本使用 1.浏览器引入 <!-- 引入在线资源 --> <script src="https://gw.alipayobjects.com/os/lib/antv/g2/3.4.10/dist/g2.min.js"></script> 2.通过 npm 安装 npm install @ant
阅读全文
摘要：原生 js 实现点击按钮复制文本 最近遇到一个需求，需要点击按钮，复制 <p> 标签中的文本到剪切板 之前做过复制输入框的内容，原以为差不多，结果发现根本行不通 尝试了各种办法，最后使了个障眼法，实现了下面的效果 一、原理分析 浏览器提供了 copy 命令 ，可以复制选中的内容 document.e
阅读全文
摘要：obj[key].obj['key'],obj.key的区别 1.obj[key] : key代表的是循环中的一个变量 2.obj['key'] : key代表的是obj的一个属性，obj['key']即代表的是取obj的key属性值 3.obj.key : 此时obj.key相当于obj['key
阅读全文
摘要：window.localStorage.setItem的理解与使用 HTML5种的web storage包含两种存储方式：localStorage和sessionStorage，这两种方式存储的数据不会自动发给服务器，仅仅是本地保存，有大小限制。 localStorage是持久化的本地保存，只要你找
阅读全文
摘要：vue中router以及route的使用 路由基本概念 route，它是一条路由。 { path: '/home', component: Home } 1 2 routes，是一组路由。 const routes = [ { path: '/home', component: Home }, {
阅读全文
摘要：vue调试工具dev-tools安装 vuevue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，帮助我们快速的调试开发vue应用。 第一步：我们可以先从github上找到vue-devtools的项目，下载到本地。下载vue-devtools链接。 克隆方法：git c
阅读全文
摘要：Vue中.prettierrc文件常见配置(易懂) 小柠檬爱编程 2020-06-26 14:18:41 16695 收藏 13分类专栏： Vue版权 当我们使用右键格式化的时候,就会自动帮我们补全符号,但是,有些符号在eslint中就会报语法错误,那我们需要怎么办呢?可以通过.prettierrc
阅读全文
摘要：包含文件上传的form表单提交 我是通过FormData来进行封装表单的。 1.首先包含文件上传的表单要规定enctype="multipart/form-data" <form id="menuUploadForm" class="layui-form" style="margin-top: 20
阅读全文
摘要：关于require（）和export引入依赖的区别 原文链接：https://blog.csdn.net/liya_nan/article/details/81141244 require 和 import，都是为了JS模块化使用。最近项目中，因为多人协同开发，出现了一个项目中同时使用了requir
阅读全文
摘要：使用Node.js和Koa框架实现前后端交互 koa.png 对于一个前端工程师来说不仅仅要会前端的内容，后端的技术也需要熟练掌握。今天我就要通过一个案例来描述一下前端是如何和后端进行数据交互的。 首先，我们的服务器需要部署好Nodejs的环境，这里我用Nodejs在windows下的本地服务器来做
阅读全文
摘要：vue如何获取自定义元素属性参数值的方法 这篇文章主要介绍了vue如何获取自定义元素属性参数值的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧 偶尔还是会陷入到DOM操作上面去，其实你应该关心的是数据传递，而不是操作DOM。
阅读全文
摘要：微信小程序获取data-xx=""属性的值，自定义属性设置和获取（data-） 微信小程序<view class="details-btn" data-taskId="111" bindtap='taskdetails'>测试</view>无论你这样写data-taskid="…“还是这样写data
阅读全文
摘要：js判断对象是否为空对象的几种方法 1.将json对象转化为json字符串，再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2.for in 循环判断var obj = {};var
阅读全文
摘要：为什么要使用encodeuricomponent？ 1、encodeuricomponent 可把字符串作为 URI 组件进行编码。 该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ’ ( ) 。 其他字符（比如 ：;/?😡&=+
阅读全文
摘要：微信小程序 页面跳转和数据传递实例详解 这篇文章主要介绍了微信小程序 页面跳转和数据传递实例详解的相关资料,这里附有实例代码帮助到家学习理解，需要的朋友可以参考下 微信小程序 页面跳转和数据传递 1.先导 在Android中，我们Activity和Fragment都有栈的概念在里面，微信小程序页面也
阅读全文
摘要：小程序报错：TypeError: Cannot read property ‘addEventListener‘ of undefined 解决办法 将调试基础库由2.16.0（或者当前的） -> 2.14.1 解决问题
阅读全文
摘要：mpvue使用echarts 在mpvue中开发小程序中，mpvue官方出了一套适用于mpvue使用的eecharts，叫mpvue-echarts； 值得一提的是，原生小程序使用的是echarts-for-weixin，具体地址如下： https://github.com/ecomfe/echar
阅读全文
摘要：在小程序中如何优雅的实现数据可视化 前言 现在很多企业都开始将产品部分、甚至全部模块转移到小程序中。想一想当年的轻应用，小程序的发展到今天属实非常不错。况且它的身后有微信这么一个庞大的生态圈。自从去年末开始，我也好久没有录制小程序的课程了，那今天就写一篇关于小程序之echarts数据可视化的踩坑记。
阅读全文
摘要：mpvue构建小程序(步骤+地址) mpvue 是一个使用 Vue.js 开发小程序的前端框架（美团的开源项目）。框架基于 Vue.js 核心，mpvue 修改了 Vue.js 的 runtime 和 compiler 实现，使其可以运行在小程序环境中，从而为小程序开发引入了整套 Vue.js 开发
阅读全文
摘要：mpvue中引用Vant-weapp时，没有把原来的px转换成rpx问题解决办法（踩坑记录） mpvue vant-weapp由于node_modules不会编译到dist目录中，所以使用npm安装的vant-weapp还需要将仓库中的vant文件夹复制到你的项目目录static下，至此问题就出在放
阅读全文
摘要：记录使用mpvue开发小程序常常遇到的坑 1、保存全局状态的问题 我们在vue项目中，一般都会使用vuex。在react中，一般都会使用redux。那在小程序中呢？ 答案是，还是可以使用vuex。 mupve初始化项目后，有一个页面模板就是使用了vuex。 但是，我一般来说，都是需要全局的store
阅读全文
摘要：vuex中的Store 1. Vuex是什么在了解Store之前，我们先来看看Vuex是个什么东西。Vuex本质上就是一个Vue.js的插件，是用于对复杂应用进行状态管理用的，打印Vuex以后输出： { Store: function Store(){}, mapActions: funct
阅读全文
摘要：bootstrap3.0教程之表单(form)使用详解 本篇文章主要讲解了bootstrap表单中各种控件的样式控制。其中也有看到按钮的简单样式使用。,需要的朋友可以参考下 本文主要讲解的是表单，这个其实对于做过网站的人来说，并不陌生，而且可以说是最为常用的提交数据的Form表单。本文主要来讲解一下
阅读全文
摘要：bootstrap文件上传参数解析 $(function () { initFileInput("input-id"); }) function initFileInput(ctrlName) { var control = $('#' + ctrlName); control.fileinput(
阅读全文
摘要：Velocity是一款优秀的JS动画库 它比$.animate()更快更流畅，性能甚至高于CSS3 animation，它支持所有现代浏览器，最低可兼容到IE8和Android 2.3 转自：https://www.cnblogs.com/xiaohuochai/p/7404928.html 》》》
阅读全文
摘要：一个页面提交多个表单 1 办法1.同一个页面中建立两个表单 各自提交： 2 3 <form action="?" name="form1" id="form1"> 4 <!-- 表单内容 --> 5 <input type="submit" /> 6 </form> 7 <form action="
阅读全文
摘要：数组与字符串的相互转化 <script type="text/javascript">var obj="new1abcdefg".replace(/(.)(?=[^$])/g,"$1,").split(","); //字符串转化为数组 var obj2 = "new2abcdefg".split("
阅读全文
摘要：前端性能优化（JavaScript篇） 正巧看到在送书，于是乎找了找自己博客上记录过的一些东西来及其无耻的蹭书了~~~ 小广告：更多内容可以看我的博客 优化循环 如果现在有个一个data[]数组，需要对其进行遍历，应当怎么做？最简单的代码是： for (var i = 0; i < data.len
阅读全文
摘要：自定义验证之这能输入数字(包括小数 负数 ) <script type="text/javascript"> function onlyNumber(obj){ //得到第一个字符是否为负号 var t = obj.value.charAt(0); //先把非数字的都替换掉，除了数字和. obj.v
阅读全文
摘要：ES6：模板字面量 前面的话 JS的字符串相对其他语言来说功能总是有限的，事实上，ES5中一直缺乏许多特性，如多行字符串、字符串格式化、HTML转义等。ES6通过模板字面量的方式进行了填补，模板字面量试着跳出JS已有的字符串体系，通过一些全新的方法来解决类似的问题。本文将详细介绍ES6模板字面量 基
阅读全文
摘要：js数组与字符串的相互转化 数组与字符串的相互转化 <script type="text/javascript">var obj="new1abcdefg".replace(/(.)(?=[^$])/g,"$1,").split(","); //字符串转化为数组 var obj2 = "new2ab
阅读全文
摘要：错误信息：本来是要显示JSON对象的 结果控制台打印了[object object] 需要做一个简单的转换，如下： var jsonData = JSON.stringify(data);// 转成JSON格式var result = $.parseJSON(jsonData);// 转成JSON对
阅读全文
摘要：Object.keys()、Object.values()、Object.entries()用法总结 Object.keys() 一、官方解释Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序
阅读全文
摘要：reduce()方法可以搞定的东西，for循环，或者forEach方法有时候也可以搞定，那为啥要用reduce()？这个问题，之前我也想过，要说原因还真找不到，唯一能找到的是：通往成功的道路有很多，但是总有一条路是最捷径的，亦或许reduce()逼格更高... 1、语法 arr.reduce(cal
阅读全文
摘要：js提供了多种遍历数组的方法，具体使用场景略有区别，在此简单介绍一下。 一、forEach方法（没有返回值）forEach是最简单、最常用的数组遍历方法，它提供一个回调函数，可用于处理数组的每一个元素，默认没有返回值。 以上是个简单的例子，计算出数组中大于等于3的元素的个数。 回调函数的参数，第一个
阅读全文
浙公网安备 33010602011771号