2020 年 3月随笔档案 - 漫思

Sass-颜色运算

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

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

CSS秘密花园：平行四边形

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

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

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

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

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

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

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

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

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

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

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

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

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

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

vue css >>> /deep/ 穿透

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

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

快速开发平台的需求列表

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

posted @ 2020-03-27 10:53 漫思阅读(238) 评论(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 漫思阅读(1728) 评论(0) 推荐(0)

vue中mixin的一点理解

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

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

CSS module 入门

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

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

理解Object.defineProperty的作用

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

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

ES6-Proxy与数据劫持(12)

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

posted @ 2020-03-25 10:09 漫思阅读(352) 评论(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 漫思阅读(1056) 评论(0) 推荐(0)

CSS的几款流行预处理器

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

posted @ 2020-03-25 09:25 漫思阅读(10057) 评论(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 漫思阅读(10356) 评论(0) 推荐(0)

五分钟搞懂Vuex

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

posted @ 2020-03-16 11:35 漫思阅读(352) 评论(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 漫思阅读(4429) 评论(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 漫思阅读(1789) 评论(0) 推荐(0)

ES6如何引入图片

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

posted @ 2020-03-11 10:31 漫思阅读(4629) 评论(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 漫思阅读(6731) 评论(0) 推荐(0)

vue自定义指令要点

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

posted @ 2020-03-09 19:14 漫思阅读(349) 评论(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 漫思阅读(830) 评论(1) 推荐(0)

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

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

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

Mac中host设置方法

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

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

React state和props使用场景

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

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

promise.all 异常处理

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

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

Github:VS使用GitHub要点

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

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

程序员必备十个好用工具

摘要：没有做过程序员不要逼逼程序员的工作和生活，每个程序员的内心都需要程序员鼓励师来安慰，所以说拥有一套完美的辅助工具比中彩票得大奖都让人兴奋，这可以让工作变得比较简单，还能有趣。废话少说，赶紧切入正题。 Navicat数据库管理工具 Navicat是全球领先的数据库管理工具，几乎所有的程序员都在用，它的阅读全文

posted @ 2020-03-05 09:55 漫思阅读(1385) 评论(0) 推荐(0)

有关登录信息系统的需求大全

摘要：1、可以正常登录。 1.1、直接去找业务系统。 1.2、要求重置密码 2、登录失败。以及高速登录失败的原因。 3、登录失败的时机。 3.1、超时。 3.2、去个别的地方把这个人给踢了。 4、使用非最新的token进行登录。阅读全文

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

高级前端面试题目大全(一)

摘要：第 1 题：（滴滴、饿了么）写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？ 1. 更准确因为带key就不是就地复用了，在sameNode函数 a.key b.key对比中可以避免就地复用的情况。所以会更加准确。 2. 更快利用key的唯一性生成map对象来获取对阅读全文

posted @ 2020-03-05 09:41 漫思阅读(23270) 评论(0) 推荐(0)

Es6之字符串处理常用方法

摘要：1.字符串的遍历器接口 let text = String.fromCodePoint(0x20BB7); for (let i = 0; i < text.length; i++) { console.log(text[i]); } // " " // " " for (let i of text 阅读全文

posted @ 2020-03-04 23:21 漫思阅读(6543) 评论(0) 推荐(0)

京东CFO黄宣德，十年的芭蕾舞者、究竟为何就成了首席财务官？

摘要：今天我们介绍的这个人非常的励志，他的经历会告诉你：如果你真的想改变，随时都不晚！他被称为跨界最厉害的CFO，因为在进入财务相关的专业前，是一名芭蕾舞演员，跳舞10年之后选择出国留学，并一步步的完成了从舞者到CFO身份的转换。关键人家是从27岁才开始决定转行的！！他就是京东CFO—黄宣德。首排右三，阅读全文

posted @ 2020-03-04 22:00 漫思阅读(1882) 评论(0) 推荐(0)

漫思

03 2020 档案