逍遥的博客

转载 JavaScript 系列笔记——BOM（叄）

JavaScript系列笔记：初识 JavaScriptJavaScript 系列笔记——ECMAscript（壹）JavaScript 系列笔记——DOM（贰）JavaScript 系列笔记——BOM（叄）目录BOM1. BOM 概述2. window 对象的常见事件3. 定时器4. JS 执行队列5. location 对象6. navigator 对象7. history 对象BOM1. BOM 概述1.1 什么是 BOMBOM..

转载 JavaScript 系列笔记——DOM（贰）

JavaScript系列笔记：初识 JavaScriptJavaScript 系列笔记——ECMAscript（壹）JavaScript 系列笔记——DOM（贰）JavaScript 系列笔记——BOM（叄）目录DOM1. DOM 简介2. 获取元素3. 事件基础4. 操作元素5. 节点操作6. DOM 重点核心事件高级1. 注册事件2. 删除事件（解绑事件）3. DOM事件流4. 事件对象5. 阻止事件冒泡6. 事件委托（代理、.

转载 JavaScript 系列笔记——目录（壹）

let age = 21 // 整数let Age = 21.3747 // 小数JavaScript 笔记：初识 JavaScriptJavaScript 系列笔记——ECMAscript（壹）JavaScript 系列笔记——DOM（贰）JavaScript 系列笔记——BOM（叄）初识 JavaScript目录1.什么是 JavaScript2. JS的组成3. JS书写位置1. 什么是 JavaScriptJavaSc...

原创 Vue中点击当前列表项，显示列表详情，其它列表项隐藏。

页面需求：首先，沿着Vue数据驱动的思想来考虑问，每个列表的每一项，是不是需要一个数据来控制显隐（用v-if或者v-show来控制，后者用于切换频繁时使用）？后台在返回数据时，不一定给你返回一个专门控制列表显隐的字段。所以我们要对后台返回的数据进行二次加工，添加一个新字段，来满足我们的需求。这里存在一个问题，有人问：为什么我加了数据，但是没有效果。这是因为你在添加数据的时候没有使用vue.set(obj, newKey, newValue)这个方法来添加数据。使用此方法添加的数据是响..

转载 uni-app上拉页面加载数据，实现分页效果

实现分页效果是为了在上拉数据的时候逐渐加载下一页面的数据，这样就不会造成数据加载太多造成的页面显示过慢的问题，可以在一定成的上优化界面。首先要先定义数据和在上拉函数中调用this，代码如下：var _self,page = 1;然后也要在数据data中加入所要提示页面的消息，代码如下：loadingType: 0,contentText: { contentdow...

原创 uni-app上拉加载更多 --下拉刷新

1、开启下拉功能在目录pages.json文件中找到首页位置给它添加“enablePullDownRefresh”: true完整代码如下"path": "pages/index/index","style": { "navigationBarTitleText": "首页", "backgrou...

原创 微信小程序必知面试题

1 请谈谈微信小程序主要目录和文件的作用？project.config.json 项目配置文件，用得最多的就是配置是否开启https校验； App.js 设置一些全局的基础数据等； App.json 底部tab, 标题栏和路由等设置； App.wxss 公共样式，引入iconfont等； pages 里面包含一个个具体的页面； index.json (配置当前页面标题和引入组件...

转载 作为程序员，你英语可以不过4级，但是这些单词你要能看懂！

原创 Node.js基本内容和知识点

###                                                      Node.Js入门教程    ---> 简单的说 Node.js 就是运行在服务端的 JavaScript，起初段定位是后端开发语言，由于技术的不够成熟，一般小型项目会完全使用node.js作为后台支撑，大项目中，运行不够稳定，不会轻易使用。具有高并发优良特性，Node....

转载 使用vue+element实现表格的新增、编辑（含下拉框）、删除功能（Vue开发二）

几天前，需要做一个需求：新增一个xml文件时，添加数量不确定、属性相同的xml标签，想了想可以用表格做啊，属性相同，使用统一的表头，下面的属性值只是进行增删改不就行了，就类似于mysql给表里填数据一样。可是目前似乎还没有表格的直接增删改一行的操作，那要怎么实现呢？于是，通过上网以及自己的思考，终于实现了，代码、思路以及效果图如下：1 html部分：<el-button typ...

转载 2018年最流行的十大编程语言，有你用的吗？

对于编程界的初学者来说，最大的困难是决定从何处入手，或者应掌握哪种语言才能在职场上平步青云。有时，专业程序员也面临学习一门新语言似乎更卓有成效的情形。  无论是什么原因，下面列出了世界上最流行的编程语言，以便了解哪些语言占主导地位。此列表基于源自TIOBE编程社区指数的数据，该指数是表明编程语言受欢迎程度的常用指标。 TIOBE通过分析谷歌、雅虎、必应、维基媒体、亚马逊、百...

原创 关于前端开发那些事

关于前端开发那些事

原创 关于利用canvas画带箭头的直线旋转

代码】关于利用canvas画带箭头的直线旋转。

原创 我的创作纪念日

通过查找前端资料结识了CSDN。

原创 关于前端开发那些事

随笔

原创 vue+canvas来实现图像处理中的亮度和对比度的调节

目前存在一点问题，就是canvas在浏览器上会出现跨域问题，把本地图片上传到服务器，用服务器的图片，就可以解决。JavaScript版<div class="div_tool"> 颜色： <label><input name="Color" type="radio" value="0" checked="" onchange="ColorChange()">黑白 </label> <label><input n

原创 JS cookie的设置、获取和删除（非常详细）

在编程领域，Cookie 代表一种小型的文本文件，可以让开发人员在用户计算机上存储少量的数据（大约 4kb），来记录用户的某些信息，例如用户身份、喜好等，当用户下次访问网站时，网站可以通过检索这些信息来为用户展示个性化页面。另外，一些电商网站的购物车也用到了 Cookie 技术。在 HTTPS 协议还未诞生之前，Web 浏览器和服务器之间需要通过 HTTP 协议进行通信，HTTP 协议是一种无状态协议，当服务器与浏览器之间完成一次交互（浏览器向服务器发送请求，服务器做出响应）后，链接会被关闭，服务器就会忘

转载 世界上最流行的脚本-JavaScript

文章目录摘要 1 引言 2 基础 2.1 嵌入网页 2.2 基本语法 2.3 数据类型 2.3.1 基本数据类型 2.3.2 高级数据类型 2.4 程序结构 2.4.1 顺序结构 2.4.2 选择结构 2.4.3 循环结构

转载 前端必看js数据结构与算法(队列,链表,集合,字典,树,图,堆)

队列队列简介一个先进先出的数据结构 js中没有队列,但是可以用Array实现对队列的所有功能使用数组模拟先进先出的场景const queue = [] // 进队列queue.push(1)queue.push(2)// 出队列const itme1 = queue.shift()const itme2 = queue.shift()什么时候用食堂排队打饭 所有先进先出的场景 js 异步中的任务队列 一个leetcode题 第933题链表链表是什

原创 Vue知识点 超详细!万字说明！

Vue和其他两大框架的区别Angular 学习成本太高 React 代码可读性差 Vue 学习成本较低 很容易上手 vue官网：https://cn.vuejs.org/v2/guide/comparison.htmlVue是什么Vue是一套用于构建用户界面的渐进式框架 "前端框架" 让程序员脱离自己操作DOM 专注于写逻辑和操作数据 Vue的核心库只关注视图层 易上手 便于与第三方库或既有的项目整合 当与现代化的工具链以及各种支持的库结合使用时 Vue也完全能够为复杂的单页应用提供.

转载 Vue.js高效前端开发 • 【Ant Design of Vue框架基础】

文章目录一、Ant Design of Vue框架 1、Ant Design介绍 2、Ant Design of Vue安装 3、Ant Design of Vue组件使用 4、实践练习 二、布局组件 1、布局组件介绍 2、布局组件使用 3、导航菜单组件使用 4、面包屑组件使用 5、实践练习 三、按钮和全局提示组件 1、全局提示组件使用 2、按钮组件使用 3、实践练习 四、表格组件 1、表格组件介绍 2、表格组件使用 3、实践练习

转载 vue报错Error in render: “TypeError: Cannot read property ‘name‘ of undefined“

因为请求是异步获取数据，所以最先开始item是一个空对象。item.tournament即为undefined。item.tournament.name就会报错解决办法：加一个v-if的判断条件

原创 滚动 回到顶部按钮功能

图片自行下载，代码如下：<template> <view> <view class="go-top" @tap="navTop" :style="{'display':(isTop===false? 'none':'block')}"> <image src="../../static/navTop.png" mode="widthFix" style="position: fixed;"/&g...

转载 如何提升UI设计的高级感

我们还可以从品牌基因中获取灵感，品牌作为用户熟知的形象是个绝佳的来源。从品牌形象中提取具有独特气质的视觉富豪作为Tab选中态的小长条，这样就建立起视觉上的联系，让用户产生由内而外的一致感受；例如马蜂窝品牌形象中的微笑符号和飞猪旅行品牌形象中的猪头都被延伸到Tab的设计上，既让界面视觉独一无二，又进一步强化了用户对品牌形象的认知。六、无框设计 去繁从简在UI设计中，有许多的装饰元素，如卡片的边框、列表的分割线等，虽然边框，分割线是分隔两个元素的好办法，但是它不是唯一的方法；使用过多会让整个布...

转载 前端大神博客收集大全

中文博客名称 活跃度 原创度 维护者 其他 W3Cplus ★★★★★ ★★★★★ 携程 @大漠 国内最优秀的前端博客，原创居多 前端观察 ★★★★☆ ★★★★☆ 腾讯 ISUX @神飞 曾经最优秀，最近更新不频繁了 腾讯web前端 AlloyTeam 团队 ★★★★ ★★★★ @腾讯AlloyTeam 来自于腾讯SNG(社交网络事业群) 张鑫旭-鑫空间-鑫生活 ★★★★☆ ★★★

原创 谷歌浏览器安装vue-devtools调试工具

1.到GitHub上下载git clone https://github.com/vuejs/vue-devtools2.安装依赖和打包进入目录 cd vue-devtools 安装依赖 npm i 或 cnpm i (npm较慢) 打包 npm run build 在vue-devtools文件夹下：shells>chrome>manifest.json，将配置里的persistent的值修改为true；3.设置进入谷歌的扩展程序 -》 开启开发者模式 -》 加载已解压的

转载 vue插件库大全

内容UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element★13489 - 饿了么出品的Vue2的web UI工具套件Vux★8133 - 基于Vue和WeUI的组件库iview★6634 - 基于 Vuejs 的开源 UI 组件库mint-ui★6253 - Vue 2的移动UI元素muse-ui★3705 - 三端样式一致的响应式 UI 库vue-material★3328 - 通过Vue Material和Vu...

转载 在Vue里如何把数据导出到Excel ？

在Vue里如何把网页的数据导出到Excel ?前言：在做后台管理的时候，我们往往有需要把网页上面的数据导出到excel这样的需求，真实的企业项目里对应一些导出财务报表、员工信息、交易记录、考勤打卡记录…等等需求，本文将对此做探讨。开始前补充：网上是有些牛人已经把这个功能封装成组件了，但每个人的封装逻辑五花八门，组件的功能也很有限，不一定真能完全符合自己的业务需求，找相应的API也很麻烦，存在不太敢用，不会用等问题，那么本文将教你如何自己封装，如何自己自定义相关功能，如何自定义Excel的样式，尤其...

转载 web前端性能优化，这几点让你的代码质量变高

导语：你是否有过自己的api请求很慢，每次都要加载很久，首屏加载空白页面几秒钟，图片加载慢等等情况，这时候你就需要对自己的web项目进行优化。1，减少HTTP请求次数，合理使用http缓存减少http的主要办法是合并CSS、合并javascript、合并图片。只要http请求次数减少，web的性能就会较大的提升。2，使用代码压缩现在wepack等工具，都能够通过npm run built，将代码压缩成一个文件，极大的减少了web应用的大小，使得页面打开的速度变快，甚至提高50%。3，使

转载 web 前端知识体系

1. What is FE完善、系统的Web 前端知识体系（QQ 群797780829）2. 什么是知识体系完善的知识范围，包含了前端工程师常用的所有知识点 合理的结构化，便于理解和记忆3. 初衷Web 前端知识体系很重要，而当今网络上又没有一个靠谱的，只能自己去写。一为自己总结输出，二为分享帮助他人。你并不是学不动了，而是学太多迷路了 —— 知识体系就是一张地图 你是否能看到当前的热门技术/框架，而看不到整体？—— 知识体系给你上帝视角 成为技术大牛、高效学习的三步曲（..

原创 用正则怎样去掉重复的字符串，只保留一个

var str= "aaaebbbcccddd";str = str.replace(/(.)\1+/g,'$1')

转载 vue常用开发ui框架（app，后台管理系统,移动端）及插件

一、uni-app (app混合开发) uni-app是一个使用Vue.js开发跨平台个人文库应用的前端框架，开发者编写一套代码，可编译到的iOS，安卓，H5，小程序等多个 平台。 官网：uni-app二、vue-cli3+cordova (app混合开发) 网址：https://www.jianshu.com/p/543a1da430c2三、element-ui (后台管理系统) 网址：http://element....

转载 40个改变编程技能的小技巧

40个改变编程技能的小技巧1、将大块代码分解成小函数2、今日事今日毕，如果没毕，就留到明天。如果下班之前还没有解决的问题，那么你需要做的，就是关闭电脑，把它留到明天。中途不要再想着问题了！3、YAGNI原则「You aren’t gonna need it！」你自以为有用的功能，实际上是用不到的。除了要求的核心功能，其他功能一概不要部署。这一原则的核心思想是，尽可能快、尽可能简单的将软件运行起来。4、不必全知全能，但基础一定要扎实比如学习一些基础知识，SOLID原则，

原创 利用uni-app实现记住账号密码的功能

<template> <view class="content"> <view class="login-image-content"> <image class="login-bg" src="../../static/login-bg.jpg"></image> <view class="login-container"> &l...

原创 从UI设计师角度认识启动页

启动页的作用很多，在缓解用户等待焦虑的同时，也能够通过启动页来奠定品牌的基调或者实现商业价值，其重要性可见一斑。 等待，无尽的等待——当我打开一个APP的时候，产品品宣、Slogan、第三方广告冷冷得在我脸上胡乱地拍，网络不太好的时候再加上旋转的菊花码，我要经过一个漫长的过程才能来到我想到的页面。 唐纳德·诺曼可说过，用户是永远不是错的（摊手）。网络问题，怪运营商；一连...

原创 相见恨晚的超实用网站

搞文档即书（在线制作PPT）：https://www.keysuper.com/PDF处理：https://smallpdf.com/cnPDF处理：https://www.ilovepdf.com/zh-cnPDF处理： https://www.pdfpai.com/PDF处理：https://www.hipdf.cn/图片压缩，PDF处理：https://docsmall.c...

原创 21个常用的JS代码片段，每段代码花30秒就能看懂（一）

JavaScript 是目前最流行的编程语言之一，正如大多数人所说：“如果你想学一门编程语言，请学JavaScript。”FreeCodeCamp的创始人 Quincy Larson 在最近的一次采访中被问到哪种语言开发人员应该首先学习。他回答：“ JavaScript。”：“软件正在吞噬世界，JavaScript正在吞噬软件。JavaScript每年都在变得越来越占主导地位，而且没人知...

原创 可视化设计的10个指导原则

数据可视化已迅速成为在网络上传播信息的标准。它用于各种行业，从商业智能到新闻，帮助我们理解和传达见解。我们的大脑善于处理可视化信息，这使我们更容易理解图表或图形中可视化的数据，而不是表格和电子表格中列出的数据。一个伟大的数据可视化应该利用人类视觉系统的优势来呈现数据，以便数据被吸收和理解。它应该考虑用户对视觉处理的了解，提高并简化用户的数据体验。目前有很多工具和框架可用于构建这些...

转载 使用element UI el-upload组件实现视频文件上传及上传进度显示方法总结

实现效果：上传中：上传完成：代码：<el-form-item label="视频上传" prop="Video"> <!-- action必选参数, 上传的地址 --> <el-upload class="avatar-uploader el-upload--text" :action="uploadUrl" :show-file...

原创 API接口知识小结

应用程序接口API（Application Programming Interface），是提供特定业务输出能力、连接不同系统的一种约定。这里包括外部系统与提供服务的系统（中后台系统）或后台不同系统之间的交互点。包括外部接口、内部接口，内部接口又包括：上层服务与下层服务接口、同级接口。本文站在产品经理角度由浅入深讲述接口相关知识。如果不想被视为技术大佬眼中什么都不懂的需求搬运工，清楚接口的相关...