摘要：
在web项目中，有一个很重的模块就是登陆/注册模块，这个模块的主体部分就是一个form表单，这个form表单包含两个重要input组（用户名/密码），每个input组都包含label和input，而关于 label+input 的布局方案多种多样，不同的设计师有不同的设计风格，不同的前端工程师又有不 阅读全文
posted @ 2018-11-03 21:45
sfornt
阅读(187)
评论(0)
推荐(0)
摘要：
1、放大镜 2、JSONP 3、获取指定区间范围随机数，包括lowerValue和upperValue 4、数组排序 5、数组去重 6、深度拷贝 原文地址：https://segmentfault.com/a/1190000016677097 阅读全文
posted @ 2018-11-03 21:44
sfornt
阅读(1529)
评论(0)
推荐(0)
摘要：
Cookies和Session的区别和理解 cookie机制 Cookies是服务器在本地机器上存储的小段文本并随每一个请求发送至同一个服务器。IETF RFC 2965 HTTP State Management Mechanism 是通用cookie规范。网络服务器用HTTP头向客户端发送coo 阅读全文
posted @ 2018-11-03 21:26
sfornt
阅读(364)
评论(0)
推荐(0)
摘要：
前言 不定时更新 在线预览 https://zzyper.github.io/opti... 在线预览的源码 https://github.com/zzyper/opt... 部分内容仅兼容webkit内核，其他内核自行查询 可控密度的虚线分隔线 css 通过更改background size值控制 阅读全文
posted @ 2018-11-03 21:24
sfornt
阅读(360)
评论(0)
推荐(0)
摘要：
简介 媒体查询(Media Queries)早在在css2时代就存在,经过css3的洗礼后变得更加强大bootstrap的响应式特性就是从此而来的. 简单的来讲媒体查询是一种用于修饰css何时起作用的语法. Media Queries 的引入，其作用就是允许添加表达式用以确定媒体的环境情况，以此来应 阅读全文
posted @ 2018-11-03 21:22
sfornt
阅读(870)
评论(0)
推荐(0)
摘要：
吐槽 今天，在vue中遇到 复杂表格的渲染 ，需要合并表头的单元格，且合并单元格的那列还是动态数据，也就是说你不知道会有多少组要合并起来，哎，我也有点说不清楚，废话不多说了，看代码把： 代码示例 data数据是后端接口返回的，其中的数据格式是这样的： 获取到以上数据后，对数据稍微处理下： 效果如图： 阅读全文
posted @ 2018-11-03 21:21
sfornt
阅读(773)
评论(0)
推荐(0)
摘要：
1.何为DOM DOM是“Document Object Model”的缩写，中文译为“文档对象模型”。它是一种跨平台、跨语言的编程接口，将HTML，XHTML，XML文档映射成树形结构，树的每一个节点都是一个对象。正因如此，面向对象的编程语言（如javascript）可以通过DOM对HTML，XH 阅读全文
posted @ 2018-11-03 20:12
sfornt
阅读(544)
评论(0)
推荐(0)
摘要：
(～￣(OO)￣)ブ，闭包，一个面试长问的问题，本白也迷糊了很久。慢慢不断地有了自己的一点认识，这里分享一下~~~废话不多说，先看题： 结果是什么呢？？？大家可以先自己想一下，然后来听我分析（xiache）( ^.^ )；首先我们从for循环开始看起，循环了2次，分别执行了outputp "0" ; 阅读全文
posted @ 2018-11-03 20:05
sfornt
阅读(133)
评论(0)
推荐(0)
摘要：
一次下载多个文件的解决思路(iframe) Eric 真实经历 最近开发项目需要做文件下载，想想挺简单的，之前也做过，后台提供下载接口，前端使用window.location.href就行了呗。不过开发的时候发现，有些文件有附属文件，点击 下载按钮 需要下载两个文件，而且不能使用压缩包的形式。想想不 阅读全文
posted @ 2018-11-03 20:03
sfornt
阅读(14453)
评论(2)
推荐(1)
摘要：
什么是前后端分离，要区分前端和后端，需要有个明确的界限。一般，用户可以直接看到的东西，都是属于前端的范畴，除了前端之外都属于后端了。 在传统的像ASP，JSP和PHP等开发模式中，前端是处在一个混沌的状态中，可以说是没有独立的“人格”可言。 前端负责切图和编写静态页面模板，后端将数据渲染到前端提供的 阅读全文
posted @ 2018-11-03 20:02
sfornt
阅读(571)
评论(0)
推荐(0)
摘要：
工具：Visual Studio Code/MarkdownPad技术：Hexo+Github 创建Github项目 Github账户注册和新建项目，项目必须要遵守格式：账户名.github.io，不然接下来会有很多麻烦。并且需要勾选Initialize this repository with a 阅读全文
posted @ 2018-11-03 18:30
sfornt
阅读(396)
评论(0)
推荐(0)
摘要：
项目遇到一个需求，React16.6.0兼容IE10浏览器 首先在IE浏览器打开，IE11可以支持，打开控制台切换到IE10，页面白屏，控制台报错。 控制台报错 vue2.0 兼容ie9及其以上 既然没有定义，说明IE10不支持ES6最新语法。谷歌了好多方案。唯一有用的还是去了Babel官网，有关， 阅读全文
posted @ 2018-11-03 18:21
sfornt
阅读(1387)
评论(0)
推荐(0)
摘要：
前言：taro是一个可以很好实现一次开发，多端统一的框架，本文只介绍它小程序端开发的一些内容。小程序项目搭建gitup已经有很清楚的说明：https://github.com/NervJS/taro 微信小程序发送模板消息！附前端+后端源码~ 微信小程序之登录态的探索 一.主要操作步骤及命令： 1. 阅读全文
posted @ 2018-11-03 18:20
sfornt
阅读(4806)
评论(0)
推荐(0)
摘要：
@subject: 测试本地node包 @author: leinov @date: 2018 10 25 当我们编写一个node包，在发布到npm上之前，需要在本地测试该包。假设我们有一个已经编写好的本地node包xcxutil包和一个测试该包的项目myapp在同一个文件夹下project下，有以 阅读全文
posted @ 2018-11-03 18:19
sfornt
阅读(1219)
评论(0)
推荐(0)
摘要：
webpack在单页面打包上应用广泛，以create react app为首的脚手架众多，单页面打包通常是将业务js，css打包到同一个html文件中，整个项目只有一个html文件入口,但也有许多业务需要多个页面不同的入口，比如不同的h5活动，或者需要支持seo的官方网站，都需要多个不同的html， 阅读全文
posted @ 2018-11-03 18:06
sfornt
阅读(283)
评论(0)
推荐(0)
摘要：
网站url网站创建具有良好描述性、规范、简单的url，有利于用户更方便的记忆和判断网页的内容，也有利于搜索引擎更有效的抓取您的网站。网站设计之初，就应该有合理的url规划。 title信息 网页的title用于告诉用户和搜索引擎这个网页的主要内容是什么，而且当用户在百度网页搜索中搜索到你的网页时，t 阅读全文
posted @ 2018-11-03 18:05
sfornt
阅读(372)
评论(0)
推荐(0)
摘要：
下面给大家带来：封装一个简单的 KoaKoa 是基于 Node.js 平台的下一代 web 开发框架Koa 是一个新的 web 框架，可以快速而愉快地编写服务端应用程序，本文将跟大家一起学习：封装一个简单的 Koa一个简单的 http 服务使用 node 提供的 http 模块，可以很容易的实现一个 阅读全文
posted @ 2018-11-03 18:04
sfornt
阅读(331)
评论(0)
推荐(0)
摘要：
移动端下弹框禁止背景滑动 茴字写法有很多种，找到最适合的才是好的。 以下下方法在一屛之内是可行的 body;html 设置overflow:hidden 问题 当body内容超出一屛时，弹框背景页面会自动滚动到顶部，无法回到原来弹框所在的位置 保存scrollTop，再设置scrollTo 问题 当 阅读全文
posted @ 2018-11-03 17:57
sfornt
阅读(934)
评论(0)
推荐(0)
摘要：
前言 尝试一款新的开发框架的时候势必会遇见各种各样的问题。可能因为一开始不熟悉文档，导致配置错误，或是api使用错误。当然开发的时候我们也不能确认框架没有问题，是否存在bug。所以在某些出错的情况下，我们也许会不断怀疑自己，怀疑框架，最终怀疑人生。这时候就需要开发者们发挥无私的精神，积极讨论，记录并 阅读全文
posted @ 2018-11-03 17:52
sfornt
阅读(1406)
评论(0)
推荐(0)
摘要：
前言 之前几个项目中,都多多少少碰到一些组件之间需要通信的地方,而因为种种原因,event bus 的成本反而比vuex还高, 所以技术选型上选用了 vuex, 但是不知道为什么,团队里的一些新人一听到vuex,就开始退缩了, 因为vuex 很难? 真的很难吗?今天我们用简单的3步来证明一下,vue 阅读全文
posted @ 2018-11-03 17:33
sfornt
阅读(240)
评论(0)
推荐(0)
摘要：
为了实现分离业务逻辑代码，实现组件内部相关业务逻辑的复用，在React的迭代中针对类组件中的代码复用依次发布了Mixin、HOC、Render props等几个方案。此外，针对函数组件，在React v16.7.0 alpha 中提出了hooks的概念，在本身无状态的函数组件，引入独立的状态空间，也 阅读全文
posted @ 2018-11-03 17:32
sfornt
阅读(540)
评论(0)
推荐(0)
摘要：
需求：将网页生成图片，用户自行长按图片进行保存图片，再分享朋友圈。其中，都可识别图中的二维码。（二维码过小会识别不出） 首先，先来科普一下微信网页识别二维码原理：截屏识别，当客户端发现用户在网页的img标签内进行长按操作时，会立刻截屏并且启动二维码识别算法。https://www.cnblogs.c 阅读全文
posted @ 2018-11-03 17:31
sfornt
阅读(504)
评论(0)
推荐(0)
摘要：
JavaScript面向对象OOM 1（理解对象和对象的描述特性） Date: Updated At Oct 31, 2018 | JavaScript | 面向对象 | Author: ZhengAo | 面向对象的语言都有一个特性 都有类的概念。通过类可以创建一系列属性相近，功能类似的对象。 J 阅读全文
posted @ 2018-11-03 17:30
sfornt
阅读(422)
评论(0)
推荐(0)
摘要：
目录： 截取指定字节数的字符串 判断是否微信 获取时间格式的几个举例 获取字符串字节长度 对象克隆、深拷贝 组织结构代码证验证 身份证号验证 js正则为url添加http标识 URL有效性校验方法 自定义jsonp方法 cookie操作 生成随机字符串 (可指定长度) 浏览器判断 Rem移动端适配 阅读全文
posted @ 2018-11-03 17:21
sfornt
阅读(313)
评论(0)
推荐(0)
摘要：
组件化是前端开发非常重要的一部分，从业务中解耦出来，可以提高项目的代码复用率。更重要的是我们还可以打包发布，俗话说集体的力量是伟大的，正因为有许许多多的开源贡献者，才有了现在的世界。 不想造轮子的工程师，当不了合格的搬运工 。让我们来了解一下vue组件从开发到打包发布流程，并配置Github主页。 阅读全文
posted @ 2018-11-03 16:40
sfornt
阅读(572)
评论(0)
推荐(0)
摘要：
前言 Vue作为前端三大框架（Angular，React，Vue）之一，号称是最简单，最容易上手的框架，同时也是行内的大趋势，还可以用来开发最火的小程序。具有开发快，双向数据流等特点，有些人认为Vue是Angular和React的结合，既有Angular的模板语法也有React的组件化体系，以至于促 阅读全文
posted @ 2018-11-03 16:29
sfornt
阅读(3428)
评论(0)
推荐(0)
摘要：
一般来说，脚手架是帮你减少「为减少重复性工作而做的重复性工作」的工具. gulp和gulp cli的区别可以看这个task what does gulp "cli" stands for? . 它跟前端常说的脚手架（scaffold）不是一个东西. CLI只是Command Line Interfa 阅读全文
posted @ 2018-11-03 16:28
sfornt
阅读(2136)
评论(0)
推荐(0)
摘要：
本文目前总结的特性如下1.侦听属性和计算属性2.class的绑定3.条件渲染时的注意事项4.v if和v for同时使用的注意事项5.插槽6.ref,父组件调用子组件的另一种方式7.<keep alive>标签 侦听属性和计算属性 计算属性computed假设有A、B两个变量,B的值依赖 阅读全文
posted @ 2018-11-03 16:27
sfornt
阅读(667)
评论(1)
推荐(0)
摘要：
axios它是基于promise的http库，可运行在浏览器端和node.js中,然后作者尤雨溪也是果断放弃了对其官方库vue resource的维护，直接推荐axios库，小编我也是从vue resource转换过来的，差别说不来，我们讲一下axios在实际开发中的用法 如何在 Vue.js 中使 阅读全文
posted @ 2018-11-03 16:27
sfornt
阅读(7238)
评论(0)
推荐(0)
摘要：
新写的项目在 IE浏览器显示空白 解释一： 解释二： 解决方法： 原文：https://blog.csdn.net/lyn1772... 原文地址：https://segmentfault.com/a/1190000016688592 阅读全文
posted @ 2018-11-03 16:25
sfornt
阅读(325)
评论(0)
推荐(0)
摘要：
Vue事件修饰符 Vue.js 为 v on 提供了事件修饰符来处理 DOM 事件细节，如：event.preventDefault() 或 event.stopPropagation()。 Vue.js通过由点 (.) 表示的指令后缀来调用修饰符。 .stop.prevent.capture.se 阅读全文
posted @ 2018-11-03 16:23
sfornt
阅读(256)
评论(0)
推荐(0)
摘要：
这是xue源码学习记录，如有错误请指出，谢谢！相互学习相互进步。 vue源码目录为 vue内部代码模块比较清晰，这边主要分析scripts内部代码，讲解vue是如何进行构建的.首先你必须要懂一些rollup,vue内部是通过rollup来进行构建的，rollup是一款js的构建工具，将各个小模块打包 阅读全文
posted @ 2018-11-03 16:22
sfornt
阅读(155)
评论(0)
推荐(0)
摘要：
由于歌词的播放需要歌曲播放，切换歌曲，歌曲的播放模式等等有关联，因此，需要在这几处处理相关问题 1.循环播放回不到开始位置 2.切换歌曲的时候，歌词跳动 这是因为在new Lyric中定时器，所以切换歌曲的时候，清除定时器 3.歌词和音乐同步 当暂停歌曲的时候，歌词暂停当播放歌曲的时候，歌词播放 4 阅读全文
posted @ 2018-11-03 16:21
sfornt
阅读(637)
评论(0)
推荐(0)
摘要：
问题 在开发中，有一些全局数据，比如用户数据，系统数据等。这些数据很多组件中都会使用，我们当然可以每次使用的时候都去请求，但是出于程序员的“洁癖”、“抠”等等优点，还是希望一次请求，到处使用。 这时候很自然的想到存储在 localStorage 中，但是有个问题是，这些数据可能会变，如果没能及时同步 阅读全文
posted @ 2018-11-03 16:19
sfornt
阅读(3500)
评论(0)
推荐(2)
摘要：
Vue.js——测试 这里采用的是Vue官方工具（Vue CLI）搭建出来的项目，在这个搭建工具中推荐的两种测试分别是 端到端的测试 E2E 单元测试 Unit Test 端到端的测试（E2E） E2E或者端到端（End To End）或者UI测试是一种测试方法，它用来测试一个应用从头到尾的流程是否 阅读全文
posted @ 2018-11-03 16:18
sfornt
阅读(411)
评论(0)
推荐(0)
摘要：
Table Table 常用属性解释 数据过滤，filter过滤器 show overflow tooltip，超出部分隐藏，悬停显示 <el table column width="200" show overflow tooltip label="检测指标"> <templat 阅读全文
posted @ 2018-11-03 16:17
sfornt
阅读(564)
评论(0)
推荐(0)
摘要：
简介 页面中用 clipboard 可以进行复制粘贴，clipboard能将内容直接写入剪切板 安装 使用方法一 使用方法二 原文地址：https://segmentfault.com/a/1190000016726633 阅读全文
posted @ 2018-11-03 16:16
sfornt
阅读(4546)
评论(0)
推荐(0)
摘要：
Vue.js 父子组件通信的十种方式 前言 很多时候用$emit携带参数传出事件，并且又需要在父组件中使用自定义参数时，这时我们就无法接受到子组件传出的参数了。找到了两种方法可以同时添加自定义参数的方法。 方法一 子组件传出单个参数时： 方法二 子组件传出多个参数时： 参考文献 https://gi 阅读全文
posted @ 2018-11-03 16:15
sfornt
阅读(64847)
评论(0)
推荐(2)
摘要：
有时候我们的vue组件需要复制使用者传递的内容。 比如我们工程里面的轮播组件需要使用复制的slot来达到循环滚动的效果 使用者关注轮播内容的静态效果，组件负责让其滚动起来 这种实现方式对于初始化的数据是没问题的，但是不支持slot内容的动态绑定，这是因为 vnode在vue中是唯一的 一个vnode 阅读全文
posted @ 2018-11-03 16:10
sfornt
阅读(669)
评论(0)
推荐(0)
摘要：
目前基本使用三款js代码质量检查工具： jslint, jshint, eslint。许多IDE里面也有对应的检查插件，在每次ctrl + s 保存文件的时候，检查当前文件是否符合规范，保证代码质量。许多团队都会指定一套代码规范code review,更加严格的检查每次代码修改。 也可以在git c 阅读全文
posted @ 2018-11-03 16:05
sfornt
阅读(1253)
评论(0)
推荐(0)
摘要：
快 有时候懒的把一些通用组件写到template里面去，而业务中又需要用到，比如表示loading状态这样组件。 如果是这样的组件，可以选择把组件手动初始化，让组件在整个app生命周期中始终保持活跃。 如： 实例化一个vue组件，挂在到原型链 或者 项目root vue实例上，就可以通过函数式的调用 阅读全文
posted @ 2018-11-03 16:04
sfornt
阅读(575)
评论(0)
推荐(0)
摘要：
Vue源码探究 事件系统 本篇代码位于vue/src/core/instance/events.js 紧跟着生命周期之后的就是继续初始化事件相关的属性和方法。整个事件系统的代码相对其他模块来说非常简短，分几个部分来详细看看它的具体实现。 头部引用 头部先是引用了的一些工具方法，没有什么难点，具体可以 阅读全文
posted @ 2018-11-03 16:03
sfornt
阅读(715)
评论(0)
推荐(0)
摘要：
前言: 本文基于vue 2.5.2, webpack 3.6.0（配置多页面原理类似，实现方法各有千秋，可根据需要进行定制化） vue 是单页面应用。但是在做大型项目时，单页面往往无法满足我们的需求，因此需要配置多页面应用。 Vue多页面应用开发 1. 新建 vue 项目 2. 安装 glob gl 阅读全文
posted @ 2018-11-03 16:02
sfornt
阅读(1140)
评论(0)
推荐(1)
摘要：
使用vuex时 官方推荐使用commit才修改state数据。 优点 便于调试，当数据变化时，可以在vuetools工具中看到是哪个函数修改了state值。 缺点 采用commit修改数据，可能会写很多mutations函数。 会上丧失掉一部分性能。因为新数据需要重新配置watcher。 优化 传一 阅读全文
posted @ 2018-11-03 16:01
sfornt
阅读(1539)
评论(0)
推荐(0)
摘要：
官方文档 语言配置 代码如下 ClassicEditor .create( document.querySelector( ' editor' ), { language: 'de' // 配置语言 , 还需要去引用语言文件 , 在 下加载对应的文件即可 } ) .then( editor=> 阅读全文
posted @ 2018-11-03 16:00
sfornt
阅读(2152)
评论(0)
推荐(0)
摘要：
最近在公司接收到了一个需求，给收藏夹的书籍添加批量、全选删除实现思路：点击全选改变item的checked，改变item的checked，重新便利一下所有item的checked来改变全选的selectAll1）该组件基本功能已经实现，checkbox用的vant ui，苦于官网没有这样功能的dem 阅读全文
posted @ 2018-11-03 15:58
sfornt
阅读(4019)
评论(0)
推荐(0)
摘要：
1.子组件给父组件传递数据 通过v bind动态绑定父组件中要传递的数据，子组件通过props属性接收父组件传递的数据。 2.父组件给子组件传递数据 自定义一个事件，在子组件中通过this.$emit()触发自定义事件并给父组件传递数据，在父组件中监听自定义事件并接收数据。 3.非父子组件之间的通信 阅读全文
posted @ 2018-11-03 15:53
sfornt
阅读(161)
评论(0)
推荐(0)
摘要：
在日常开发中，我们用的最多的就是 绑定数据 如果你有ng的开发经验，假设 data 你要更新数据了 但是这在vue中 并不会起到作用，DOM并没有触发变化。 vue不是已经实现的实时数据双向绑定，那么model层发生了变化之后，为什么view层没有更新呢？？？ 看官网 这里才发现 深入响应式原理 列 阅读全文
posted @ 2018-11-03 15:50
sfornt
阅读(367)
评论(0)
推荐(0)
摘要：
v model双向绑定数据 v html 能读取html标签 v class 类名 v text读取文本不能读取html标签 v show 显示与隐藏 v if显示与隐藏 （dom元素的删除添加 个人理解） v else v else if v bind v on 事件 v once执行一次事件 v 阅读全文
posted @ 2018-11-03 15:47
sfornt
阅读(165)
评论(0)
推荐(0)
摘要：
一、React (一)父组件向子组件传数据 简单的向下传递参数 在CodeSandbox中打开 向更下一级传递参数 在CodeSandbox中打开 (二)子组件向父组件传递参数 在CodeSandbox中打开 (三)兄弟组件传递参数 二、Vue (一)父组件向子组件传数据 简单的向下传递参数 在Co 阅读全文
posted @ 2018-11-03 15:43
sfornt
阅读(260)
评论(0)
推荐(0)
摘要：
vue router:vue官方路由管理器。 功能:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式，在 IE9 中自动降级自定义的滚动条行为 阅读全文
posted @ 2018-11-03 15:41
sfornt
阅读(253)
评论(0)
推荐(0)
摘要：
需要使用vue做一个专题页面。 滚动页面指定区域导航高亮。 BetterScroll：可能是目前最好用的移动端滚动插件 如何自定义CSS滚动条的样式？ 监听滚动页面事件，对比当前页面的位置与元素的位置，如果当前滚动的区域位置大于元素的位置，导航添加class，其他去掉class进行样式切换。 我使用 阅读全文
posted @ 2018-11-03 15:39
sfornt
阅读(2731)
评论(0)
推荐(0)
摘要：
使用vue前端框架做，竟然丢弃了很多javascript和html的东西了。。动态设置title的方法： 1.使用vue的自定义指令 2.很简单 3.router路由不同的title 原文地址：https://segmentfault.com/a/1190000016801359 阅读全文
posted @ 2018-11-03 15:38
sfornt
阅读(5886)
评论(0)
推荐(0)
摘要：
ajax plus 基于axios 的 Vue 插件 如何使用 npm 模块引入 首先通过 npm 安装 然后在入口文件引入并配置: 对标axios的配置，详见axios🚀 示例 $ajaxPlus方法 在 Vue 组件上添加了 $ajaxPlus 方法, 使用如下: 以上catchCb和fina 阅读全文
posted @ 2018-11-03 15:36
sfornt
阅读(362)
评论(0)
推荐(0)
摘要：
最近在vue cli项目实现登录的过程中用到了token验证，在此总结如下 第一步：通过用户名+密码获取token，存cookie 第二步：路由跳转进行登录态校验 首先先比较一下下面两段代码 结果：第一段代码在页面进行路由跳转的时候会陷入死循环原因：next后面带路径跳转时会重新调用router.b 阅读全文
posted @ 2018-11-03 15:34
sfornt
阅读(764)
评论(0)
推荐(0)
摘要：
背景： 本文主题 vue里数据的处理 存放数据 我们先看vue里哪里能存放数据： 1.单个vue文件里。2.官方插件vuex，作为一个集中管理经常复用的数据很有用。3.直接声明在vue实例上,用$号标识。 第一种情况下存放数据对于单个文件又分这几种属性1.1 data(常规使用，默认函数返回:忘记为 阅读全文
posted @ 2018-11-03 15:33
sfornt
阅读(665)
评论(0)
推荐(0)
摘要：
公司最近在重构，使用的是Vue框架。涉及到一个品牌的布局，因为品牌的字符长度不一致，所以导致每一个的品牌标签长短不一。多行布局下就会导致每行的品牌布局参差不齐，严重影响美观。于是就有了本篇的木桶布局插件。 木桶布局的实现是这样分步骤的： 首先对要填放的内容进行排序，筛选出每一行的元素。 再对每一行元 阅读全文
posted @ 2018-11-03 15:31
sfornt
阅读(634)
评论(0)
推荐(0)
摘要：
1. 兼容性 Vue不兼容IE8以及以下。 Vue Devtools https://github.com/vuejs/vue ... 2. 安装 1.直接<script>标签引用， Vue会被注册成为一个全局变量。2.npm注：开发版本下不要使用压缩版本，不然会失去一些错误相关的警告。 阅读全文
posted @ 2018-11-03 15:25
sfornt
阅读(155)
评论(0)
推荐(0)
摘要：
本文来自于自己的经验总结，并不一定是最好的，或最规范的。如果你有任何建议十分欢迎提出 非父子组件间的通信 在src中创建一个eventbus.js作为eventbus的中转站 使用emit与on来在不同组件中监听事件 在Vue中操作DOM 其实如果使用了VUE，个人认为不与DOM打交道是最好的：) 阅读全文
posted @ 2018-11-03 15:24
sfornt
阅读(268)
评论(0)
推荐(0)
摘要：
创建一个Vue实例 每个Vue应用都是通过Vue函数创建一个新的Vue实例开始： 数据与方法 当一个Vue实例被创建时，它向Vue的响应式系统中加入了其data对象中能找到的所有属性。当这个属性的值发生变化时，视图将产生"响应"，即匹配更新后的值。 值得注意的是只有当实例被创建时data中存在的属性 阅读全文
posted @ 2018-11-03 15:22
sfornt
阅读(167)
评论(0)
推荐(0)
摘要：
模板语法 Vue使用基于HTML的模板语法，允许开发者声明式的将DOM绑定至底层Vue实例的数据。 在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，Vue能够智能的计算出最少需要重新渲染多少组件，并把DOM操作次数减少到最少。 插值 (1)文本插值： 使用v once指令，可以执 阅读全文
posted @ 2018-11-03 15:21
sfornt
阅读(249)
评论(0)
推荐(0)
摘要：
计算属性 模板内的表达式非常便利，但是在模板中放入太多的逻辑会让模板过重切难以维护。对于任何复杂逻辑都应该使用计算属性。 这里声明一个计算属性reverseMsg。我们提供的函数将作用属性vm.reverseMsg的getter函数。 我们可以在表达式中调用方法来达到和计算属性相同的作用。但是计算属 阅读全文
posted @ 2018-11-03 15:19
sfornt
阅读(159)
评论(0)
推荐(0)
摘要：
MVVM相关概念 Mvvm 前端数据流框架精讲 1） MVVM典型特点是有四个概念：Model、View、ViewModel、绑定器。MVVM可以是单向绑定也可以是双向绑定甚至是不绑定 2） 绑定器：声明性的数据和命令，存在于ViewModel之中，让ViewModel和Model二者进行自动或手动 阅读全文
posted @ 2018-11-03 15:11
sfornt
阅读(2229)
评论(0)
推荐(0)
摘要：
操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以使用v bind处理它们：只需要通过表达式计算出字符串结果即可。不过拼接字符串比较麻烦，因此在v bind用于class和style时，vue做了专门的增强，表达式结果的类型除了字符串之外，还可以是对象和数组。 阅读全文
posted @ 2018-11-03 15:09
sfornt
阅读(439)
评论(0)
推荐(0)
摘要：
工作中的项目不止有页面繁多的模块化项目，还会只有一两个页面的类似于填写信息参与活动的活动页。这个时候，就可以回归以前的三剑客模式，在 index.html 里引用 vue.js 进行开发。 关键点： 引入 babel polyfill 以转换 es6 的代码，需要作为第一个引入的 script 脚本 阅读全文
posted @ 2018-11-03 15:07
sfornt
阅读(2323)
评论(0)
推荐(0)
摘要：
方案背景 需求 需要对图片进行标注，导出图片。 需要标注N多图片最后同时保存。 需要根据多边形区域数据（区域、颜色、名称）标注。 对应方案 用canvas实现涂鸦、圆形、矩形的绘制，最终生成图片base64编码用于上传 大量图片批量上传很耗时间，为了提高用户体验，改为只实现圆形、矩形绘制，最终保存成 阅读全文
posted @ 2018-11-03 15:05
sfornt
阅读(14664)
评论(0)
推荐(0)
摘要：
在做的项目是使用 vue cli 脚手架为基础的，只能使用微信浏览器打开的。在某次更新功能代码后，被反馈在一些手机上会出现白屏。经过一番探索，多管齐下解决了问题 白屏可能的原因： es6 代码没有被编译成 es5 ； 文件打包路径错误； 运营商塞入的广告 js 服务器报错，连累项目不能下载资源； 针 阅读全文
posted @ 2018-11-03 15:04
sfornt
阅读(1779)
评论(0)
推荐(0)
摘要：
用v for把一个数组对应为一个组件元素 我们用v for指令根据一组数组的选项列表进行渲染。v for指令需要使用item in items形式的语法： 在v for块中，我们拥有对父作用域属性的完全访问权限。v for还支持一个可选的第二个参数为当前项的索引。 也可以用of替代in作为分隔符，因 阅读全文
posted @ 2018-11-03 15:01
sfornt
阅读(343)
评论(0)
推荐(0)
摘要：
最近在写移动端项目,就想用lib flexable，px2rem来进行适配,把px转换成rem但是也用到了第三方UI组件库vux,把这个引入发现一个问题就是vux的组件都缩小了,在网上找不到答案,最后在一个vue开发群里找到了解决的方法,目前的处理方法是将vux组件中px转化为PX，避免被转成rem 阅读全文
posted @ 2018-11-03 13:41
sfornt
阅读(3343)
评论(0)
推荐(0)
摘要：
监听事件 可以使用v on指令监听DOM事件，并在触发的时候运行一些JavaScript代码。 事件处理方法 因为事件处理逻辑会更为复杂，所以直接把JavaScript代码写在v on指令中是不可行的，因此v on还可以接受一个需要调用的方法名称。 内联处理器中的方法 除了直接绑定到一个方法，也可以 阅读全文
posted @ 2018-11-03 13:26
sfornt
阅读(273)
评论(0)
推荐(0)
摘要：
<h3>基础用法</h3> <p>你可以用<strong>v model</strong>指令在表单input，textarea以及select元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但是v mo 阅读全文
posted @ 2018-11-03 13:23
sfornt
阅读(375)
评论(0)
推荐(0)
摘要：
万能的github真主，让我们强大！在vue的项目中想使用highlight.js这样的代码高亮？有人帮助我们实现了vue highlightjs 安装 yarn add highlight.js Dyarn add vue highlight.js D 这里解释一下为什么要安装两个依赖：vue h 阅读全文
posted @ 2018-11-03 13:20
sfornt
阅读(12104)
评论(0)
推荐(0)
摘要：
前言: 本文使用的是1.10版本 , 可通过TradingView.version()查看当前版本. 附上开发文档地址:https://zlq4863947.gitbooks.i... 一、修改datafeed.js为export导出,并在vue文件引入TradingView内部代码charting 阅读全文
posted @ 2018-11-03 13:19
sfornt
阅读(5118)
评论(1)
推荐(0)
摘要：
方案背景 IOS用的是jsBridge插件实现调用、传参、回调的 安卓是在window挂载方法和挂载回调的 IOS实现方案 调用原生方法封装如下 实际调用如下 注册方法给原生 安卓实现方案 调用原生方法 定义回调方法/注册方法给原生 特殊说明 安卓在交互中的参数传递只能支持string类型，对象参数 阅读全文
posted @ 2018-11-03 13:18
sfornt
阅读(466)
评论(0)
推荐(0)
摘要：
css的display属性是前端开发中非常常见的属性，本文简单介绍下其中比较常用的属性值，即block、inline和inline block。 HTML组件中呈现一片空白区域的组件都可当盒模型（box modal），而CSS则提供了display属性来控制盒模型的外观。 1. block类型（块） 阅读全文
posted @ 2018-11-03 13:13
sfornt
阅读(845)
评论(0)
推荐(0)
浙公网安备 33010602011771号