漫思 - 博客园

Jquery和Vue的差异教程

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

posted @ 2020-02-28 21:32 漫思阅读(222) 评论(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 漫思阅读(321) 评论(0) 推荐(0) 编辑

Vue开源前端UI框架有哪些

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

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

京东重要开源项目汇总

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

posted @ 2020-02-27 22:23 漫思阅读(2717) 评论(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 漫思阅读(411) 评论(0) 推荐(0) 编辑

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

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

posted @ 2020-02-27 21:59 漫思阅读(981) 评论(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 漫思阅读(6949) 评论(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 漫思阅读(5069) 评论(0) 推荐(0) 编辑

巧用Ajax的beforeSend 提高用户体验

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

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

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

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

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

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

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

posted @ 2020-02-23 21:28 漫思阅读(1275) 评论(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 漫思阅读(9241) 评论(0) 推荐(0) 编辑

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

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

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

ES6 @与..

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

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

NoSQL已死：我们不需要他了

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

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

Vue CLI3 开启gzip压缩

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

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

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

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

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

vue之mixin理解与使用

摘要：常见场景有两个非常相似的组件，他们的基本功能是一样的，但他们之间又存在着足够的差异性，此时的你就像是来到了一个分岔路口：我是把它拆分成两个不同的组件呢？还是保留为一个组件，然后通过props传值来创造差异性从而进行区分呢？两种解决方案都不够完美：如果拆分成两个组件，你就不得不冒着一旦功能变动就要阅读全文

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

搭建WebRtc环境

摘要：搭建WebRtc环境 0.前言这次的需求，准备做的是一个类似与QQ视频一样的点对点视频聊天。这几天了解了一些知识后，决定使用HTML5新支持的WebRtc来作为视频通讯。客户端使用支持HTML5浏览器即可。服务器段需要提供两个主要的服务功能，一个是信令服务器(Signaling Server)，一阅读全文

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

js下载文件防止白屏

摘要：欢迎捐赠思路：用js创建一个iframe，让后指定src为下载目录。var ifup = document.getElementById("ifup");if(ifup){ document.body.removeChild(ifup);}var elemIF = document.createE 阅读全文

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

基于C#net4.5websocket客户端与服务端

摘要：欢迎捐赠只支持win8以上系统以及windows server2012以上系统最近在研究视频传输给浏览器，然后使用H5标签解码。视频流采用websocket传输。所以研究了一下C#的websocket。首先使用HttpListener进行侦听，HttpListener监听需要启动管理员权限才能阅读全文

posted @ 2020-02-18 15:46 漫思阅读(3037) 评论(0) 推荐(0) 编辑

C# 实现WebSocket通信

摘要：本实例可通过web网页端进行测试，下面直接上代码。首先要在NuGet导入“Fleck”包，需 .NET Framework 4.5及以上。 using System; using System.Collections.Generic; using System.Linq; using System 阅读全文

posted @ 2020-02-18 15:45 漫思阅读(3890) 评论(0) 推荐(0) 编辑

C# Fleck的WebSocket使用

摘要： C# Fleck的WebSocket使用（1）. Web网页端代码 <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title>WebSocket测试</title> <st 阅读全文

posted @ 2020-02-18 15:44 漫思阅读(3372) 评论(1) 推荐(0) 编辑

vue上如何用非表单元素绑定model的双向绑定

摘要： vue上如何用非表单元素绑定model的双向绑定阅读全文

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

promise all的怎么处理异常

摘要：在每个promise里面都使用resolve，但是通过数据的不同进行编码不同的返回结果。在大量的promise里面进行返回时，就会有正确的和错误的，那么我们就会对结果进行二次的筛选。阅读全文

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

vue定义data的三种方式与区别

摘要：在vue中，定义data可以有三种写法。 1.第一种写法，对象。 var app = new Vue({ el: '#yanggb', data: { yanggb: 'yanggb' } }) 2.第二种写法，函数。 var app = new Vue({ el: '#yanggb', data: 阅读全文

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

将文件复制到ftp服务器时发生错误，请检查是否有权限将文件放到该服务器上。 10

摘要：将文件复制到ftp服务器时发生错误，请检查是否有权限将文件放到该服务器上。 10 详细信息：200 Type set to I.227 Entering Passive Mode (192,168,1,110,175,201)501 Syntax error in parameters or arg 阅读全文

posted @ 2020-02-16 21:49 漫思阅读(13484) 评论(0) 推荐(0) 编辑

原生js获取元素的宽高

摘要： <div id="box"></div> #box{ background-color: lightgrey; width: 300px; border: 25px solid green; padding: 25px; margin: 25px; height:60px; } //获取盒子的内容高阅读全文

posted @ 2020-02-16 13:00 漫思阅读(2515) 评论(0) 推荐(0) 编辑

React 直接引入样式

摘要： import './index.css'; 阅读全文

posted @ 2020-02-16 00:45 漫思阅读(269) 评论(0) 推荐(0) 编辑

非常规需求整理

摘要： 1、如何实现人员的自由分组。分了组的，没分组的，换组的。 2、如何判断两个字符串相似。 3、两个组的人互相评价，枚举所有的互相评价。 4、给定一组日期，如何判断这组日期里面有最长的连续日期。阅读全文

posted @ 2020-02-15 19:38 漫思阅读(145) 评论(0) 推荐(0) 编辑

代码生成器的需求

摘要： 1、支持模板定制。 2、支持代码片段整理。 3、支持版本阅读全文

posted @ 2020-02-15 19:34 漫思阅读(156) 评论(0) 推荐(0) 编辑

兼容性的设计要求

摘要： 1、IE8需要兼容。 2、IE9,IE10,IE11,Edge需要兼容。 3、360浏览器需要兼容。兼容360是重中之重。 4、火狐需要兼容 5、chorm低版本需要兼容。 6、XP需要兼容。 7、苹果电脑的Safir需要兼容。阅读全文

posted @ 2020-02-15 19:30 漫思阅读(1184) 评论(0) 推荐(0) 编辑

API设计的需求

摘要：统一数据结构的类型。 1、按照条件查询列表 2、按照Id查询单个对象。 3、根据Id查询某个对象是否存在。 4、新增 5、修改。 6、删除 7、批量删除。 8、导出Excel。 9、参数为数组查询某些列表，返回的数据包含这些数据。典型的是多个字典进行整合。 10、要设计业务id，或者业务编码，唯一键阅读全文

posted @ 2020-02-15 19:25 漫思阅读(225) 评论(0) 推荐(0) 编辑

有关表单的需求梳理

摘要： 1、搞清楚哪些可以是表单，哪些也可以不是表单 2、既支持验证，也不支持不验证。 3、动态验证，男性验证，女的不验证。 4、表单联动。 5、支持下拉时再次加载数据。 6、表格选择也是表单的内容。 7、支持表单元素的可以清空，直接，而不是一直DELETE。 8、支持重置。表单数据重置和验证重置。 9、支阅读全文

posted @ 2020-02-15 19:21 漫思阅读(491) 评论(0) 推荐(0) 编辑

element-ui table 点击分页table滚到顶部

摘要：设置element-ui table 点击分页table滚到顶部设置table的 ref='multipleTable' //切换分页的方法加上下面这句，table就能自动滚到顶部 this.$refs.multipleTable.bodyWrapper.scrollTop = 0; 阅读全文

posted @ 2020-02-14 16:48 漫思阅读(1673) 评论(0) 推荐(0) 编辑

解决 vue-cli构建项目自动打开浏览器问题

摘要： 1、打开项目下的config/index.js 2、找到module.exports的 dev下的 autoOpenBrowser ，将 false 改成 true 3、控制台输入：npm run dev。结果我打开了IE11，如果我想打开谷歌呢。就要设置默认的浏览器，将谷歌浏览器设置为默认浏览器阅读全文

posted @ 2020-02-12 23:06 漫思阅读(2029) 评论(0) 推荐(0) 编辑

v:bind和没有v:bind有什么区别

摘要： 1、 <div id='myid'></div> 会生成id为myid的层。 2、 <div :id='myid'></div>这儿的意思是data:{myid："sth"} 会变成动态赋值的。阅读全文

posted @ 2020-02-10 23:58 漫思阅读(312) 评论(0) 推荐(1) 编辑

Vue.js中this.$nextTick()的使用

摘要： this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。假设我们更改了某个dom元素内部的文本，而这时候我们想直接打印出这个被改变阅读全文

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

ES6中的class 与prototype

摘要：一、定义构造函数在以前的js中，生成一个对象实例，需要先定义构造函数，然后通过prototype 的方式来添加方法，在生成实例： function Person(){ this.name = "测试"； this.age = 26; } Person.prototype.getName = fun 阅读全文

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

使用Error和try catch

摘要： <script> function p1() { return new Promise(function (resolve, reject) { reject(new Error("网络错误")) }) } async function Getdata() { try { var t1 = awai 阅读全文

posted @ 2020-02-08 22:29 漫思阅读(580) 评论(0) 推荐(0) 编辑

导航

公告