前端技术分享|前沿资讯|读书分享

32 篇文章
14 人订阅

全部文章

流眸

北京雪扬科技 · web前端 (已认证)

vue中基于高德的多行政区域覆盖

基于上一篇的基础讲解,再来看本篇目的,行政区域展示(秒变及背景),其实就是基于在经纬度坐标系上将某个/些行政区域规划出来。如果仔细看官方文档的前端er,则更是发...

5410
流眸

北京雪扬科技 · web前端 (已认证)

vue中使用高德地图开发

  最近两年比较热门的一个名词叫“数据可视化”,在前端方向大致体现为 地图数据展示以及 图表类数据展示。那么,如何在vue中使用基于高德地图来做地图数据可视化以...

6410
流眸

北京雪扬科技 · web前端 (已认证)

lib-flexible适配大屏方案(附移动端适配)

  相信大多数移动端前端开发者都是用过 lib-flexible来作为移动端适配的解决方案。lib-flexible是淘宝项目组开发出来的一个小插件,属于开源项...

10340
流眸

北京雪扬科技 · web前端 (已认证)

开发姿势篇——动效设计1

  继上篇基础开发篇,了解页面基础搭建和布局之后,接着便是对用户更加友好的动效体验。上面关于动画中提起,动画可以定义为使用绘画的手法,创造生命运动的艺术,因此在...

7120
流眸

北京雪扬科技 · web前端 (已认证)

开发姿势篇——基础开发

  近期学习了一下大厂h5开发实战内容,并且参考实战手册做一些记录。大概包括以下几个方面内容:

8120
流眸

北京雪扬科技 · web前端 (已认证)

vue中@change兼容问题

问题:兼容性差距,由于@change触发方式不同,导致时间加载不够统一,时间触发出现问题。

8250
流眸

北京雪扬科技 · web前端 (已认证)

进入移动Web世界

那么问题来了,为什么会有一个默认的viewport呢?我们知道,pc端页面,在移动端查看的时候,由于像素不匹配,但是为了能够给用户展现一个比较完整的页面,因此会...

6720
流眸

北京雪扬科技 · web前端 (已认证)

vue白屏优化方案

  vue项目打包后,在非首次线上替换dist文件时,某些手机/浏览器在之后首次打开页面,可能出现白屏情况。那么该问题产生原因是什么呢?我们又该如何应对呢?

24120
流眸

北京雪扬科技 · web前端 (已认证)

CSS——loading动画

  由图可见,动画1中有三根竖线,在进行变长变短的高度变化以及线条的颜色变化,因此分为以下几个步骤:

13340
流眸

北京雪扬科技 · web前端 (已认证)

vue/cle3项目运行报错sockjs-node/info解决方案

  继上次将vue项目脚手架工具从vue-cli2.x升级到vue-cli3.x后,除了环境、配置问题外,在运行时出现了一些个新的问题。  启动项目后,在内网非...

71740
流眸

北京雪扬科技 · web前端 (已认证)

前端技巧——js篇

15130
流眸

北京雪扬科技 · web前端 (已认证)

切换模块下划线跟随效果

  经常看到一些网页的导航栏点击切换时,不仅改变当前样式,同时下划线会跟随鼠标点击的标签栏缓慢滑到相应位置,那么这个简单而又好看的效果是如何实现的呢?

7630
流眸

北京雪扬科技 · web前端 (已认证)

秒懂——惹人烦恼的this指向

  This是什么?什么是this指针?this指针指向哪里?何时使用this? useornotuse,thatisa question.  其中至关重要的 ...

7420
流眸

北京雪扬科技 · web前端 (已认证)

电商放大镜及动态边框效果

  但是以上两个思路均有问题。如果设置border,如何使其边框动画?如果周边设置4个div,那么不仅是需要js操控,并且无形之中增加了许多复杂度,与编程思想背...

9420
流眸

北京雪扬科技 · web前端 (已认证)

vue弹窗屏蔽滑动的两种解决方案

  在开发过程中,我们经常会遇到要加弹窗的需求,而如果当前页的展示数据一屏展示不完,则在打开弹窗后,有滑动操作时,页面也会随之滑动。那么如何处理这一问题呢?

21910
流眸

北京雪扬科技 · web前端 (已认证)

vue中引入并使用markdown编辑器

  不知道各位是否对 markdown熟悉。它算是一门标记语言,但是语法简单,却本领强大。例如本篇博客,便是用 markdown语法编写,然后根据不同的环境及依...

31110
流眸

北京雪扬科技 · web前端 (已认证)

js页面全屏/退出全屏

  在做前端PC端项目中,我们经常会遇到让页面全屏的需求。大多情况下,这样可以使得用户在该页面更加专注,屏蔽掉该页面之外的干扰。

24230
流眸

北京雪扬科技 · web前端 (已认证)

vue-cli 解决白屏、兼容、压缩及清除console

描述 npm run build打包后,生成 dist文件夹。从该文件夹打开 dist/index.html页面,发现页面空白,且控制台报错。原因是路径配置有问...

45130
流眸

北京雪扬科技 · web前端 (已认证)

vue-cli 3.x安装及ant-design-vue初使用

此时浏览器会访问 http://localhost:8080/ ,看到 Welcome to Your Vue.js App 的界面就算成功了。

28810
流眸

北京雪扬科技 · web前端 (已认证)

520特辑———旋转爱

520:网络情人节是信息时代的爱情节日,定于每年的5月20日和5月21日。该节日源于歌手范晓萱的《数字恋爱》中“520”被喻成“我爱你” ,以及...

16920

扫码关注云+社区

领取腾讯云代金券