自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 资源 (26)
  • 收藏
  • 关注

原创 css字体渐变色

项目中突然发现360极速浏览器的极速模式,使用v-for遍历数据进行dom渲染,点击切换时有些dom数据显示不会随数据改变而改变。原文链接:https://blog.csdn.net/iorn_mangg/article/details/108055416。//这行代码引起兼容性。最后一行代码引起了这个问题,很奇怪。

2024-02-23 16:44:26 207

原创 mac 使用brew 安装nvm 以及踩坑

mos 使用brew 安装nvm 遇到的坑

2023-03-02 17:11:28 2374 1

原创 vue+svg 实现圆圈倒计时

vue+svg 实现圆圈倒计时

2022-10-24 16:22:34 1353

原创 Yeoman基础使用

Yeoman 基础使用, 以及yarn安装出现, yarn报错:Found incompatible module 解决方式

2022-10-20 17:09:19 174

原创 公众号菜单关联小程序

1、需求, 要公众号跳转小程序打开公众号之后 没有发现关联 小程序的选项头次关联需要 在广告与服务菜单 - 小程序设置 - 开通2、点击关联小程序 按照提示走

2021-10-22 16:23:13 363 1

原创 vue动态添加路由,跳转页面时,页面报错路由重复: [vue-router] Duplicate named routes definition: {

之前用了一个vue-element-admin做了一个小项目,里面用到了动态添加路由,动态展示侧边栏,当我切换页面时,控制台总是警告提示路由重复,连续跳转几次页面后,控制台就被这些警告占满了,vue动态添加路由,跳转页面时,页面报错路由重复:于是处理一下原因addRoutes 方法仅仅是帮你注入新的路由,并没有帮你剔除原有的其它路由!我们先看一下原来代码路由拦截器中的代码:permission.js:router.beforeEach((to, from, nex.

2020-05-28 15:15:17 15297 9

原创 vue 使用 map 结合 filter 做出来像后端查出来的模糊搜索

总体效果如上图 所示一开始直接将address.js 获取的省列表 直接用filter进行过滤但, 只能过滤 第一个字匹配的, eg: 假如我的搜索 中输入“ 河” 可以过滤出来 “ 河”开头的所有省, 但是输入‘南’, 并不会出现含南的所有的省, 所以经思考 将map 和filter 结合,可以搜出来 所有匹配出来的值,分享给大家 ,下面是所有代码address.js 可以我的CSDA上面去下载所有的省市,看下效果父组件index.vue<SingleSelectSearc...

2020-05-20 16:44:15 1651

原创 vue 结合element 多选增加全选

总的效果如上图所示父组件index.vue 引用select文件传值<template> <div class="clearfix"> <select :optionData="provinceData" :selectList.sync="selectList" placeholderText="请选择"/> </div></template><script>import selectfrom "..

2020-05-20 16:21:29 1150

原创 vscode vue添加代码片段

vscode vue添加代码片段#第一步 : 进入vs code主界面–>使用快捷键“ctrl + shift + p”:选项Configure User Snippets假如不会出现在第一行,这时候你可以在搜索栏输入:Configure User Snippets,然后就可以找到这个选项了。#第二步 选择或创建vue.json#第三步:配置代码"Print to cons...

2020-05-07 16:43:59 1241 1

原创 使用mpvue初始化小程序 出现的问题

买了慕课网的一套教程学习小程序 ,以下是学习地址http://www.youbaobao.xyz/mpvue-docs/guide/dev/prepare.html安装npm i -D sass-loader node-sass 报错, 导致style 使用lang=“scss” 的时候直接就报错解决问题:降低了sass-loader 的版本号安装成功npm instal...

2020-04-21 21:41:58 312

原创 mac 笔记本 github push 出现403

从github 上面拉下来代码之后, push 不上去, 百度搜索之后 找到解决办法,其实原因在于mac的终端会自动记住你之前使用的用户信息,之前我用老账户push过代码,我的用户名密码被记住了,再次push 的时候没有让我再次输入用户名密码,而是使用了我之前的用户名和密码,所以没有权限。解决方法如下:1、应用程序中找到钥匙串访问2、在右上角搜索框中输入git,如果...

2019-10-30 15:46:03 344

转载 浏览器数据存储方式总结

浏览器数据存储方式总结原文地址:https://www.cnblogs.com/Yellow-ice/p/10507472.html今天主要来讲下前端的数据存储,说起数据存储,大家肯定第一时间想起cookie,localstorage,sessionstorage,而其实还有userData和IndexedDB这两种数据存储,接下来将对它们进行一个比较详细的总结。一、为什么要进行数据存储随...

2019-09-17 16:14:59 331

原创 Object 对象keys(), values(), entries()

一、Object.keys()Es5 引入了Object.keys方法,返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable 【可枚举的】)属性的键名。(1) 处理对象,返回可枚举的属性的数组var obj = { foo: 'bar', baz : 42};Object.keys(obj)// ["foo", "baz"](2)处理数组,返回索引值的...

2019-08-21 10:19:39 291

原创 使用Echarts 写渐变式折线图

option = { title: { // text: '折线图堆叠' }, tooltip: { trigger: 'axis' }, legend: { data:[{ name: '邮件营销', icon: 'rect' }], }...

2019-02-12 17:07:35 3685

原创 PC 全屏总结

第一种方式*注意将html也设置全屏html 和css 全屏展示 遇到的问题在页面所有元素的外围加div 并且设置 html body 高度 总是会出现一些问题(比如我遇到的1.有 当设置html body 100%之后会出现 页面其他内容会有问题2.在页面所有元素的外围加div 时,假如打开控制台再关闭之后 页面总是不会重新刷新...

2019-02-09 15:51:18 157

原创 浮动小结

浮动方式1.添加标签2:父级div使用overflow:hidden解决高度撑不开.fuji{height:auto;overflow:hidden;clear:both;}3。使用伪类元素清除浮动.clear:after{ content:""; height:0px; display:"block"; visibility:hidden; ...

2019-02-09 15:50:01 186

原创 tab切换

jsvar liEle = $(&quot;.second-menu li&quot;);var showEle = $(&quot;.third-menu-box ul&quot;);liEle.on(“click”,function(){var li_data = $(this).attr(“data”);for (var i = 0; i &amp;lt; showEle.length; i++) {var box_data...

2019-02-09 15:46:59 100

原创 深浅拷贝

js 深浅拷贝javascript中的深拷贝和浅拷贝? - 千锋教育的回答 - 知乎https://www.zhihu.com/question/23031215/answer/326129003基本类型与引用类型最大的区别实际就是传值与传址的区别;值传递:基本类型采用的是值传递。number、string、boolean、null、undefined、symbol(1 :)JSO...

2019-02-09 15:45:14 130

原创 sass 使用

Sass的安装和使用使用http://www.ruanyifeng.com/blog/2012/06/sass.html安装详细:http://blog.csdn.net/wjq_xxq/article/details/67657118ruby安装在哪个盘才能在哪个盘的文件中使用sass自己整理总结步骤1.sass在ruby环境下运行的下载ruby链接http://www.ruby-l...

2019-02-09 15:40:40 219

原创 git 命令的简单记录

一、git上传文件1.在git上新建文件夹2. git clone git文件夹网址 克隆到本地假如文件已经存往在 可以用git pull origin master 命令从远程上拉下来3.git status ...

2019-02-09 15:34:59 173

原创 简单整理vuejs文件学习

1.项目骨架开发一项目目录制作/src/common 主文件资源/fonts/js/stylus 是一个css编译器 语法中是没有{} 与 ; 的将下载 图标字体 的css 放进这个文件夹 将css文件后缀改为 .styl 并将原本css文件中的{} 与 ; 去掉 保存/components/header 主要存放组件资源Header.vue二、mock数...

2019-02-09 15:31:34 149

原创 使用css制作标题横条

效果是做头部的优惠信息使用flexbox做一般使用两个div 使用定位制作这样的效果 但是当背景内容改变时,文字div的背景容易跟随修改,是用的第二种方法是使用flexbox布局html代码 优惠信息 css代码.h-pop-title{display: flex;width: 80%;margin:auto;}.h-pop-title ...

2019-02-09 15:29:54 605

原创 做向下滑动跟随出现一个X

弹层100%做一个向下滑动跟随出现一个X 当弹占据手机屏幕是可以做一个置顶给随,方法如下所示html代码、 × css代码.detail{position: fixed;z-index: 100;width: 100%;height: 100...

2019-02-09 15:28:32 220

原创 使用ajax 只请求一次后台,但是后台日志打印两次

前两天碰到一个情况是使用ajax 请求后台一次,但是后台却打印了两次日志最后这个问题的出现的原因有两种,1.后台接收到前端的请求之后没有做回应json数据的处理2。前端的ajax 请求书写不规范,应该加上success 和error 函数,假如前端ajax 的success和error 书写规范,后台没有做json数据的响应就会走ajax的error 函数,就不会出现再次 请求数据的情况,...

2019-02-09 15:26:31 2411

原创 mac安装MySQl步骤小总结

mac安装MySQl步骤小总结第一步,首先到这里下载 http://dev.mysql.com/downloads/mysql/ 下载安装包选择红色框中的文件第二步,傻瓜式的一步步点击安装。第三步,苹果-&amp;gt;系统偏好设置-&amp;gt;最下边点mysql 在弹出页面中。 如...

2018-11-30 17:06:45 229

转载 http请求头中Referer的含义和作用

http请求头中Referer的含义和作用 版权所属:SO JSON在线解析原文地址:https://www.sojson.com/blog/58.html转载时必须以链接形式注明原始出处及本声明。Referer&nbsp;&nbsp;是&nbsp;&nbsp;HTTP&nbsp;&nbsp;请求header&nbsp;的一部分,当浏览器(或者模拟浏览器行为)向w...

2018-11-08 18:43:24 1731

原创 PDF.js的使用

 一、PDF简介pdf.js可以实现在html下直接浏览pdf文档,是一款开源的pdf文档读取解析插件。下载地址:https://github.com/mozilla/pdf.js 二、使用场景最近拿到的任务是实现在网站前端对pdf文件的预览,一开始用的pdfObject.js ,但是后来公司要求兼容safari浏览器,但pdfobject.js在火狐和safari下面要下...

2018-01-30 15:03:20 4572 3

原创 PC端全屏心得

第一种方式*注意将html也设置全屏html 和css 全屏展示 html,body,div{ height: 100%; width: 100%; } div{ background: url(h-login.png) no-repeat; background-size: cover; } 遇到的问题在页面所有元素的外围加d

2018-01-19 12:01:54 1706

原创 使用html css js 书写tab切换

html 内容 条件 时机 预警 你好1 你好2 你好3 你好4 css.i-recommend-main { padding: 30px; background-color: #fff; border-radius: 10px; margin-t

2017-10-19 15:25:14 671

原创 js append追加html代码标签后 css样式没生效 js同时没有生效 已解决

html代码 添加inputcss代码.box{ width: 500px; height: 300px; border-radius:8px; border:1px solid #f0f; margin-bottom: 20px; padding: 5%;}.box input{ border:0px; background: skyblu

2017-10-19 14:32:08 42274 4

转载 vuejs第二篇 vue-cli配置移动端自适配(引入flexible)

1.安装lib-flexible

2017-09-07 14:56:00 58368 13

原创 vuejs第一篇:通过npm安装vue框架(印象深刻的问题出在了npm上)

学习vue时,当时node出了问题,npm命令怎么都用不了,自己也分享一下解决方法,然后自己写个总结安装vue的步骤

2017-08-31 10:37:30 4814 2

原创 定位

定位:position目的:设置元素的位置,对元素位置进行微调或者参照基准变更。主要有以下几种:1、position:static;2、position:relative;3、position:absolute;4、position:fixed;1、position:static;  默认定位。         默认文档流的布局。2、posi

2016-07-28 21:20:16 237

address.js

全国省市区 json , 直接在页面中赋值就可以使用, 我们用的框架是 vuejs 但是不管用什么框架 都是可以直接使用的, 格式是value, label , children 的格式,包含香港和澳门

2020-05-20

address copy.js

全国省市区 json , 直接在页面中赋值就可以使用, 我们用的框架是 vuejs 但是不管用什么框架 都是可以直接使用的, 格式是value, label , children 的格式,但是没有海外的数据

2020-05-20

Head First Ajax 中文版

Head First Ajax 中文版, Head First Ajax 中文版, Head First Ajax 中文版

2018-05-21

Head First Jquery 中文版

Head First Jquery 中文版, Head First Jquery 中文版, Head First Jquery 中文版

2018-05-21

[锋利的jQuery]

[锋利的jQuery]

2018-05-21

JavaScript+DOM编程艺术

JavaScript+DOM编程艺术, JavaScript+DOM编程艺术, JavaScript+DOM编程艺术,

2018-05-21

javascript面向对象编程

javascript面向对象编程, javascript面向对象编程, javascript面向对象编程

2018-05-21

学习JavaScript数据结构与算法

学习JavaScript数据结构与算法, 学习JavaScript数据结构与算法, 学习JavaScript数据结构与算法

2018-05-21

MongoDB权威指南(中文版)

MongoDB权威指南(中文版), MongoDB权威指南(中文版), MongoDB权威指南(中文版)

2018-05-21

Head First SQL 中文版

Head First SQL 中文版, Head First SQL 中文版, Head First SQL 中文版

2018-05-21

笨办法学.Python.(第三版)

笨办法学.Python.(第三版),

2018-05-21

Vue.js 前端开发 快速入门与专业应用

Vue.js 前端开发 快速入门与专业应用

2018-05-21

深入REACT技术栈 ,陈屹著 ,P351 ,2016.11

深入REACT技术栈 ,陈屹著 ,P351 ,2016.11, 深入REACT技术栈 ,陈屹著 ,P351 ,2016.11

2018-05-21

AngularJS权威教程

AngularJS权威教程, AngularJS权威教程, AngularJS权威教程

2018-05-21

Node.js基础开发指南_中文正版

Node.js基础开发指南_中文正版, Node.js基础开发指南_中文正版, Node.js基础开发指南_中文正版

2018-05-21

videojs 包含css 和js

通常使用html自带视频标签会有很多手机端兼容性,使用videojs 可以解决大部分设备的兼容性,目前我用的时候解决项目的需求

2018-05-21

mobiscroll-2.13.2.full 包含css和js

相信用过mobiscroll的都知道 ,这个是mobiscroll-2.13.2 版本,包含css和js

2018-05-21

CSS禅意花园

是一本很经典的书籍,适合刚入门前端,初级,中高级。。。。

2018-05-21

Head First HTML与CSS 第2版 中文版

Head First HTML与CSS 第2版 中文版,适合零基础想学习css的爱好者

2018-05-21

精通CSS:高级Web标准解决方案(第2版)

适合入门级别的前端开发爱好者,回顾css知识的前端开发者

2018-05-21

HTML语言教程(完整版)

适合零基础学习html的兴趣爱好者,回顾html的前端开发者

2018-05-21

HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站

HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站 陈婉凌编著_清华大学出版社_2015.01_P340_完整版 PDF电子书下载 带书签目录

2018-05-21

【图灵】响应式Web设计:HTML5和CSS3实战.pdf

响应式Web设计:HTML5和CSS3实战, 响应式Web设计:HTML5和CSS3实战, 响应式Web设计:HTML5和CSS3实战, 响应式Web设计:HTML5和CSS3实战, 响应式Web设计:HTML5和CSS3实战, 响应式Web设计:HTML5和CSS3实战

2018-05-21

mobiscroll.custom-2.6.2.min.css

mobiscroll.custom-2.6.2.min.css,mobiscroll.custom-2.6.2.min.css,mobiscroll.custom-2.6.2.min.css,mobiscroll.custom-2.6.2.min.css

2018-03-12

mobiscroll.custom-2.6.2.min.js

mobiscroll.custom-2.6.2.min.js mobiscroll.custom-2.6.2.min.js mobiscroll.custom-2.6.2.min.js mobiscroll.custom-2.6.2.min.js mobiscroll.custom-2.6.2.min.js

2018-03-12

空空如也

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

TA关注的人

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