文章库ARTICLE COLUMN

  • 初学Vue(四)-- 计算属性,监视方法

    初学Vue(四)-- 计算属性,监视方法

    摘要:计算属性与监视方法计算属性计算属性,顾名思义是可以计算数据的属性,为什么要特意出个计算属性呢,因为如果直接将两个数据加起来的话,使用加法计负数的算双向绑定数据时就会出现问题计算属性用法代码案例加法计算器首先计算器我们想要用户输入所以 ...

    kelvinleekelvinlee 评论0 收藏0
  • 【设计方案】设计方案系列--如何设计移动端高清方案

    【设计方案】设计方案系列--如何设计移动端高清方案

    摘要:一前言有时候需要前端做到移动端高清显示,面对开发移动端页面,面对不同分辨率的手机,面对不同屏幕尺寸的手机。所以对于图片高清的问题,比较好的方案是两倍图片长宽增大到倍。 一、前言 有时候需要前端做到移动端高清显示,1、面对开发移动端H5页面...

    yy13818512006yy13818512006 评论0 收藏0
  • 【JavaScript系列】vue项目中实现滚动条(具体视窗口的滚动条)操作:(1)置底,(2)置于

    【JavaScript系列】vue项目中实现滚动条(具体视窗口的滚动条)操作:(1)置底,(2)置于

    摘要:滚动条不会出现在头部和底部视窗中。新增功能滚动条置底分页加载的时候,保持滚动条置于上次停留的位置。我们来看一下动态图,实现的功能今天只把这个具体视窗口的滚动条的总结一下,其他两个问题,没有很大的意义。 一、前言 之前写了一个happyChat的...

    lovXinlovXin 评论0 收藏0
  • 【Vue原理】依赖收集 - 源码版之基本数据类型

    【Vue原理】依赖收集 - 源码版之基本数据类型

    摘要:当东西发售时,就会打你的电话通知你,让你来领取完成更新。其中涉及的几个步骤,按上面的例子来转化一下你买东西,就是你要使用数据你把电话给老板,电话就是你的,用于通知老板记下电话在电话本,就是把保存在中。剩下的步骤属于依赖更新 写文章不容...

    VincentFFVincentFF 评论0 收藏0
  • 【Vue原理】依赖收集 - 源码版之引用数据类型

    【Vue原理】依赖收集 - 源码版之引用数据类型

    摘要:写文章不容易,点个赞呗兄弟专注源码分享,文章分为白话版和源码版,白话版助于理解工作原理,源码版助于了解内部详情,让我们一起学习吧研究基于版本如果你觉得排版难看,请点击下面链接或者拉到下面关注公众号也可以吧原理依赖收集源码版之引用数据类...

    vvpvvpvvpvvp 评论0 收藏0
  • 【React】关于父组件传prop值给子组件的state时,子组件state无法实时更新的解决方案

    【React】关于父组件传prop值给子组件的state时,子组件state无法实时更新的解决方案

    问题描述:在写项目的时候碰到这样一个问题通过Link组件传递一个名为name的state给子组件 showImg("https://segmentfault.com/img/bVbuHNu?w=526&h=230");并在子组件中把接受到的prop值赋给state showImg("https://segmentfault.com/img/bVbuHNM?w=...

    cyrilscyrils 评论0 收藏0
  • 智能web网页爬虫原理,不用写一行代码

    智能web网页爬虫原理,不用写一行代码

    摘要:用户确认后存储。详情文本类子元素最多的元素,且页面面积占用最大。后处理详情希望保留详情的一些排版,比如代码块,高亮区域等。在使用时转回显示。 列表页解析 showImg("https://segmentfault.com/img/bVbuH5K?w=1774&h=1532"); 列表定位 同性质子...

    宋华宋华 评论0 收藏0
  • 仿美团城市选择器的 Vue 插件开发实例

    仿美团城市选择器的 Vue 插件开发实例

    摘要:本文是讲一个基于的仿美团城市选择器的插件开发实例,目前关于城市选择器的插件比较少,在自己做项目的时候一直没有找到合适的城市选择器插件,所以自己开发了一个。 本文是讲一个基于 Vue 的仿美团城市选择器的插件开发实例,目前关于城市选择器的插...

    idealcnidealcn 评论0 收藏0
  • Vue+Better-Scroll 实现多Tab上拉加载更多实例

    Vue+Better-Scroll 实现多Tab上拉加载更多实例

    摘要:本场是讲一个基于实现多切换上拉加载更多的实例,像这种多切换加载更多的场景,不管在端还是移动端都还挺常见的,比如商城类,订单中心等。通过学习本项目,你也可以做出多切换上拉加载更多的效果,而不必到处找别人的例子。 本场 Chat 是讲一个基于 V...

    wuyangchunwuyangchun 评论0 收藏0
  • VueCli3.0中集成MockApi

    VueCli3.0中集成MockApi

    摘要:缺点需要增加本地的代码量,以及需要配置实现拦截优点数据通过会更丰富。缺点修改内容沟通成本高,跟后端扯皮利用去模拟优点可控内容以及实现动态。三本地周边知识本地的思想就是利用完成。注意接口的和自己的接口不要冲突。 VueCli3.0中集成MockApi ...

    刘玉平刘玉平 评论0 收藏0
  • 开发一个基于 Vue2.0 的个人天气预报

    开发一个基于 Vue2.0 的个人天气预报

    摘要:本场是一个基于的个人天气预报项目,就是兴趣所致,做来玩玩。本项目会采用高德地图,可视化库和相关的技术来开发本项目。本场你将学到如下内容学会制作自己的天气预报学会使用部分高德地图的学会使用的部分相关的一些技术。有兴趣的请到查看效果图如下...

    mushangmushang 评论0 收藏0
  • HTML DOM getElementsByClassName() 方法个人理解

    HTML DOM getElementsByClassName() 方法个人理解

    摘要:对象代表一个有顺序的节点列表。所以不能直接使用和等数组方法。该属性用于在元素中添加,移除及切换类。 该方法用于获取所有指定类名的元素:例如: let domArr = document.getElementsByClassName("el-form-item") 需要注意:该方法返回的是一个Nod...

    Pines_ChengPines_Cheng 评论0 收藏0
  • 笔记-你不知道的JS-原型

    笔记-你不知道的JS-原型

    摘要:如果存在于原型链上层,赋值语句的行为就会有些不同。中包含的属性会屏蔽原型链上层的所有属性,因为总是会选择原型链中最底层的属性。如果不直接存在于中而是存在于原型链上层时会出现的三种情况。类构造函数原型函数,两个函数通过属性和属性相关联。...

    vincent_xybvincent_xyb 评论0 收藏0
  • 去除数组中任意多个值算法(JavaScript)

    去除数组中任意多个值算法(JavaScript)

    摘要:问题实现一个函数,第一个参数是初始数组,后跟一个或多个参数。从初始数组中删除与这些参数具有相同值的所有元素。 问题: 实现一个 destroyer 函数,第一个参数是初始数组,后跟一个或多个参数。从初始数组中删除与这些参数具有相同值的所有元素。 ...

    JasinYipJasinYip 评论0 收藏0
  • 位移密码算法(JavaScript)

    位移密码算法(JavaScript)

    摘要:问题著名的凯撒密码,又叫移位密码。移位密码也就是密码中的字母会按照指定的数量来做移位。写一个函数,实现输入加密字符串,输出解密字符串。要求所有的字母都是大写,不要转化任何非字母形式的字符例如空格,标点符号,遇到这些特殊字符,就跳过它们...

    Java_oldboyJava_oldboy 评论0 收藏0
  • mongoose无字段模糊查询

    mongoose无字段模糊查询

    参数 const val = req.body.val; const reg = new RegExp(val, "i"); Model.find({ $or: [ { key1: {$regex: reg} }, { key2: {$regex: reg} }, { key3: {$regex: reg} } ]...

    104828720104828720 评论0 收藏0
  • connect和next的withRouter共同时候时踩坑

    connect和next的withRouter共同时候时踩坑

    摘要:问题重现当同时使用两者时,在代码中切换并不会重新组件,代码如下问题原因本身将组件变为,的并没有对做任何处理,而是直接返回。源码源码解决方案将包在外层使用。在使用时将组件的值默认改为。 问题重现 当同时使用两者时,在代码中切换router并不...

    defcondefcon 评论0 收藏0
  • mxGraph使用经验总结

    mxGraph使用经验总结

    摘要:边绘制成折线的时候为两种形式,默认是通过贝塞尔曲线绘制成带圆角的折线,另一种是直角折线。在开发中我对边的绘制方式进行了小小的修改,统一改为直接使用三次贝塞尔曲线连接,具体代码如下调用内置函数绘制三次贝塞尔曲线忽略后面绘制折线的代码参考...

    k00baak00baa 评论0 收藏0
  • 记一次eggjs+axios传输multipart的纠错过程

    记一次eggjs+axios传输multipart的纠错过程

    摘要:总所周知,的策略让每次都要发送码验证,为了方便,我在的里作了前置拦截。结果不幸从此发生最开始没有看官方文档,以为应该加在里面,又没有考虑到要上传格式的文档,所以直接结果发送的是。这很正常,阅读源码知为时会自动添加的头。不加又以上传了。...

    CarterLiCarterLi 评论0 收藏0
  • JS设计模式学习_基础篇

    JS设计模式学习_基础篇

    摘要:工厂模式单例模式结构型设计模式关注于如何将类或对象组合成更大更复杂的结构,以简化设计。 一、写在前面 设计模式的定义:在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案 当然我们可以用一个通俗的说法:设计模式是解决某个特定场景下...

    venmosvenmos 评论0 收藏0
  • React 项目结构和组件命名规范

    React 项目结构和组件命名规范

    摘要:作为一个库,它没有规定项目的整体结构。位于的组件应命名为。组件根据其与组件或的相对路径进行相应命名。考虑这样一个场景,处于位置的组件会被命名为而不是。 React 作为一个库,它没有规定项目的整体结构。这很好,因为它给了我们自由去尝试不同的...

    jay_tianjay_tian 评论0 收藏0
  • 为什么在页面上操作几次之后就变得奇慢无比,接口长时间处于pending状态?

    为什么在页面上操作几次之后就变得奇慢无比,接口长时间处于pending状态?

    摘要:开发环境前端后台浏览器部署系统问题现象在现有项目的基础之上增加了两个页面,但是在使用的过程中发现,当连续操作几次之后页面会变得奇慢无比,查看接口调用发现接口请求长时间处于状态,但是等分钟左右接口还是会返回应答结果。 开发环境 前端:Vue...

    RainieRainie 评论0 收藏0
  • 【进阶 6-3 期】深入浅出节流函数 throttle

    【进阶 6-3 期】深入浅出节流函数 throttle

    摘要:引言上一节我们详细聊了聊高阶函数之柯里化,通过介绍其定义和三种柯里化应用,并在最后实现了一个通用的函数。第二种方案来实现也存在一个问题,因为定时器是延迟执行的,所以事件停止触发时必然会响应回调,所以时无法生效。 引言 上一节我们详细聊...

    baishancloudbaishancloud 评论0 收藏0
  • 论时间数组去除交叉重复项

    论时间数组去除交叉重复项

    摘要:近日,接到个紧急需求,考勤员给员工排班,但是这个员工当天有请假时间段,有休息时间段,有用餐时间段。 近日,接到个紧急需求,考勤员给员工排班,但是这个员工当天有请假时间段,有休息时间段,有用餐时间段。所以这个员工当天的排班时长应该是 时...

    rickchenrickchen 评论0 收藏0
  • Vue+Webpack项目从 60s 到 17s 的 打包优化方法

    Vue+Webpack项目从 60s 到 17s 的 打包优化方法

    摘要:比如我现在的项目就每次打包就要大概的样子。可能大家也会遇到如下同样的问题构建项目耗时较长打包出来的文件太大打包前需要手动删除文件。你将学会如何优化自己的项目,你将会学习到新的插件。 有的 Vue 项目比较大或者说项目中引入了许多第三方库,...

    simon_chensimon_chen 评论0 收藏0

热门文章

<