漫思 - 博客园

CSS module 入门

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

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

理解Object.defineProperty的作用

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

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

ES6-Proxy与数据劫持(12)

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

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

CSS的几款流行预处理器

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

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

五分钟搞懂Vuex

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

posted @ 2020-03-16 11:35 漫思阅读(343) 评论(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 漫思阅读(4395) 评论(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 漫思阅读(1776) 评论(0) 推荐(0) 编辑

ES6如何引入图片

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

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

vue自定义指令要点

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

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

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

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

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

Mac中host设置方法

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

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

React state和props使用场景

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

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

promise.all 异常处理

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

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

Github:VS使用GitHub要点

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

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

程序员必备十个好用工具

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

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

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

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

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

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

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

posted @ 2020-03-05 09:41 漫思阅读(23157) 评论(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 漫思阅读(6531) 评论(0) 推荐(0) 编辑

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

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

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

Jquery和Vue的差异教程

摘要： 1、Jquery的插件是销毁后进行重新加载。所以说是局部刷新，但是布局是全部。销毁了再次重建。 2、Vue的插件是局部，是精确的局部。局部不会销毁。 3、Vue可以对数据进行分片操作，分片不是分页操作。可以先有一些属性。 { name:"马良", age:"1000" }。然后再次来一些新属性阅读全文

posted @ 2020-02-28 21:32 漫思阅读(226) 评论(0) 推荐(0) 编辑

页面和数据的优化方案

摘要： 1、数据压缩 1.1、压缩掉没有用的数据，刘东说的裸数据，逻辑上删除掉，但是能满足描述数据的要求。 1.2、数据的近义词。之前的数据结构 data:['2020-1-1','2020-1-2','2020-1-3','2020-1-4','2020-1-5'] 压缩以后的 ['2020-1-1~2 阅读全文

posted @ 2020-02-28 21:18 漫思阅读(327) 评论(0) 推荐(0) 编辑

Vue开源前端UI框架有哪些

摘要： 1、Vue Element 2、Vuetify 阅读全文

posted @ 2020-02-27 22:24 漫思阅读(1777) 评论(0) 推荐(0) 编辑

京东重要开源项目汇总

摘要： 1、Taro 2、NutUI 一套京东风格的轻量级移动端Vue组件库 3、AT-UI https://at-ui.github.io/at-ui/#/zh 阅读全文

posted @ 2020-02-27 22:23 漫思阅读(2726) 评论(0) 推荐(0) 编辑

百度重要开源项目汇总

摘要： 1、Echarts 图表类展示 https://www.echartsjs.com/zh/index.html 2、Ueditor http://ueditor.baidu.com/website/ 3、NoahV https://baidu.github.io/NoahV/ 阅读全文

posted @ 2020-02-27 22:20 漫思阅读(412) 评论(0) 推荐(0) 编辑

阿里巴巴重要开源项目汇总

摘要：开源展示了人类共同协作，成果分享的魅力，每一次技术发展都是站在巨人的肩膀上，技术诸多创新和发展往往就是基于开源发展起来的，没有任何一家网络公司可以不使用开源技术，仅靠自身技术而发展起来。阿里巴巴各个团队都是发自内心地将踩过的坑和总结的经验融入到开源项目中，供业界所有人使用，希望帮助他人解决问题。前阅读全文

posted @ 2020-02-27 21:59 漫思阅读(1004) 评论(0) 推荐(0) 编辑

【应用】如何使用 element-ui 之 NavMenu 导航菜单中的 router 属性（在激活导航时以 path 进行路由跳转）

摘要：效果图：使用： 1.<template> <el-header style="height: 61px" > <el-menu mode = "horizontal" background-color = "#76c7f4" text-color = "#000000" active-text-c 阅读全文

posted @ 2020-02-24 23:11 漫思阅读(7002) 评论(0) 推荐(0) 编辑

Elementui el-input 实现自定义 v-model

摘要： Vue 本身支持自定义组件实现 v-model ，但 el-input 作为 Elementui 的自定义组件也已经实现 v-model ，那么如果在自定义组件中使用 el-input ，但自定义组件也想实现 v-model ，应该怎么做？错误的方式 Vue 中让自定义组件实现 v-model 可阅读全文

posted @ 2020-02-24 00:33 漫思阅读(5091) 评论(0) 推荐(0) 编辑

巧用Ajax的beforeSend 提高用户体验

摘要： jQuery是经常使用的一个开源js框架，其中的$.ajax请求中有一个beforeSend方法，用于在向服务器发送请求前执行一些动作。具体可参考jQuery官方文档：http://api.jquery.com/Ajax_Events/ $.ajax({ beforeSend: function() 阅读全文

posted @ 2020-02-23 21:33 漫思阅读(140) 评论(0) 推荐(0) 编辑

医生不会告诉你，它是天然“安眠药”，一周吃2次，一觉自然醒！

摘要：医生不会告诉你，它是天然“安眠药”，一周吃2次，一觉自然醒！现在人们的生活节奏比较快，人的生活压力也比较大，再加上工作等多方面的原因，现在失眠的人越来越多了，尤其是中老年人，失眠更是严重。很多人认为失眠不是病，只需要白天补觉就行了，其实这种想法是错误的，失眠的危害很大，长期失眠会导致皮肤粗糙、记忆阅读全文

posted @ 2020-02-23 21:31 漫思阅读(346) 评论(0) 推荐(0) 编辑

为什么前端工程师很难找？(知乎上一个读后蛮有感慨的回答)

摘要：为什么前端工程师很难找？(知乎上一个读后蛮有感慨的回答) 知乎用户 IBM CRL,前端田园犬 89 人赞同因为看到朴灵大神出现在这个帖子所以来写这个答案，首先感谢朴灵大神您写的关于nodejs的书和推荐过的javascript的书，图灵社区的奉献让我受益匪浅。让我这个曾经的菜鸟对js有了重新认识阅读全文

posted @ 2020-02-23 21:28 漫思阅读(1279) 评论(0) 推荐(0) 编辑

vscode 方法代码块的注释生成方法

摘要： 1、安装插件 Document This 2、将光标放置于function上面，快捷键是 Ctrl+Alt+D 加 Ctrl+Alt+D 注：vue里的method方法中的function用这个不行，单独的一个文件中可以，类似下面的代码 /** * * 获取指定的参数值 * @param {*} n 阅读全文

posted @ 2020-02-21 23:17 漫思阅读(9275) 评论(0) 推荐(0) 编辑

VSCode打开webpack项目，无法对@指向的文件使用“转到定义”，怎么办？

摘要：前言现在前端最流行的编辑器无疑是VSCode，但是它默认是无法跳转类似于@/assets/a.js这样的路径的，怎么办？使用jsconfig.json jsconfig.json是VSCode自带的一个配置文件，默认不生成这个文件，需要自己创建。官方文档说的很清楚，尽管是英文文档： https: 阅读全文

posted @ 2020-02-21 22:48 漫思阅读(1451) 评论(0) 推荐(0) 编辑

ES6 @与..

摘要：在es6里面引入 import { fetchStudent, addStudent, deleteStudentById, updateStudent } from "@/services/student"; 其中@是绝对路径下。 import { fetchStudent, addStudent 阅读全文

posted @ 2020-02-21 22:35 漫思阅读(958) 评论(0) 推荐(0) 编辑

NoSQL已死：我们不需要他了

摘要：欢迎捐赠作者：Rick Negrin 是 MemSQL 的产品管理团队负责人，他在微软工作过 12 年，曾是 SQL Server 团队的成员。是时候承认我们早就知道的一个事实了：NoSQL 是并不适合许多现代应用使用场景的工具，是我们该翻篇的时候了。由于当时的数据库无力处理所需的规模，NoS 阅读全文

posted @ 2020-02-21 11:18 漫思阅读(348) 评论(0) 推荐(0) 编辑

Vue CLI3 开启gzip压缩

摘要：欢迎捐赠 gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据都可以用它压缩，可以减小60%以上的体积。 webpack在打包时可以借助 compression webpack plugin 实现gzip压缩，首先需要安装该插件： npm 阅读全文

posted @ 2020-02-18 16:59 漫思阅读(1892) 评论(0) 推荐(0) 编辑

gzip 所使用压缩算法的基本原理（选摘）

摘要：欢迎捐赠摘自：http://blog.csdn.net/ghevinn/article/details/45747465 gzip 所使用压缩算法的基本原理gzip 对于要压缩的文件，首先使用LZ77算法的一个变种进行压缩，对得到的结果再使用Huffman编码的方法（实际上gzip根据情况，选择使阅读全文

posted @ 2020-02-18 16:57 漫思阅读(644) 评论(0) 推荐(0) 编辑

导航

公告