积码成猿-CSDN博客

原创子类有定位父类border-radius overflow-hidden 失效的解决方案（最新）

父类加overflow: hidden; 或者position: relative; 或者z-index:1; 或者transform:translate3d(0,0,0);效果都达不到预期解决：在父类加属性：clip-path: circle(235rpx);既可以解决；

2021-08-23 15:51:39 154

原创美团meituan 2.0 vuejs项目记录

<h2>Summary of project questions 项目问题点总结：</h2> 一,touch的使用以下是四种touch事件 touchstart: //手指放到屏幕上时触发 touchmove: //手指在屏幕上滑动式触发 touchend: //手指离开屏幕时触发 t...

2018-12-16 17:11:41 443

Vue所有的生命周期钩子自动绑定在this上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法。这是因为箭头函数绑定了父上下文，因此this与你期待的Vue实例不同。1、beforeCreate　　在实例初始化之后，数据观测和event/watcher时间配置之前被调用。2、created　　实例已经创建完成之后被调用。在这一步，实例已经完成以...

2018-05-13 17:35:00 978

转载 es6 javascript对象方法Object.assign()

1 基本用法Object.assign方法用于对象的合并，将源对象（ source ）的所有可枚举属性，复制到目标对象（ target ）。[javascript] view plain copy var target = { a: 1 }; var source1 = { b: 2 }; var source2 = { c: 3 }; Object.assign(target, sour...

2018-05-12 22:44:03 520

转载说说JSON和JSONP，也许你会豁然开朗，含jQuery用例

前言说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。而这就是本文将要讲述的内容。 JSON和JSO...

2018-05-10 22:36:04 181

转载透彻理解JSONP原理及使用

原 2016年09月27日 14:54:44阅读数：42048 什么是JSONP首先提一下JSON这个概念，JSON是一种轻量级的数据传输格式，被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现，所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。那么JSONP是什么呢？首先抛出...

2018-05-10 22:19:37 2071

原创 HTTP详解

一、在客户端打开一个网址所经历事情：a、Request请求阶段 1、根据客户端输入的域名到DNS服务器进行反解析（通过域名找到对应服务器的外网IP） 2、通过找到的外网IP 找到对应的服务器 3、通过在地址栏输入的端口号（没有输入是因为不同协议有自己默认的端口号）找到服务器上发布的对应项目b、Response响应阶段 4、服务器获取到请求资源文件的地址例如： /stu...

2018-04-08 14:46:54 545

转载 Chrome添加扩展程序

Chrome无法添加来自此网站的应用怎么办https://jingyan.baidu.com/article/e3c78d64a5dcc43c4c85f58c.html如何离线安装Chrome最新版本或某一特定版本？https://jingyan.baidu.com/article/8ebacdf00a711649f65cd5e5.html如何离线安装Chrome插件?https://jingya...

2018-04-08 06:55:37 2661

转载【Git】之Git使用案例

本帖主要介绍一下Git在实际项目开发中的使用流程，包括克隆、暂存、提交、推送、拉取、分支、冲突解决等，暂时还不包括回退。1、首先需要安装Git，下一步下一步就行，这里就不说了。值得一提的是，如果Git安装成功，当你在某个文件夹下点击鼠标右键的时候，弹出的菜单中会有一项是Git Bash Here，点击这一项就可以弹出Git的控制台，我们对Git的所有操作都会在这个控制台中进行：2、然后我们需要在G...

2018-03-18 07:30:06 405

原创 vuejs之---$mount()

所遇到问题之一：ReferenceError: vm is not defined[详细了解]demo.html:108:1深入之后发现还有后面情况 $mount手动挂载一说，此处应该写为app.$mount("#app");或者在new vue 括号里面el:#app;Vue 的$mount()为手动挂载，在项目中可用于延时挂载（例如在挂载之前要进行一些其他操作、判断等），之后要手动挂载上。ne...

2018-03-11 15:06:51 9124

转载 vue2.0 transition -- demo实践填坑

原文地址：https://www.cnblogs.com/jr1993/p/vue.html前言vue1.0版本和2.0版本的过渡系统改变还是蛮彻底的，具体请自行详看文档介绍：https://vuefe.cn/v2/guide/migration.html#过渡。在使用2.0版本做过渡效果的时候，虽然比1.0版本强大很多，但是实践过程中还是踩了一些不应该踩但是还是踩了的坑。虽然官网文档已经很详细地...

2018-03-11 12:22:20 152

转载 Vue2.0 Transition常见用法全解惑

Vue2.0的过渡系统（transition）有了很大的改变，想把1.0的项目迁移到2.0，着实需要费一些功夫，今天我就要把vue2.0的过渡系统的用法搞清楚，因为之前确实踩了不少坑。这里只涉及单元素/组件的过渡实现，vue2.0的文档中还讲到了初始渲染的过渡、多个元素的过渡、多...

2018-03-11 09:01:53 4081

转载 vue组件之间互相传值：父传子，子传父

今看到一篇很不错的vue组件传值文章，便于理解，遂做笔记～一般页面的视图App.vue应为这样一.父组件向子组件传值1.创建子组件，在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props，然后创建一个名为message的属性3.在App.vue中注册Child组件，并在template中加入child标签，标签中添加message属性并赋值4.保...

2018-03-10 16:35:52 17261 1

转载 IE6&7下使用CSS3（ie-css3.htc的使用及加强版）

做前端的同学都应该听说或者用过，是一段脚本，可以让ie实现css3里的圆角和阴影效果。css带来的便利是很容易感受的到的，但恶心的是它在ie下的不兼容，所以某位牛人现身写了个ie-css3.htc，允许你在ie下去使用css3的部分东西。ie-css3的使用方法很简单，在你需要使用css3的样式里加入behavior: url(js/ie-css3.htc);就可以了（括号里是ie-css3.ht...

2018-03-09 06:07:00 205

转载前端开发必备之MDN文档

标签：前端 /文档 /mozilla /w3c 想下载MDN文档的看前面的内容就可以了。MDN官方下载地址：https://developer.mozilla.org/media/developer.mozilla.org.tar.gz360云盘分流地址：http...

2018-03-07 14:20:31 11090

转载前端性能优化（JavaScript补充篇）

JavaScript文件加载管理浏览器中的JavaScript代码是一个棘手的问题，因为代码执行会阻塞浏览器，比如界面绘制。每次遇到<script>标签，浏览器都会停下来等待代码下载并执行，然偶再继续处理其他部分。我们可以通过如下几种方法来减少JavaScript文件对性能的影响将JS文件放在页面底部将所有<script>标签放置在页面的底部，紧靠body关闭标签</...

2018-03-06 09:45:38 175

转载前端性能优化（CSS动画篇）

最近拜读了一下html5rocks上几位大神写的一篇关于CSS3动画性能优化的文章，学到了很多，在这里记录一下，其中的知识都是来源于这俩篇文章，我只是截取了其中比较关注的内容出来，原文地址High Performance Animations及Accelerated Rendering in Chrome原理现代浏览器在使用CSS3动画时，以下四种情形绘制的效率较高，分别是：* 改变位置* 改变大...

2018-03-06 09:07:14 329

转载响应式布局—设备像素密度测试

响应式布局—设备像素密度测试 (-webkit-min-device-pixel-ratio)最近遇到这种头疼的问题，百思不得其解，不耻下问，悬梁刺股这些事情都做过之后，终于看到希望，于是攒见好就收，感觉整理分享给大家，希望有所帮助。对手机分辨率和网页像素的初步认识是，是2倍的差别。但是让人费解的是为什么还要 1.325 这种数据呢，原来是这么回事：举个栗子：以下是我摘抄并翻译的...

2018-03-05 14:52:49 354

原创 ES6 学习笔记

参考：http://jsrun.net/tutorial/JZKKp1.let命令1）let和var的区别：let声明的变量只有所在的代码块有效。2）没有变量的提升，一定要声明后使用。使用let命令声明变量之前，该变量都是不可用的。形成“暂时性死区”。3）typeof 不再是一个百分之百安全的操作。2.块级作用域1）es5和es6比较：es5 只有全局作用域和函数作用域，没有块级作用域。2）le...

2018-03-03 11:57:43 253

转载 JavaScript 命名空间使用介绍

使用过Java、C#的同学对命名空间非常的熟悉，在复杂的系统中会有N多的函数、对象，语言提供的、架构预定义的，这么多的函数和对象，由于编程规范要求起有实际意义的名字，难免会重名发生错误调用，而有了命名空间烦恼就没有了，不但可以分类组织函数与对象，还可以形成隔离，解决重名问题。使用JavaScript就没有这么舒服了，Javascript只有函数作用域，什么块儿啊、神马文件啊统统都认为是一个命名空间...

2018-03-03 10:30:36 268

转载 JavaScript prototype 使用介绍

用过JavaScript的同学们肯定都对prototype如雷贯耳，但是这究竟是个什么东西却让初学者莫衷一是，只知道函数都会有一个prototype属性，可以为其添加函数供实例访问，其它的就不清楚了，最近看了一些 JavaScript高级程序设计，终于揭开了其神秘面纱。每个函数都有一个prototype属性，这个属性是指向一个对象的引用，这个对象称为原型对象，原型对象包含函数实例共享的方法和属性，...

2018-03-03 09:51:53 171

原创 git命令使用大全

git及Linux操作下载地址： https://git-scm.com/download/win14,Decgit与svn区别svn 集中式 git分布式代码管理 svn需要中央服务器git上传下载要快些svn每个文件夹都有个.svn文件 git在init项目有个.git文件git命令git config –global -l 查看全局配置git config –global ...

2018-03-01 14:53:00 220

原创 Github如何上传本地项目

第一步：创建一个本地的版本库（其实也就是一个文件夹）。右击新建文件夹，或者右击打开Git bash命令行窗口通过命令来创建。现在通过命令行在桌面新建一个TEST文件夹（也可以在其他任何地方创建这个文件夹），并且进入这个文件夹第二步：通过命令git init把这个文件夹...

2018-02-28 05:53:14 545

转载推荐 github使用

原文出处：涂根华的博客一：Git是什么？ Git是目前世界上最先进的分布式版本控制系统。二：SVN与Git的最主要的区别？ SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版本控制系统是必须联网才能工作，如果在局域网还可以，...

2018-02-26 21:54:29 258

转载 vue2.x饿了吗实战总结

vue2.x仿饿了么app项目总结仿饿了么app是基于vue2.x最新实战项目，用到的技术栈vue2 + vue-router2 + vue-cli2+ axios + stylus + webpack2 + node.js页面相对简单，所以没有用到vuex，它更适合对复杂的单页面进行状态管理实现功能：• Goods、Ratings、Seller组件视图均可上下滚动• 商品页点...

2018-02-26 07:10:26 1477

转载 S8 走马观花（ECMAScript2017 新特性）

什么是 ES8ES8 是 ECMA-262 标准第 8 版的简称，从 ES6 开始每年发布一个版本，以年份作为名称，因此又称 ECMAScript 2017，简称 ES2017。每年一个版本两个版本之间间隔时间太久（从 ES5 到 ES6 经历了 6 年）会有以下两个问题：有很多早已讨论完毕的特性需要等到标准的大版本发布才能进入标准有一些特性本身比较复杂，需

2018-02-05 17:26:49 211

转载 axios的封装

找了很多axios的封装，终于组拼出了自己的axios喜欢的同学。麻烦给个star，谢谢 https://github.com/zaofeng/just_for_base import axios from 'axios'import qs from 'qs'let axiosIns = axios.create({});if (process.env.NODE_ENV ==

2018-02-05 17:25:13 605

原创对json 与jsonp的理解

一，json在js中是对象和数组，常用的json就是将json转换成字符串，字符串转换成对象。 json是一种数据交换的文本格式，目的是取代繁重的xml json常用Api： json.stringify({a:10,b:20}); //json转换成字符串 json.parse('{"a":10,"b":20}') //字符串转换成json 推荐文章：http://blog.csdn.net...

2018-01-30 09:56:09 404

原创 javascript相关面试题汇总

1.undefined与null详细讲解null是一个表示"无"的对象，转为数值时为0 undefined是一个表示"无"的原始值，转为数值时为NaN 当声明的变量还未被初始化时，变量的默认值为undefined null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象 undefined表示 “缺少值”，就是此处应该有一个值，但是还没有定义。典型用法是： 1. 变量被声明了，但没有...

2018-01-30 09:54:38 297

转载 Javascript 严格模式详解

一、概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的，主要有以下几个：　　- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;　　- 消除代码运行的一些不安全之处，保证代码运行的安全；　　- 提高编译器

2018-01-27 21:47:17 119

转载 JavaScript Source Map 详解

这是2.0版之前的最后一个新版本，有很多新功能，其中一个就是支持Source Map。访问 http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js，打开压缩后的版本，滚动到底部，你可以看到最后一行是这样的：　　//@ sourceMappingURL=jquery.min.map这就是Source Ma

2018-01-27 21:43:32 1562

转载 Javascript 面向对象编程（一）：封装

学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。下面就是我的学习笔记，希望对大家学习这个部分有所帮助。我主要参考了以下两本书籍：《面向对象的Javascript》（Object-Oriented JavaScript）《Javascript高级程序设计（第二

2018-01-27 21:21:30 150

转载 undefined与null的区别

大多数计算机语言，有且仅有一个表示"无"的值，比如，C语言的NULL，Java语言的null，Python语言的None，Ruby语言的nil。有点奇怪的是，JavaScript语言居然有两个表示"无"的值：undefined和null。这是为什么？一、相似性在JavaScript中，将一个变量赋值为undefined或null，老实说，几乎没区别。var a = und

2018-01-27 21:17:48 178

转载比Bootstrap还好用的CSS 框架 Bulma --教程

CSS 框架 Bulma 教程网页样式需要大量时间开发，最省事的方法就是使用 CSS 框架。Bootstrap 是最著名的 CSS 框架，但是今天我想推荐另一个更轻量化、更易用的框架----Bulma。有了它，即使完全不懂 CSS，也可以轻而易举做出美观的网页。我要感谢 100offer 对我提供赞助。100offer 是国内第一流的人力资源网站，本文结尾有他们的简

2018-01-27 21:12:54 9061

转载 javascript运行机制

一年前，我写了一篇《什么是 Event Loop？》，谈了我对Event Loop的理解。上个月，我偶然看到了Philip Roberts的演讲《Help, I'm stuck in an event-loop》。这才尴尬地发现，自己的理解是错的。我决定重写这个题目，详细、完整、正确地描述JavaScript引擎的内部运行机制。下面就是我的重写。进入正文之前，插播一条消息。我的新书《ECM

2018-01-27 21:05:41 439 1

转载常见的浏览器兼容性问题总结

1. 不同浏览器的标签默认外补丁margin和内补丁padding不同发生概率：100%解决方案：使用CSS通配符*，设置内外补丁为0*{ margin: 0; padding: 0;}2. 块属性标签float之后，又有横向的margin值，在IE6中显示会比设置的大（IE6双边距bug）发生概率：90% 解决方案：在float标签样式控制中加入display:

2018-01-27 09:21:50 26434

原创 HTML兼容性问题

1. png24位的图片在iE6浏览器上出现背景解决方案：做成PNG8，也可以引用一段脚本处理.2. 浏览器默认的margin和padding不同解决方案：加一个全局的 *{margin:0;padding:0;} 来统一。3. IE6双边距bug：在IE6下，如果对元素设置了浮动，同时又设置了margin-left或margin-right，margin值

2018-01-27 09:11:26 812

转载欲练JS，必先攻CSS——前端修行之路

今天我讲的主题是css，具体聊一下我大概的css学习历史，分享一些干货，希望这次分享对大家有所启发和帮助。个人的css历史说说自己的css学习的历史，12年，当时是老师手把手1对1教我div+float的固定布局，所有元素全部用float，做了学生会网站的全部前端页面，因为有段时间学PS比较多，也是自己做的UI，很丑，老师说第一次做成这样很不错了，那时老师就觉得我有做前端的天赋，我

2018-01-25 21:09:26 133

转载 vuejs开发的命名规范

views 命名views 文件夹下面是由以页面为单位的 vue 文件或者模块文件夹组成的，放在 src 目录之下，与 components、assets 同级。views 下的文件夹命名views 下面的文件夹代表着模块的名字由名词组成（car、order、cart）单词只能有一个（good: car order cart）（bad: carInfo

2018-01-25 21:00:04 3789

原创 css3手机开发

1 .justify-content: center 纵向方向居中2. text-align: center 垂直方向居中align-item: center 水平居中2.1 display:table;多行或者单行垂直居中3.vertical-align:top 顶部对齐在需要对齐的元素中添加4.display:inline-block 行内并排两个并排的元素都需要加该样式 span也需...

2018-01-24 21:30:16 182