漫思 - 博客园

Class 与 Style 绑定

摘要：操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是 attribute，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表阅读全文

posted @ 2020-05-29 18:09 漫思阅读(448) 评论(0) 推荐(0)

前端Vue框架面试题大全

摘要：谈一下你对 MVVM 的认识 https://blog.csdn.net/Dora_5537/article/details/89441144 mvvm ：Model-View-ViewModel的缩写， model数据层，数据模型，仅仅关注数据本身 View视图层是用户操作界面也可称为，当Vie 阅读全文

posted @ 2020-05-27 18:22 漫思阅读(1413) 评论(0) 推荐(0)

罗技Unifying“优联”技术

摘要：罗技Unifying“优联”无线技术可以轻松连接多达6个罗技“优联”无线产品，不但节省了宝贵的USB端口资源，还能够让你任意组合，轻松将家里、办公室中需要用的无线产品连接起来。此外，“优联”技术使用的全是罗技Nano接收器，体积小巧、即插即用。同时，罗技“优联”产品均采用了罗技先进的2.4 GHz无阅读全文

posted @ 2020-05-25 14:50 漫思阅读(942) 评论(0) 推荐(0)

nginx下设置上传文件大小

摘要： 1.nginx和php默认不支持上传过大的文件假如我们要求上传的文件大小为20M，默认配置就不允许上传了。下面我们更改nginx和php配置，设定上传的限制为20M Nginx配置更改如果上传文件时超过了nginx限制，就会返回一个“413 Request Entity Too Large” 阅读全文

posted @ 2020-05-22 16:44 漫思阅读(8628) 评论(0) 推荐(0)

防抖节流

摘要：使用场景：项目有个需求是输入框在输入的时候进行搜索，展示下拉数据，但是没必要输入一个字都进行搜索，所以想到了在输入结束200毫秒后再进行搜索，从而引出来了 js的节流(throttle)，防抖（debounce）。函数概念函数防抖(debounce)：在事件被触发n秒后再执行回调，如果在这n 阅读全文

posted @ 2020-05-18 18:14 漫思阅读(247) 评论(0) 推荐(0)

vue-cli3使用bootstrap4

摘要： jQuery 1.安装jQuery 和 popper.js npm install --save jquery npm install --save popper.js 2.在main.js中引入 import $ from 'jquery' 3.配置全局jQuery 在项目根目录下创建vue.co 阅读全文

posted @ 2020-05-18 14:51 漫思阅读(3518) 评论(0) 推荐(0)

Sass和less的区别是什么？用哪个好

摘要：什么是Sass和Less？ Sass和Less都属于CSS预处理器，那什么是 CSS 预处理器呢？ CSS 预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为 CSS 增加了一些编程的特性，将 CSS 作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。转化成通俗易阅读全文

posted @ 2020-05-13 14:27 漫思阅读(1234) 评论(0) 推荐(0)

vue项目首屏加载优化实战

摘要：问题单页面应用的一个问题就是首页加载东西过多，加载时间过长。特别在移动端，单页面应用的首屏加载优化更是绕不开的话题。下面我会写出我在项目中做的一些优化，希望大家能够相互讨论，共同进步。我的项目vue-cli3构建的，vue+vue-router+vuex，UI框架选用 element-ui，aj 阅读全文

posted @ 2020-04-27 10:15 漫思阅读(1176) 评论(0) 推荐(0)

NodeJS 框架一览

摘要： Meteor 快速搭建框架。10倍的减轻工作量。 Express 当你使用Node.js构建web应用程序时， Express通常被视为事实上的Web服务器。它的哲学（一个可以使用中间件包扩展的简约核心）是大多数Node.js开发者所熟悉的。 Koa Koa的哲学接近Express，但它是使用ES 阅读全文

posted @ 2020-04-15 11:52 漫思阅读(2618) 评论(0) 推荐(0)

pre -commit hook failed (add --no-verify to bypass)

摘要：问题描述：本地使用source tree推送代码，抛如下异常pre -commit hook failed (add --no-verify to bypass) 1 进入项目所在的.git文件夹(cd .git)2 再进入hooks文件夹3 删除pre-commit文件 rm -rf pre-co 阅读全文

posted @ 2020-04-10 16:33 漫思阅读(2437) 评论(0) 推荐(0)

安装与卸载vue cli3

摘要： npm install -g @vue/cli npm uninstall -g @vue/cli@特定版本 3.12.0 yarn global add @vue/cli yarn global remove @vue/cli@特定版本阅读全文

posted @ 2020-04-10 15:06 漫思阅读(10236) 评论(0) 推荐(0)

vue-cli3.0之vue.config.js的配置项(注解)

摘要： module.exports = {// 部署应用时的基本 URLbaseUrl: process.env.NODE_ENV 'production' ? '192.168.60.110:8080' : '192.168.60.110:8080',// build时构建文件的目录构建时传入 --n 阅读全文

posted @ 2020-04-10 14:40 漫思阅读(2231) 评论(0) 推荐(0)

Sass-颜色运算

摘要：所有算数运算都支持颜色值，并且是分段运算的。也就是说，红、绿和蓝各颜色分段单独进行运算。如： p { color: #010203 + #040506; } 计算公式为 01 + 04 = 05、02 + 05 = 07 和 03 + 06 = 09，并且被合成为：如此编译出来的 CSS 为：阅读全文

posted @ 2020-03-31 13:56 漫思阅读(652) 评论(0) 推荐(0)

CSS秘密花园：平行四边形

摘要：《CSS Secrets》是@Lea Verou最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。问题平行四边形是矩形的一个超集：它的边是平行的，但是角不一定是直角阅读全文

posted @ 2020-03-31 13:10 漫思阅读(370) 评论(0) 推荐(0)

Vue 中 css scoped 样式穿透 ( stylus[>>>] / sass / less[/deep/] )

摘要： scoped看起来很好用，当时在Vue项目中，当我们引入第三方组件库时(如使用element-ui)，需要在局部组件中修改第三方组件库样式，而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过特殊的方式穿透scoped 1、stylus的样式穿透使用 >>> .wrapper >> 阅读全文

posted @ 2020-03-31 10:45 漫思阅读(4289) 评论(0) 推荐(1)

[WPF]总结一些我在开发WPF时常用的工具

摘要：我从一万二千年前开始写XAML，这么多年用了很多各式各样的工具，现在留在电脑里的、现在还在用的、在写WPF时用的也就那么几个。这篇文章总结了这些工具，希望这些工具可以让WPF开发者事半功倍。 1. Visual Studio# Visual Studio应该无需介绍，它是“面向任何开发者的同类最佳工阅读全文

posted @ 2020-03-31 09:50 漫思阅读(785) 评论(0) 推荐(0)

从入门到精通-Nginx，图文并茂、负载均衡、动静分离、虚拟主机附案例源码

摘要：篇幅较长，干货满满，需花费较长时间，转载请注明出处！ Nginx概述# 简介# Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамбле 阅读全文

posted @ 2020-03-31 09:46 漫思阅读(1026) 评论(0) 推荐(0)

vue+Elment-UI，修改element组件样式

摘要：在用vue开发项目过程中，我们总是避免不了的会使用到elementUI，它里面提供的一些组件都为我们的开发带来了很大的便利，但是，当有时候我们需要使用这些组件的同时又要修改下组件的UI样式的话，我们该怎么去做呢？接下来我们来看下。如上图所示，elementUI的多选框是方框的，那么如果我们需要一个阅读全文

posted @ 2020-03-30 20:02 漫思阅读(4492) 评论(0) 推荐(1)

vue css >>> /deep/ 穿透

摘要： vue引用了第三方组件，需要在组件中局部修改第三方组件的样式，而又不想去除scoped属性造成组件之间的样式污染。此时只能通过>>>，穿透scoped。有些Sass 之类的预处理器无法正确解析 >>>。可以使用 /deep/ 操作符( >>> 的别名) <style scoped> 外层 >>> 阅读全文

posted @ 2020-03-30 19:07 漫思阅读(1493) 评论(0) 推荐(0)

快速开发平台的需求列表

摘要：检测的标准是找一个异构性很强的页面做一下。以人资为例，要求，基本的字段的录入，验证，验证码，上传身份证的正反面，表格的编辑，表格的选择，身份证的正反面。毕业证，学位证，阅读全文

posted @ 2020-03-27 10:53 漫思阅读(240) 评论(0) 推荐(0)

GoJS事件

摘要： 1、阻止键盘事件 myDiagram.commandHandler.doKeyDown = function （） { var e = myDiagram.lastInput; // Meta（Command）键代替Mac命令的“控制” var control = e.control || e.me 阅读全文

posted @ 2020-03-26 16:41 漫思阅读(1730) 评论(0) 推荐(0)

vue中mixin的一点理解

摘要： vue中提供了一种混合机制--mixins，用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别？组件在引用之后相当于在父组件内开辟了一块单独的空间，来根据父组件props过来的值进行相应的操作，单本质上两阅读全文

posted @ 2020-03-25 14:25 漫思阅读(353) 评论(0) 推荐(0)

CSS module 入门

摘要：前端发展越来越快，这应该是每个前端开发者的切身感受，但是CSS 是前端领域中进化最慢的一块。ES678快速普及前端工程发愈发成熟，CSS 被被远远甩在了后面，JS语言模块已经标准化，CSS还是在不断探索，同时这也是一个急需解决的问题。要是你以前还从未听说过CSS Modules，那么这篇就是专门写阅读全文

posted @ 2020-03-25 14:08 漫思阅读(1296) 评论(0) 推荐(0)

理解Object.defineProperty的作用

摘要：对象是由多个名/值对组成的无序的集合。对象中每个属性对应任意类型的值。定义对象可以使用构造函数或字面量的形式： var obj = new Object; //obj = {} obj.name = "张三"; //添加描述 obj.say = function(){}; //添加行为除了以上添加阅读全文

posted @ 2020-03-25 10:15 漫思阅读(313) 评论(0) 推荐(0)

ES6-Proxy与数据劫持(12)

摘要：随着前端界的空前繁荣，各种框架横空出世，包括各类mvvm框架百家争鸣，比如Anglar、Vue、React等等，它们最大的优点就是可以实现数据绑定，再也不需要手动进行DOM操作了，它们实现的原理也基本上是脏检查或数据劫持。我们先以Vue框架出发，探索其中数据劫持的奥秘。 Vue 2.0的版本所使用的阅读全文

posted @ 2020-03-25 10:09 漫思阅读(354) 评论(0) 推荐(0)

在vue-cli + webpack 项目中使用sass

摘要： 1、准备工作：由于npm的服务器在国外，网速慢而且安装容易失败，建议在安装之前，先安装国内的镜像，比如淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 2、安装vue-cli 全局安装 vue-cli cnpm 阅读全文

posted @ 2020-03-25 09:53 漫思阅读(1059) 评论(0) 推荐(0)

CSS的几款流行预处理器

摘要：预处理器是一种程序，需要将一种程序的数据转换成另一种程序的数据。它可以帮助我们编写可维护的、与时俱进的代码，也可以减少需要编写的CSS数量，这些工具对于哪些需要大量样式表和样式规则的大型用户界面是非常有帮助的。 SASS 首先是SASS，拥有多年开元历史项目。可以说他定义了现代CSS预处理器也不为过阅读全文

posted @ 2020-03-25 09:25 漫思阅读(10067) 评论(0) 推荐(0)

vue - for 遍历对象和遍历对象数组

摘要： 1. 遍历对象时,参数：第一个为值，第二个为键名，第三个为索引 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=devic 阅读全文

posted @ 2020-03-18 18:27 漫思阅读(10361) 评论(0) 推荐(0)

五分钟搞懂Vuex

摘要：这段时间一直在用vue写项目，vuex在项目中也会依葫芦画瓢使用，但是总有一种朦朦胧胧的感觉。于是决定彻底搞懂它。看了一下午的官方文档，以及资料，才发现vuex so easy！作为一个圈子中的人，决定输出一下文档，如果你仔细看完这篇文章，保证你对vuex熟练掌握。我把自己的代码上传到了git 阅读全文

posted @ 2020-03-16 11:35 漫思阅读(353) 评论(0) 推荐(0)

vue 背景图片 backgroundImage background-image vue的style方式绑定行内样式-background-image的方式等~

摘要： <template> <div id="app"> <div class="y_bj" :style="y_bj"></div> </div> </template> <script> import { Toast } from "vant"; export default { data() { r 阅读全文

posted @ 2020-03-13 19:36 漫思阅读(4435) 评论(1) 推荐(2)

VUE2.0 vue-cli构建项目中使用Less

摘要： vue-cli 构建的项目默认是不支持 less 的，需要自己添加。首先，在项目目录下安装 less 和 less-loader。 npm install less less-loader --save-dev 安装成功后，打开 build/webpack.base.conf.js ，在 modu 阅读全文

posted @ 2020-03-11 14:14 漫思阅读(1794) 评论(0) 推荐(0)

ES6如何引入图片

摘要： Vue-cli脚手架引入图片的几个方法 1、import方法第一步：在.vue文件中import edit from 'path'（path是图片与.vue的相对路径）第三步：在template中给标签绑定属性最后刷新界面看效果就可以了！ 2、static方法第一步：图片放在static文阅读全文

posted @ 2020-03-11 10:31 漫思阅读(4637) 评论(0) 推荐(0)

Vue+Gojs实现流程图demo,带破解教程

摘要：第一步：引入package.json引入gojs依赖包-- "gojs": "^2.0.3", (npm install gojs --save) 第二步：运行下述代码 <template> <div id="wrap"> <div id="chart-wrap"> <div id="chart-p 阅读全文

posted @ 2020-03-10 16:05 漫思阅读(6756) 评论(0) 推荐(0)

vue自定义指令要点

摘要： vue自定义指令的基础使用这里就不阐述，看官网文档：https://cn.vuejs.org/v2/guide/custom-directive.html 本文用一个实例描述自定义指令的要点，自定义一个数据上报的指令。你可能会这样写demo: // 自定义v-datacenter命令埋点,点击节点阅读全文

posted @ 2020-03-09 19:14 漫思阅读(360) 评论(0) 推荐(0)

vue cli中token验证

摘要： 1.设置前端路由跳转 router.beforeEach((to, from, next) => { if (to.matched.some(route => route.meta.auth)) { // 判断token是否存在，如果存在则正常跳转 if (localStorage.getItem( 阅读全文

posted @ 2020-03-09 16:59 漫思阅读(831) 评论(1) 推荐(0)

Vue项目中实现用户登录及token验证

摘要：在前后端完全分离的情况下，Vue项目中实现token验证大致思路如下： 1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码 2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token 3、前端拿到token，将token存储到localStorage和vuex中，并跳转路由页阅读全文

posted @ 2020-03-09 16:57 漫思阅读(1099) 评论(0) 推荐(0)

Mac中host设置方法

摘要：开发时，一般数据测试都是在测试环境，这是就需要设置host指向测试数据库；下面我记录三个方法，也是网上看到的，在此做下笔记。 1.通过 vi 编辑host 方法如下：（a）打开终端，输入如下命令： sudo vi /etc/hosts （b）输入密码（登陆电脑的密码）（c）在终端会显示一些数据，阅读全文

posted @ 2020-03-07 23:23 漫思阅读(1803) 评论(0) 推荐(0)

React state和props使用场景

摘要：一个组件的显示状态可以由内部状态state、外部参数props所决定。上面的这句话价值100万美元。啥叫内部和外部呢！从我们组织程序的角度，入参是state，从后台返回的数据是外部参数时props。所以说state是万能的，可以看做是外部的也是内部的。但是props 一定是外部的，如何进入内阅读全文

posted @ 2020-03-05 23:30 漫思阅读(584) 评论(0) 推荐(0)

promise.all 异常处理

摘要： promise.all 中任何一个promise 出现错误的时候都会执行reject，导致其它正常返回的数据也无法使用了有两个解决方法：1.全部改为串行调用（失去了node 并发优势）2.当promise捕获到error 的时候，代码吃掉这个异常，返回resolve，约定特殊格式表示这个调用成功了阅读全文

posted @ 2020-03-05 23:10 漫思阅读(3085) 评论(0) 推荐(0)

Github:VS使用GitHub要点

摘要： 1、VS打开【扩展或更新】安装插件【Github Extension for VisualStudio】 2、在团队资源管理中可以Clone线上已经有的库到本地，或者可以新建库同步到线上 3、同步设置双击库进入如下面板——设置——存储库设置添加忽略文件和属性文件（github官方针对vs默认写好阅读全文

posted @ 2020-03-05 20:40 漫思阅读(382) 评论(0) 推荐(0)

导航

公告