自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 谷歌浏览器设备远程调试(真机调试)

谷歌浏览器设备远程调试(真机调试)首先在chrome浏览器下F12进入开发者工具页面,点击右侧三个点图标,按图寻找到Remote devices远程设备调试工具。Ps:直接在导航栏输入chrome://inspect/#devices 也可进入相应工具页面之后usb连接手机端(手机端chrome浏览器版本和桌面端最好相近或一致),安卓需要选择usb调试并支持文件传输,步骤见各品牌usb传输...

2019-09-09 15:54:11 9132 1

原创 《CSS权威指南》自我补充要点

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css权威指南学习</title> <style> body p{ ma

2019-01-27 21:18:35 185

原创 JavaScript语言精粹代码总结

/*对象索引*/ { let obj = { name : 'xiaoming', sex:'man'}; Object.create = (o)=>{ let F = function () {}; F.prototype = o; return new F(); }; ...

2019-01-25 21:14:46 214

原创 垃圾回收机制、闭包、以及内存泄漏

Js中的垃圾回收机制1.标记清除工作原理:当变量进入环境时被垃圾回收器标记为‘进入环境’,离开环境时被标记为‘离开环境’,标记为‘离开环境’的变量被统一回收。工作流程:1.垃圾回收器将内存中所有存在的变量做标记2.将内存中存在环境中的变量以及环境变量所引用的变量的标记去除3.仍然存在标记的变量被视为‘离开环境’的变量4.垃圾回收器完成内存清除工作,清除所有带标记的变量并回收其内存空间...

2019-01-17 11:18:05 224

原创 最全解读ES5、ES6处理Ajax异步请求对比以及vue中axios插件的使用

Ajax即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。Ajax的产生主要是因为在没有异步请求的时候,网络使用的都是同步请求,设想一下你在填写银行办卡的业务表单,花费了十几分钟好不容易写完了发送同步请求到服务器提交表单,但因为同步请求的特性,在上传以及服务器响应的过程中,你无法继续你的其他业...

2018-12-08 19:49:22 2522

原创 vue项目使用第三方评论平台“畅言”教程

vue项目使用第三方评论平台“畅言”教程笔者最近在写自己的个人网站,但由于对于后台知识比较欠缺,又想在自己的个人网站 上加入评论功能。一开始想过用IndexDB保存用户输入的评论以及其他信息数据,再将数据保存进后台数据库,但连接数据库部分怎么说都要后台来实现。后来发现了“畅言”这个第三方评论平台,可以实现登录、评论、评论管理等等操作,使用方法也很简单,但用上vue项目上且对于经验不多的我也遇到...

2018-11-29 22:05:09 1711 5

原创 Webpack 4.x搭建Vue脚手架踩坑记录

博主最近在自己搭建一个vue的脚手架,因为感觉之前直接使用官方vue-cli之后,对于Webpack的使用不太熟悉,加上vue-cli3.0版本把webpack.config.js配置文件置换成自己的配置文件了之后,对于Webpack的使用就更加不熟练了。这里总结一下搭建时遇到的坑,谨防再犯错吧。版本不兼容问题博主使用的webpack版本号为 4.25.1,对于npm install默认安装的...

2018-11-08 16:05:19 860

原创 前端每日挑战の总汇

前端每日挑战の总汇内容摘要代码内容摘要写了很多天前端纯css画的一些东西,已经算是熟练了很多了,因为每次都重新编辑再发布比较麻烦,所以后面每天练习的内容就总汇在这里做一个记录。有另外学习到的新东西再另外提及。代码按钮悬停效果(用处还是比较大的吧个人认为)<!DOCTYPE html><html lang="

2018-11-01 09:47:15 167

原创 浅谈vue 2.0中的虚拟dom概念

浅谈vue 2.0中的虚拟dom概念概要主要内容虚拟DOM实现概要作者一直很在意new Vue({ router, render: h => h(App) }).$mount('#app');中render函数的用意,一开始以为只是单纯的把dom树渲染上去,但去官网查阅巩固后,发现虚拟DOM的用意。其实我们平时写的组件也是以虚拟dom的形式渲染上你的网页的。首先,我们知道原生的js中,无...

2018-10-25 20:25:34 2478

原创 前端每日挑战の纯CSS画卓别林

前端每日挑战の纯CSS画卓别林内容摘要内容学习代码内容摘要伤心啊,写了好几天博客没人看~不过没关系,写博客的主要目的还是为了技术积累。在segmentFault上看到有前端每日专栏,觉得不错,正好css基础还不够巩固决定跟着该专栏每天跟着学习一些有趣的纯html+css制作的效果,动画出处:https://segmentfault.com/a/1190000016791409最终效果预览:h...

2018-10-25 10:34:15 181

原创 前端浏览器数据库indexedDB入门教程

概要最近在刷红宝书的时候发现indexedDB部分的讲解有点混乱,且书上的用法和目前网上教程的用法差距还是蛮大的,读起来可能不是很好懂,他别是setVersion()方法,我写了半天也用不了,上网查询之后request = indexedDB.open("admin",17);打开数据库的同时就可以创建版本号了。indexedDBIndexedDB是HTML5规范里新出现的浏览器里内置的数据...

2018-10-24 11:28:13 822

原创 前端每日挑战の内容弹窗动画

前端每日挑战の内容弹窗动画内容摘要内容学习代码内容摘要伤心啊,写了好几天博客没人看~不过没关系,写博客的主要目的还是为了技术积累。在segmentFault上看到有前端每日专栏,觉得不错,正好css基础还不够巩固决定跟着该专栏每天跟着学习一些有趣的纯html+css制作的效果,动画出处:https://segmentfault.com/a/1190000016774570最终效果预览:htt...

2018-10-24 10:38:21 168

原创 前端每日挑战の孤独的人动画

前端每日挑战の孤独的人动画内容摘要内容学习代码内容摘要伤心啊,写了好几天博客没人看~不过没关系,写博客的主要目的还是为了技术积累。在segmentFault上看到有前端每日专栏,觉得不错,正好css基础还不够巩固决定跟着该专栏每天跟着学习一些有趣的纯html+css制作的效果,动画出处:https://segmentfault.com/a/1190000016243834最终效果预览:htt...

2018-10-23 10:34:59 118

原创 前端每日挑战の会动的emoji~tooltip 提示框

前端每日挑战の会动的emoji~tooltip 提示框内容摘要内容学习代码内容摘要伤心啊,写了好几天博客没人看~不过没关系,写博客的主要目的还是为了技术积累。在segmentFault上看到有前端每日专栏,觉得不错,正好css基础还不够巩固决定跟着该专栏每天跟着学习一些有趣的纯html+css制作的效果,动画出处:https://segmentfault.com/a/1190000016651...

2018-10-22 14:09:52 242

原创 前端每日挑战の雨伞toggle控件

前端每日挑战の雨伞toggle控件内容摘要代码内容摘要伤心啊,写了好几天博客没人看~不过没关系,写博客的主要目的还是为了技术积累。在segmentFault上看到有前端每日专栏,觉得不错,正好css基础还不够巩固决定跟着该专栏每天跟着学习一些有趣的纯html+css制作的效果,动画出处:https://segmentfault.com/a/1190000016724029最终效果预览:htt...

2018-10-19 11:01:20 214

原创 vue.js切换标签选中样式更改

vue.js切换标签选中样式更改博主想做一个标签,用来选中所选相保存到数据列表中,同时选中标签后更改其样式,但是遇到了点小小的问题,网上更改标签的样式不一,所用的方法也比较复杂,所以博主就想着自己能不能写一个比较简单的方法。功能实现其实博主想到的方法很简单,就是保存一个css的类,当标签被选中时,存入数据并且给标签添加一个类,等改变数据后,再移除类。数据格式如下`data(){ ...

2018-10-18 11:18:48 5335

原创 前端每日挑战の眼冒金星效果

前端每日挑战の眼冒金星效果内容摘要内容学习代码内容摘要伤心啊,写了好几天博客没人看~不过没关系,写博客的主要目的还是为了技术积累。在segmentFault上看到有前端每日专栏,觉得不错,正好css基础还不够巩固决定跟着该专栏每天跟着学习一些有趣的纯html+css制作的效果,动画出处:https://segmentfault.com/a/1190000016707813最终效果预览:内容...

2018-10-18 10:31:08 197

原创 每日挑战の棋盘错觉效果

每日挑战の棋盘错觉效果内容摘要内容学习代码内容摘要在segmentFault上看到有前端每日专栏,觉得不错,正好css基础还不够巩固决定跟着该专栏每天跟着学习一些有趣的纯html+css制作的效果,动画出处:https://segmentfault.com/a/1190000016707813最终效果预览:https://codepen.io/comehope/pen/VEyoGj(其实每一...

2018-10-17 09:25:38 246

原创 真小白体验 vue-cli 3.0 脚手架搭建~

真小白体验 vue-cli 3.0 项目搭建~Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。而v...

2018-10-16 11:55:09 272

原创 每日挑战の飞机舷窗

每日挑战の飞机舷窗内容摘要内容学习代码内容摘要在segmentFault上看到有前端每日专栏,觉得不错,正好css基础还不够巩固决定跟着该专栏每天跟着学习一些有趣的纯html+css制作的效果,动画出处:https://segmentfault.com/a/1190000016688955最终效果预览:https://codepen.io/comehope/pen/jeaOrw内容学习...

2018-10-16 11:18:57 178

原创 每日挑战の浮动热气球

每日挑战の浮动热气球内容摘要内容学习代码内容摘要在segmentFault上看到有前端每日专栏,觉得不错,正好css基础还不够巩固决定跟着该专栏每天跟着学习一些有趣的纯html+css制作的效果,动画出处:https://segmentfault.com/a/1190000016668903最终效果预览:https://codepen.io/comehope/pen/KGveaN内容学习...

2018-10-15 10:30:59 147

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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