- 博客(49)
- 收藏
- 关注
RSS订阅转载 [Vue warn]: You may have an infinite update loop in a component render function
[Vue warn]: You may have an infinite update loop in a component render function这个问题很奇怪，之前从来没有遇到过。如果是我自己主导的项目，倒也好办，慢慢 debug 就是；偏偏在公司的项目里遇到这个问题，而公司项目的体系结构很复杂，我还没完全掌握。更恼火的是，因为体系复杂，debug 也非常困难，再加上尚...
2019-09-30 09:07:00
2091
转载 vue-router 基本使用
路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。 点击之后，怎么...
2019-09-17 09:59:00
132
转载 moment.js的方法总结
总结一个非常实用的日期工具类moment.js，日期获取，格式化等。都是以前工作中遇到的，我会在使用工具类的时候新建一个js，工作中遇到要显示什么都在这个文件里尝试，所以这个顺序是我工作中遇到然后在js文件中尝试的顺序，可能顺序稍微乱一些，但是大致没有什么问题。引入moment//require 方式var moment=require('moment');//imp...
2019-09-05 19:18:00
167
转载 [SheetJS] js-xlsx模块学习指南
简介SheetJS是前端操作Excel以及类似的二维表的最佳选择之一,而js-xlsx是它的社区版本.js-xlsx将注意力集中到了数据转换和导出上,所以它支持相当多种类的数据解析和导出.不仅仅局限于支持xlsx格式.支持的导入格式支持的导出格式它可以:解析符合格式的数据导出符合格式的数据利用中间层操作数据可以运行在:浏览器端Nod...
2019-09-05 19:17:00
1097
转载 Vue slot-scope的理解（适合初学者）
百度上已经有很多的关于slot-scope的文章，但我感觉都是那些以前没学好，又回头学的人，他们都使用了.Vue文件，我觉得有点不适合初学者，所以我就写一篇适合初学者的。 先抛例程：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &...
2019-09-02 14:40:00
290
转载 vue 加载文件，省略后缀后的加载顺序
Vue使用import ... from ...来导入组件，库，变量等。而from后的来源可以是js，vue，json。这个是在webpack.base.conf.js中设置的：module.exports = { resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@': resolve('s...
2019-06-17 11:07:00
1273
转载 一张图看懂JavaScript中数组的迭代方法：forEach、map、filter、reduce、every、some
好吧，竟然不能单发一张图，不够200字啊不够200字！在《JavaScript高级程序设计》中，分门别类介绍了非常多数组方法，其中迭代方法里面有6种，这6种方法在实际项目有着非常广泛的作用。其中本人最爱用forEach和map，好用又高效，不用什么都是for循环大法。但是初学的时候往往觉得头大，这些方法都很像，到底有什么区别？趁着今天有空，我把对着6个方法的认知，用最浅显的图画出来，...
2019-05-08 11:29:00
85
转载 为什么JavaWeb项目要分层
首先让我们坐着时光机回到n年前的web开发。那个时候最早都是静态的html页面，后来有了数据库，有了所谓的动态页面，然后程序猿在编码的时候，会把所有的代码都写在页面上，包括数据库连接，包括事务控制，接收参数，各种校验，各种逻辑，各种html/js/css代码等等怎么样？够乱吧？像一坨那什么一样，这个页面可能有成千上万行？那么好，问题来了，回头需要修改的时候，你怎么办？你找个东西找半天，好...
2019-03-28 16:04:00
686
转载 table样式测试总结tr td宽度分析
题外话：一直以来习惯布局用ul,li样式调整比较方便，不会互相影响出现一些问题，but~现在公司涉及很多表格打印，都是用table写的，好多宽度高度合并啊，组合啊~~~，单元格之间互相影响，有的样式设置还不起作用。。。。。脑瓜疼啊！脑瓜疼~~~废话说了一堆，撸起袖子继续干吧！首先定义一个基础的table<style> table tr td{ ba...
2019-02-27 14:59:00
1296
转载 vue seo
最近在实习，刚来没几天，老大没安排什么大事给我，昨天下午说给我一个小任务，要求如下：1.收集几个流量大的网站(必须是vue做的)页面交互和逻辑尽可能复杂多样2.对比一下各个页面的seo是如何做的3.网站中出现率做多的公共组件或者公共方法是什么于是我就开始收集了，在这期间也了解到了很多东西。1 .首先怎么判断网站是用vue做的，我的方法当然是先搜一搜，当让搜出来的并不一定是，接下来可以...
2019-02-21 11:34:00
139
转载 nginx 之 proxy_pass详解
在nginx中配置proxy_pass代理转发时，如果在proxy_pass后面的url加/，表示绝对根路径；如果没有/，表示相对路径，把匹配的路径部分也给代理走。假设下面四种情况分别用 http://192.168.1.1/proxy/test.html 进行访问。第一种：location /proxy/ { proxy_pass http...
2019-02-21 11:01:00
99
转载 Vue-详解设置路由导航的两种方法： <router-link :to="..."> 和router.push(...)
一、<router-link :to="..."> to里的值可以是一个字符串路径，或者一个描述地址的对象。例如：// 字符串<router-link to="apple"> to apple</router-link>// 对象<router-link :to="{path:'apple'}"> to apple...
2019-01-11 15:22:00
2543
转载 如何用命令将本地项目上传到git
1、（先进入项目文件夹）通过命令 git init 把这个目录变成git可以管理的仓库git init2、把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，不要忘记后面的小数点“.”，意为添加文件夹下的所有文件git add .3、用命令 git commit告诉Git，把文件提交到仓库。引号内为提交说明git commit -...
2019-01-09 16:58:00
73
转载 js踩过的坑
1.1.深拷贝/浅拷贝这实际上算不上vue的问题，算是js基础没打好的坑吧。先来看一个简单的例子：let obj = {name:'fiona-SUN'};let copyObj = obj;copyObj.name = 'fiona';console.log(copyObj.name); // 'fiona'console.log(obj.na...
2019-01-02 11:14:00
148
转载 vue项目开发中踩过的坑
一、路由这两天移动端的同事在研究vue，跟我说看着我的项目做的，子路由访问的时候是空白的，我第一反应是，不会模块没加载进来吧，还是。。。。此处省略一千字。。。废话不多说上代码路由代码{ path: '/list', name: '列表', component: Layout, meta: {title: '列表', icon: ...
2018-12-28 17:45:00
363
转载 es6 import 与 export
1、export 命令export 命令用于规定模块的对外接口。一个模块就是一个独立的文件。该文件内部所有的变量，外部无法获取。要想外部能够读取模块内部的某个变量，就必须使用 export 关键字输出该变量。语法： 1 export { name1, name2, …, nameN }; 2 export { variable1 as name1, vari...
2018-12-13 11:01:00
210
转载 JavaScript中in操作符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别
ECMAScript将对象的属性分为两种：数据属性和访问器属性。每一种属性内部都有一些特性，这里我们只关注对象属性的[[Enumerable]]特征，它表示是否通过 for-in 循环返回属性，也可以理解为：是否可枚举。然后根据具体的上下文环境的不同，我们又可以将属性分为：原型属性和实例属性。原型属性是定义在对象的原型（prototype）中的属性，而实例属性一方面来自己构造函数中，然后...
2018-11-29 11:25:00
150
转载 web worker
一、作用javascript 是单线程执行，web worker可创建多线程模型，那么主线程只负责UI之类的，可提高性能二、web worer用法主线程var parent = new Worker('worker.js')//向子线程传递消息parent.postMessage('来自主线程的消息')//获取子线程返回的消息parent....
2018-11-28 16:54:00
86
转载 MSXML2.XMLHTTP.4.0对象
一、使用步骤：1、创建XMLHTTP对象 //需MSXML4.0支持2、打开与服务端的连接，同时定义指令发送方式，服务网页(URL)和请求权限等。客户端通过Open命令打开与服务端的服务网页的连接。与普通HTTP指令传送一样，可以用"GET"方法或"POST"方法指向服务端的服务网页。 3、发送指令。 4、等待并接收服务端返回的处理结果。 5、释放XMLHTTP对象 二、XMLHTTP...
2018-11-28 10:52:00
424
转载 廖雪峰 练习 把用户输入的不规范的英文名字，变为首字母大写，其他小写的规范名字...
请把用户输入的不规范的英文名字，变为首字母大写，其他小写的规范名字。输入：['adam', 'LISA', 'barT']，输出：['Adam', 'Lisa', 'Bart']。function q(x){var inner = x.split('');var it = inner.map(function(val,index){ var t;...
2018-09-05 17:08:00
741
转载 IE浏览器兼容问题(上)——html和css的兼容写法
相关链接：http://www.cnblogs.com/wenhandi/p/7772358.html用户使用的浏览器五花八门，我们要保证每一种浏览器都能兼容我们的代码，不能要求用户去改变浏览器，那么就得在我们的代码上下功夫。此时我们要用到hack。HACK就是针对不同的浏览器写不同的HTML、CSS样式，从而使各种浏览器达到一致的渲染效果。下面我们就分别了解一下HTML的h...
2018-08-23 16:40:00
128
转载 项目模板使用说明
前言 项目基本框架已经实现，部分组件封装基本功能。具体优化在开发过程中一步步实现目录结构├── doc //相关文档├── node_modules // 项目依赖├── public // 公共资源├── src ...
2018-08-22 16:16:00
165
转载 web打印的几种方案
轉自：http://elf8848.iteye.com/blog/626790-------------------------------------------一 基于Web的打印方案比较分析-------------------------------- 基于web的套打，难度在于要将浏览器中呈现的html，精确地打印到票据中，而且能够实现对分页位置的控制。下面就ie...
2018-08-14 22:39:00
141
转载 json-server的关系图谱详解（Relationships）
json-server的关系图谱json-server是非常好用的一款模拟REST API的工具,文档也很详细和全面.详情：json-server而其中的关系图谱是它非常强大的一个功能，可以非常方便实现多个路由之间关联数据的获取。示例数据官网上对于关系图谱的案例非常好，我这里在它示例的基础上稍以改进，进行说明，首先我这里编写了一个原始数据,db.json:{ "po...
2018-08-08 18:17:00
215
转载 npm 与 package.json 快速入门教程
npm 与 package.json 快速入门教程2017年08月02日 19:16:20阅读数：33887npm 是前端开发广泛使用的包管理工具，之前使用 Weex 时看了阮一峰前辈的文章了解了一些，这次结合官方文章总结一下，加深下理解吧！读完本文你将了解：什么是 npm？安装 npm更新 npmpackage....
2018-07-31 18:35:00
87
转载 使用 Polyfill 而不再是 bable 来实践js新特性
现状我们想要用ES6 语法来写 JavaScript。然而由于我们需要兼容老版本的浏览器，那些浏览器不支持 ES6，我们需要解决这个问题。有一个标准的做法是：写 ES6 代码 → 将所有代码编译成 ES5 的（比如通过 Babel）→ 再将编译后的代码加载到浏览器执行。这可能已经不再是最有效率的方式了。因为用这种方式，我们强制最新的浏览器运行旧代码，实际上它们完全可以运行最...
2018-07-26 14:39:00
183
转载 此文章介绍vue-cli脚手架config目录下index.js配置文件
此配置文件是用来定义开发环境和生产环境中所需要的参数关于注释当涉及到较复杂的解释我将通过标识的方式(如（1）)将解释写到单独的注释模块，请自行查看上代码// see http://vuejs-templates.github.io/webpack for documentation.// path是node.js的路径模块，用来处理路径统一的问题...
2018-06-21 17:02:00
87
转载 CSS实现列表li边框重合问题
CSS实现列表li边框重合问题2017年04月13日 21:04:18阅读数：5066在我们写东西的时候经常要用到ul,但是也经常会出现li边框重合的问题，如下图：可以看到每个格子的右边框和下边框明显有边框重合现象，这样很影响美观，要解决这个问题其实也很简单；只要给每个li设置css属性 margin：0 0 -width -width 就可以...
2018-06-12 11:29:00
999
转载 SiteMesh3使用实例和详解
一、SiteMesh介绍SiteMesh是一个网页布局和修饰的框架，利用它可以将网页的内容和页面结构分离，以达到页面结构共享的目的。[来自百度百科] 通俗的理解就是，SiteMesh把页面中变化的和不变的分离开来，用不变的去装饰各种变化的内容。从而使页面具有统一的布局，而且方便页面的管理。不变的页面称之为装饰页面，内容变化的页面称之为被装饰页面。...
2018-06-08 17:21:00
68
转载 使用jquery获取url及url参数的方法
使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作1、jquery获取url很简单，代码如下：window.location.href;其实只是用到了javascript的基础的window对象，并没有用jquery的知识。2、jquery获取url参数比较复杂，要用到正则表达式，所以学好javascript正则式多么重要的事情...
2018-06-06 14:41:00
113
转载 ie8 不支持 position:fixed 的简单解决办法
今天发现使用 position:fixed 的页面在firefox下没有问题，在IE8下却不能正常显示，在网上找了找，有不少相关文章，但是不是不起作用就是太复杂，后来终于发现一个简单的解决办法，就是在html的开头加上<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">就可以了，后来搜了搜，发现H...
2018-05-15 09:50:00
86
转载 lodop多打印一页白纸
【错误还原】Lodop多张空白页测试2【错误还原】Lodop多出空白页测试http://blog.sina.com.cn/s/blog_157ebf1370102wta1.html上面这个链接是以前的一个超文本自动分页，最后却出现了空白页的问题。该问题产生的原因是，超文本中有不可见内容，所以占了空间，导致分出了空白页。此问题可以通过给超文本加背景色，...
2018-04-25 11:16:00
1284
转载 lodop使用
根据相应的操作系统，安装install_lodop32.exe文件，它里面包含两个exe文件install_lodop32.exe和install_lodop64.exe，在页面的头部中引入:<!--打印插件--><scripttype="text/javascript"src="<%=basePath%>js/LodopFuncs.js">...
2018-04-11 14:49:00
205
转载 vuex
Vuex 是什么？官方是这么说的：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。不懂？呵呵，没关系。我是这么认为的：Vuex 就是前端为了方便数据的操作而建立的一个” 前端数据库“。且听下文分解。。。模块间是不共享作用域的，那么B 模块想要拿到 A 模块的数据，我们会...
2018-04-09 11:09:00
64
转载 JS判断浏览器类型和详细区分IE各版本浏览器
今天用到JS判断浏览器类型，于是就系统整理了一下，便于后期使用。?12345678910111213141516171819202122232425262728293031323334353637383...
2018-03-30 11:22:00
106
转载 Js new一个函数和直接调用函数的区别
不实用new，也就是普通的函数调用而已，所以若是函数本身没有返回值，普通的函数调用没有什么意义如：var person=new Person();//person是一个对象var person = Person();//这只是一次普通的函数调用并赋值而已。例一：[javascript]view plaincopyfunction...
2018-03-29 14:17:00
103
转载 CSS3自定义滚动条样式 -webkit-scrollbar
移动端隐藏scroll滚动条::-webkit-scrollbar::-webkit-scrollbar {/*隐藏滚轮*/display: none;}CSS3自定义滚动条样式 -webkit-scrollbar前言webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼...
2018-01-19 09:41:00
75
转载 Web前端知识体系精简
Web前端技术由html、css和 javascript三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，对应的每个知识点点到为止，不作详细介绍。目的是帮助大家审查自己的知识结构是否完善，如有遗漏或不正...
2018-01-03 17:01:00
85
转载 ES6中的迭代器(Iterator)和生成器(Generator)
前面的话 用循环语句迭代数据时，必须要初始化一个变量来记录每一次迭代在数据集合中的位置，而在许多编程语言中，已经开始通过程序化的方式用迭代器对象返回迭代过程中集合的每一个元素 迭代器的使用可以极大地简化数据操作，于是ES6也向JS中添加了这个迭代器特性。新的数组方法和新的集合类型(如Set集合与Map集合)都依赖迭代器的实现，这个新特性对于高效的数据处理而言是不可或缺的，在...
2017-12-06 11:51:00
97
转载 14招搞定JavaScript调试
14招搞定JavaScript调试译者按：很多时候，大家可能只是依靠console.log来调试JavaScript代码，这样做的局限性不言而喻，这篇博客将教你几招实用的调试技巧。原文:The 14 JavaScript debugging tips you probably didn’t know)译者:Fundebug为了保证可读性，本文采用意译...
2017-11-08 10:03:00
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人