自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

道廷途说

微信公众号:前端队长

原创 从零开始学 Web 前端系列教程

???? 开始吧,前端!从零开始学 Web 前端系列教程。前端小白零基础自学入门进阶图文教程。

2020-04-12 10:49:07 113 0

原创 我的大学-詹书庭

受网友邀请,写我大学四年情况,说实话压力挺大,比起网上那些 牛人来说,我根本算不上什么,不过既然是别人邀请,还是勉为其难 写一下我大学的体会感受。 在网上的最大感受就是网上的高手太多了,虽然我也在百度知道里 给别人回答C/C++问题,但是知道的面还是很狭窄。觉得比较强的有 几个,一是郭天祥,各方面...

2020-09-19 09:38:42 59 0

原创 我的大学 -詹书庭

受网友邀请,写我大学四年情况,说实话压力挺大,比起网上那些 牛人来说,我根本算不上什么,不过既然是别人邀请,还是勉为其难 写一下我大学的体会感受。 在网上的最大感受就是网上的高手太多了,虽然我也在百度知道里 给别人回答C/C++问题,但是知道的面还是很狭窄。觉得比较强的有 几个,一是郭天祥,各方面...

2020-09-19 09:36:00 29 0

原创 自定义组件使用v-model

官方教程 自定义组件的 v-model 只需要记住:一个组件上的 v-model 默认会利用名为 value 的 prop 和名为input 的事件。 小示例 自定义一个custom-input组件。点击查看在线示例 <template> <div class=&qu...

2020-09-18 17:33:04 9 0

原创 正则表达式入门

1、正则表达式 正则表达式(regular expression)是一个描述字符规则的对象。 2、正则表达式的作用 前端往往有大量的表单数据校验的工作,采用正则表达式会使得数据校验的工作量大大减轻,如邮箱验证,手机号码,等等。比起用字符串的函数来判断简单,易用。 3、正则表达式的定义 JS中定义正...

2020-09-14 16:20:00 0

原创 博客园主题1【备份】

@import url(https://blog-static.cnblogs.com/files/gshang/gshang.2019.11.19.1.css) screen and (min-width:0px); /*设置顶部头像背景*/ #blogTitle { backgrou...

2020-09-09 20:05:00 0

原创 关于我

placeholder...

2020-09-08 11:37:00 0

原创 input输入框内容规范正则总结

input type=text 只能输入数字(去掉e和小数点): <input type="number" onkeydown="return event.keyCode !== 69" /> <input type="text...

2020-09-07 08:50:00 0

原创 致橡树-舒婷

我如果爱你—— 绝不像攀援的凌霄花 借你的高枝炫耀自己; 我如果爱你—— 绝不学痴情的鸟儿 为绿荫重复单调的歌曲; 也不止像泉源, 长年送来清凉的慰藉; 也不止像险峰, 增加你的高度,衬托你的威仪, 甚至日光。 甚至春雨。 不,这些都还不够! 我必须是你近旁的一株木棉, 作为树的形象和你站在一起。...

2020-09-04 09:39:00 5 0

原创 js字符串/数组常用方法总结

js字符串/数组常用方法 字符串 charAt str.charAt(index); 从一个字符串中获取索引为index的字符。 startsWith,endsWith str.endsWith(searchString[, length]) length 可选。作为 str 的长度。默认值为 ...

2020-09-03 10:59:00 1 0

原创 使用vue-cli4快速搭建vue项目demo

问题描述 使用vue-cli4快速搭建一个可用作demo的项目。 问题分析 无 解决方案 步骤如下: 全局安装vue指令包:npm install -g @vue/cli 安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue --version,看看是否打印出当前安装的v...

2020-09-01 19:49:00 0

原创 jQuery ui中sortable draggable droppable的使用

最近工作中用到了jQuery UI中排序和拖拽功能,花了大概一天的时间,搞清楚了大概的参数配置,以及遇到的一些问题,总结如下。 sortable 简单的配置如下: $('#subs-box').sortable({ axis: 'y', cu...

2020-07-23 16:25:00 0

原创 Vue如何下载文件?

https://github.com/Daotin/daotin.github.io/issues/135

2020-04-20 17:17:00 0

原创 vue用template还是JSX?

各自特点 template 模板语法(HTML的扩展) 数据绑定使用Mustache语法(双大括号) <span>{{title}}<span> JSX JavaScript的语法扩展 数据绑定使用单引号 <span>{title}<span>...

2020-03-12 17:35:00 0

原创 3分钟搞定图片懒加载

什么是图片懒加载 图片的懒加载就是在页面打开的时候,不要一次性全部显示页面所有的图片,而是只显示当前视口内的图片,一般在移动端使用(PC端主要是前端分页或者后端分页)。 为什么需要懒加载 对于一个页面加载速度影响最大的因素之一就是图片资源,如果一个页面图片太多(比如某宝,某东等),整个页面的图片大...

2019-12-25 17:53:00 0

原创 四两拨千斤,一招搞定数字格式化问题

问题描述 今天在处理一个数字的格式显示问题时,遇到下面的一些需求: 可以显示千分符 可以显示百分比 可以显示小数位数 如下图,如果勾选的话就使能该项设置。 百分比和小数位数比较好解决,百分比只需要在源数字后面加两个零再加上百分号;小数只需要在小数点后面加零即可。最主要的是千分符的处理,好,就...

2019-12-19 15:17:00 0

原创 将包含时间戳的对象数组按天排序

问题描述 示例对象数组如下,每个对象中都有一个时间戳,现在要求将每个对象按照其中的时间戳对应的天数进行排列,如何实现? 需求分析 示例代码如下: var list = [ { time: 1525681075426, curURL: 'http:/...

2019-12-16 15:51:00 0

原创 如何用css画一个文件上传图案?

如下图,如果是你,你会怎么实现: 通常我们会通过字体图标来显示中间的加号,外层用一个div包裹即可;或者使用伪元素来模拟中间的一横一竖,这都比较麻烦。 其实我们可以直接使用div+css就可以实现。 轮廓属性outline outline属性是用来设置一个或多个单独的轮廓属性的简写属性 , 例如...

2019-12-16 14:29:00 0

原创 Vue.js命名风格指南

前言 本命名风格指南推荐了一种统一的命名规范来编写 Vue.js 代码。这使得代码具有如下的特性: 统一团队的命名规范,其它开发者或是团队成员更容易上手阅读和理解。 IDEs 更容易理解代码,从而提供高亮、格式化等辅助功能。 本指南只是个人总结归纳的,仅作为一种参考。 命名分类 现...

2019-12-13 11:11:00 0

原创 JS的静态类型检测,有内味儿了

我们知道 TypeScript 2.3 以后的版本支持使用--checkJs对.js文件进行类型检查和错误提示。 但是由于 JavaScript 是弱类型语言,在编写代码的时候,是无法检测变量的类型的。 因此每次运行代码类型报错的时候,我心中都会冒出来一个强烈的愿望:要是 JavaScript是强...

2019-12-09 14:02:00 0

原创 vue中点击屏幕其他区域关闭自定义div弹出框

直接上代码: mounted: function () { let that = this; $(document).on('click', function (e) { let dom = $('.myDiv')[0]; /...

2019-12-06 11:34:00 0

原创 简单实现vue列表点击某个高亮显示

比如ul下有4个li元素。 给每个li绑定点击事件@click="select_li(index),然后这个点击时间会将一个全局变量 selectLi 赋值为 index 的值。 然后在每个li上加上class样式 :class="[selectLi ==index?'...

2019-12-06 11:30:00 0

原创 vue中子组件直接修改父组件prop属性bug

在有些时候,子组件直接修改父组件传来的 prop 对象的属性会出现不同步的问题。 比如,父组件传过来的一个对象 checkBoxObj: checkBoxObj:{ checked: false } 将 checked 通过v-model绑定给子组件的 checkbox,然后点击这个che...

2019-12-06 11:25:00 0

原创 vue hover如何触发事件?

vue中并没有 @hover 事件,但是可以使用 @mouseenter 和 @mouseleave 来模拟hover操作。

2019-12-06 11:16:00 0

原创 防止 window.open 被拦截

window.open('/app/dashbuilder.html?' + group.id, '_blank'); // 一般_self不会被拦截 // 改为 let newTab = window.open('about:blank...

2019-12-06 11:15:00 0

原创 input输入框change和blur事件区别

blur与change事件在绝大部分的情况下表现都非常相似,输入结束后,离开输入框,会先后触发change与blur,唯有两点例外。 1、没有进行任何输入时,不会触发change 在这种情况下失焦后,输入框并不会触发change事件,但一定会触发blur事件。在判断表单的修改状态时,这种差异会非常...

2019-12-06 11:07:00 0

原创 神马?使用JS直接上传并预览粘贴板的图片?

(题图:梵高-橄榄树) 提出需求 因为工作原因,现在有一个需求就是需要用户使用QQ或者微信复制一张截图后,在div中直接粘贴这张图片,而不是采用上传的方式。类似我们在使用QQ微信时直接粘贴截图的操作,这个要怎么用js来实现呢? 实现原理 我们可以利用 Clipboard 这个接口API 来实现。...

2019-12-05 17:25:00 0

原创 删除设备与驱动器中百度网盘图标

打开 reg 查找以下路径: HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\MyComputer\NameSpace\ 下面每一个选项文件夹对应一个图标,图标的名称会在右边的值中显示。 删除此文件夹即可。 ...

2019-12-05 10:29:00 0

原创 天了噜,为什么外链css要放在头部,js要放在尾部?

(题图:梵高-向日葵) 我们最开始学前端的时候都会看到教程在处理外部css,js的时候会将css放在header中,js放在body的最后。为什么要这样子处理,今天参考一些资料好好分析下。 为什么外链css为什么要放头部? 首先整个页面展示给用户会经过html 的解析与渲染过程。 而外链css无...

2019-12-03 11:03:00 0

原创 前端面试知识点

H5 新特性 新增标签 本地存储 webStorage websocket webworkers 新增地理位置 对css3的支持 canvas 多媒体标签 新增表单元素类型 结构标签:header nav article aside footer 表单标签:email url range da...

2019-11-26 15:46:00 0

原创 图片瀑布流,so easy!

什么是图片瀑布流 用一张花瓣网页的图片布局可以很清楚看出图片瀑布流的样子: 简单来说,就是有很多图片平铺在页面上,每张图片的宽度相同,但是高度不同,这样错落有致的排列出 n 列的样子很像瀑布,于是就有了瀑布流图片一说。 实现原理 1、第一种方式 第一种方式前提是:图片的宽度固定,但是列可变(根...

2019-11-08 14:28:00 0

原创 详细梳理ajax跨域4种解决方案

前言 自动接触前端,跨域这个词就一直萦绕在耳畔。因为一般接手的项目都已经做好了这方面的处理,而且之前一直感觉对这方面模棱两可,所以今天就抽个时间梳理一下。 为什么需要跨域 跨域这个概念来自一个叫 “同源策略” 的东西。同源策略是浏览器(注意是浏览器,跟通信协议无关)上为了安全考虑实施的非常重要的安...

2019-11-07 14:27:00 0

原创 css实现内容不相同的左右两个div等高

问题提出 现在有两个div左右排列,但是两个div的内容不相同,如何设置两个div的css做到在两个div等高排列呢? 下面是网上找的3种实现方法,觉得很有代表性,所以索性收藏起来。 方法一 通过父元素设置 overflow:hidden, div自己设置padding-bottom 和 ma...

2019-08-13 11:34:00 0

原创 简单了解css3轮廓outline

outline属性是用来设置一个或多个单独的轮廓属性的简写属性 , 例如 。 轮廓有下面几个属性: { outline-style: solid; outline-width: 10px; outline-color: red; } 他们有一种简写形式: { out...

2019-08-13 10:26:00 0

原创 vue事件监听机制

vue事件是同步的。如果绑定了事件(组件标签上绑定事件) 组件的事件触发 组件调用时绑定事件 之后监听事件: $emit 抛出后活等着 $on ,如果监听到了则阻塞执行; 如果为监听到或者未绑定,则会继续运行。 ...

2019-08-11 15:10:00 0

原创 table-layout:fixed

table-layout: fixed; 在table上设置上面属性后,如果不设置td的宽度,那么所有td的宽度平分总table宽度。如果设置了td的宽度,则以设置的宽度为准。 table-layout: auto; // 此为默认值 ...

2019-08-11 15:06:00 0

原创 vue路由传参和获取参数

参考链接 https://router.vuejs.org/zh/guide/essentials/passing-props.html#布尔模式

2019-08-11 15:04:00 0

原创 IOS系统input输入框为readonly时, 隐藏键盘上的上下箭头

业务中在一定场景中会将input 设置为只读状态,在IOS safari上当input 输入框focus 时,仍会出现键盘上的上下箭头,这种用户体验非常不好,如何干掉呢? <input readonly="readonly"/> 说一下思路: 上下箭头是无法通过 设...

2019-08-11 14:57:00 0

原创 vue2.0做移动端开发用到的相关插件和经验总结

cssrem:一个CSS值转REM的VSCode插件; lib-flexible:移动端弹性布局适配解决方案; vue-touch:移动端相关点击,滑动,拖动,多点触控等事件封装; vee-validate:适用于vue项目中表单验证插件; better-scroll :可能是目前最好用的移动端滚...

2019-08-11 13:19:00 0

原创 安卓手机输入法挡住输入框的问题

// 输入法挡住输入框的问题 if (/Android/.test(navigator.appVersion)) { window.addEventListener('resize', function() { if (document.activeEl...

2019-08-11 13:15:00 0

提示
确定要删除当前文章?
取消 删除