自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

YangJack-前端开发

深圳-前端开发工程师

  • 博客(94)
  • 资源 (1)
  • 收藏
  • 关注

原创 2020年百度,字节前端面试题小结

最近去面试的大概总结-前端开发相关头条一面:1.小程序的本质是什么,如何实现的2.webpack中的loader可以用plugin实现么3.强缓存和协商缓存的具体流程及其中的一些细节笔试题做了:1.用reduce实现一个map2.实现一个bind函数3.evetloop的问题4.实现一个事件监听函数5.大数相加百度一面:一、口述问题:1、原型链 (写一个构造函数,然后new出了个对象,考察__proto__ 和prototype,原型链那张图背下来就完事)2、js运行机制 (ev

2020-08-10 14:22:50 1038

原创 2020前端面试题目

最近面试招人,加上自己面试各种公司的经历(深圳),不定期补充一些面试常问的问题,分享给大家,理论问题为主,笔试的话建议大家直接去刷题哦。1.什么是BFC?一个块格式化上下文(block formatting context)是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域,也是浮动层元素进行交互的区域。2.http协议理解,说一下状态码3.为什么会跨域 如何处理跨域?4.js 微任务 (主程序和和settimeout都是宏任务,两个promise是微任务宏任务:当前调用栈中执行

2020-06-29 17:25:29 785

原创 小程序左滑删除功能

在使用wepy框架中,对左滑删除功能做解释,通过touch事件的起止,完成事件的绑定和数据刷新,来达到效果,大致代码如下:wxml <view class="touch-item" @touchstart="touchS" @touchmove="touchM" @touchend="touchE" data-index="{{idx}}" style="{{value.posi

2018-08-21 11:09:40 942

转载 使用 ES2017 中的 Async(异步) 函数 和 Await(等待)

ES2017 在 6 月最终敲定了,随之而来的是广泛的支持了我最喜欢的最喜欢的JavaScript功能: async(异步) 函数。如果你也曾为异步 Javascript 而头疼,那么这个就是为你设计的。如果你没有的话,那么你有可能是个天才。Async(异步) 函数或多或少允许你编写顺序的 JavaScript 代码,而无需将所有逻辑包装在 callbacks(回调),generato...

2018-08-17 08:51:16 2002

转载 axios在vue中的简单配置与使用

一、安装1、 利用npm安装npm install axios --save2、 利用bower安装bower install axios --save3、 直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>二、例子1、 发送一个GET请求//通过给定的ID...

2018-08-16 10:42:46 1570

转载 vue给不同环境配置不同打包命令

vue给不同环境配置不同打包命令 第1步:安装cross-env?1npm i --save-dev cross-env第2步:修改各环境下的参数在config/目录下添加test.env.js、pre.env.js。修改prod.env.js里的内容,修改后的内容如下:?123456'use strict'm...

2018-08-16 10:31:22 1229

原创 学习小程序遇到的问题总结

学习小程序遇到的问题1.小程序中无法长按图片扫描识别公众号二维码,可以通过自带的api中wx.previewImage来进行预览图片的操作,保存至本地后可操作。但例外的是,可以识别小程序码。2.WebSocket是HTML5开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 在WebSocket API中,浏览器和服务器只需要做一个握手的动作,然后,浏览器和服务器之间就形成了一条...

2018-06-06 09:48:17 3246

原创 数组和JSON不同的遍历方法总结

项目中对于数组和JSON数组不同的遍历方法总结 最近也在开发小程序,各种爬坑<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> &a

2018-03-07 16:28:17 735

转载 前端面试题整理汇总100题

1.一些开放性题目1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发?4.平时是如何学习前端开发的?5.未来三到五年的规划是怎样的?position的值, relative和absolute分别是相对于谁进行定位的?absolute :生成绝对定位的元素, 相对于最近一级的 定位不是 static

2018-02-04 10:38:37 25956 4

原创 springMVC入门增删改查理解

springMVC入门增删改查理解真的好久没有发原创博文了,懒惰啊!最近忙于对H5页面的理解,工作大都是前端移动端的工作,虽然技能熟练和代码理解深刻了,但对于目前的状态来说,自我提升的时间太少,公司是主要开发java web的项目,所以不得不对java框架的增删改查做到熟练使用,起码不用等到后台java大神给到我接口数据,自己能理解原理,自己去数据库拿到数据,开发起来更方便些。再来前端工程师掌握一门

2017-08-24 10:05:46 13586 2

转载 从零开始搭建SpringMVC框架以及最简单的 Hello World 实例

从零开始搭建SpringMVC框架以及最简单的 Hello World 实例 <div class="article_manage clearfix"> <div class="article_l"> <span class="link_categories"> 标签: <

2017-07-20 11:35:27 853

转载 由浅入深-谈如何面试Javascript工程师

以小见大、由浅入深-谈如何面试Javascript工程师 转自:蒋宇捷的专栏  转载原因:不仅仅是面经,更加了解了需要学习的还有很多。面试JavaScript工程师难吗?javascript工程师的水平参差不齐,如何评定他们技术水平的高低?如何确定Javascript工程师适合承担哪方面的任务?我在腾讯时的面试经验是,通过不同纬度的结构化

2017-07-04 10:41:59 788

转载 什么是vue.js?(概念很清楚)

Vue.js新手入门指南最近在逛各大网站,论坛,以及像SegmentFault等编程问答社区,发现Vue.js异常火爆,重复性的提问和内容也很多,楼主自己也趁着这个大前端的热潮,着手学习了一段时间的Vue.js,目前用它正在做自己的结业项目。在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以PHP+模版引擎为主的开发,从一个从未接触过除HTML+CSS+JavaScr

2017-06-01 15:35:30 19660 5

原创 localStorage-“增删改查”

学习vue.js,依赖HTML5的新特性来实现前端模拟数据库的存储,和数据的增删改查。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> h3{ columns: 200px 3;

2017-05-23 14:33:59 11344 3

原创 npm(包管理器)安装vue

最近工作前端开发上,准备学习vue.js 该框架可以直接script引用加载,也可以通过npm包管理器安装。 在用 Vue.js 构建大型应用时推荐使用 NPM 安装, NPM 能很好地和诸如 Webpack 或 Browserify 模块打包器配合使用。 Vue.js 也提供配套工具来开发单文件组件。详细的安装流程和中文文档: https://vuefe.cn/v2/guide/install

2017-05-23 09:49:21 2133

转载 移动端web整理

meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式viewport模板常见问题移动端如何定义字体font-family移动端字体单位font-size选择px还是rem

2017-05-15 17:25:25 447

转载 LayDate 时间选择插件的使用介绍

使用实例:[html] view plain copy print?<span style=“font-size:18px;”><!doctype html>  <html>  <head>  <meta charset=“utf-8”>  <title>layDate 调用实例</title>  <script src=“laydate/laydate.js”></script>  <style

2017-05-12 11:37:48 2684

转载 基础 JavaScript 装逼指南

文章目录SummaryBooleanNumberIIFEClosureEventparseIntHex«BTWOthers导语:以下JavaScript代码仅为探讨交流,在实际情况中建议合理酌情使用,有些能给你的代码带来加分项,有些则是扣分,祝你装逼成功!Summary本文秉承着你看不懂是你sb,我写的代码就要牛逼的理念来介绍一些js的装逼技巧。下面的技巧,后三个,请谨慎用于团队项目中(主要考虑到可

2017-05-02 11:35:27 862

转载 JS<script> 一定要放在 Body 的最底部吗

文章目录一、从一个面试题说起“页面渲染出来了” 指的是什么?陷阱二、浏览器的渲染机制几个概念浏览器的渲染过程看 Timeline,一目了然三、问题的答案四、总结、再进一步说明:本文提到的浏览器均是指Chrome。“script标签“指的都是普通的不带其他属性的外联javascript。web性能优化的手段并不是非黑即白的,有些手段过头了反而降低性能,所以在讨论条件和结论的时候,虽然很多条件本身会带来

2017-05-02 10:17:32 8672

转载 前端性能优化

我的前端学习历程  很难想象一个半年前还在做后台开发,对前端知之甚少的我,现在也可以从事前端开发了。这半年的学习过程将会是我人生一笔宝贵的财富,这让我想到一句话“在成长的道路上,我们不要给自己设定界限,只要拥有成长的力量,就能不断超越自己”。 下面以我自己的经历讲讲前端的学习过程。阅读目录Jquery基础知识准备CSS学习与技巧代码优化总结回到顶部Jquery基础知识准备  学习前端需要掌

2017-04-28 14:59:10 1014

转载 前端优化最佳实践及工具

Web前端优化最佳实践及工具集锦发表于2013-09-23 19:47| 21315次阅读| 来源Googe & Yahoo| 118 条评论| 作者王果 编译 Web优化Google雅虎PageSpeedYSlow摘要:前端的性能对于Web应用的用户体验来说非常重要。不要以为你的Web应用的性能已经足够好了,其实还会有很多可以提升的地方。本文将介绍Google和雅虎关于前端优化的最佳实践以及

2017-04-28 08:48:29 565

转载 移动web前端开发总结

工作笔记:移动web页面前端开发总结   移动web在当今的发展速度是一日千里,作为移动领域的门外汉,在这段时间的接触后,发现前端开发这一块做一个小小的总结。   1.四大浏览器内核 1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额,所以以前有很多网页是根据这个Trident的标准来编写的,但是实际上这个内核对真正的网页标准支持不是很好,同

2017-04-28 08:40:03 1000

转载 Sea.js入门教程

下载与安装要在项目中使用SeaJS,你所有需要做的准备工作就是下载sea.js然后放到你项目的某个位置。 SeaJS项目目前托管在GitHub上,主页为 https://github.com/seajs/seajs/ 。可以到其Git库的build目录下下载sea.js(已压缩)或sea-debug.js(未压缩)。 下载完成后放到项目的相应位置,然后在页面中通过<script>标签引入,你就可

2017-04-27 15:20:38 1232

原创 CSS3-@media媒体查询使用总结

准备工作1:设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码,来兼容移动设备的展示效果:html 代码1<name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 这段代码的几个参数解释: width = device-width:

2017-04-27 14:32:40 4828 2

转载 MyISAM与InnoDB区别

MyISAM 和InnoDB 讲解  InnoDB和MyISAM是许多人在使用MySQL时最常用的两个表类型,这两个表类型各有优劣,视具体应用而定。基本的差别为:MyISAM类型不支持事务处理等高级处理,而InnoDB类型支持。MyISAM类型的表强调的是性能,其执行数度比InnoDB类型更快,但是不提供事务支持,而InnoDB提供事务支持以及外部键等高级数据库功能。  以下是一些细节和具体实现

2017-04-26 10:12:22 359

转载 JS解析json数据(怎么把json字符串转化为数组)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><SCRIPT LANGUAGE="JavaScript"> var t="{'firstName': 'cyra', 'lastName': 'richardson', 'addre

2017-04-25 13:49:04 13616 1

原创 myeclipse修改主题颜色

推荐一个好用的网址,里面有很多的配色url:http://www.eclipsecolorthemes.org/?view=theme&id=66下载页面右侧的“Eclipse Preferences(EPF)-for Eclipse Import”。直接右键另存为,就可以下载到这个配色方案的epf文件。将该epf文件存放在系统某目录下打开myeclipse->File->Import->Ge

2017-04-21 09:58:04 2384

原创 移动端响应适设计

-最近在学习移动端的响应适布局,收集些系统的干货在博客备用。响应式布局就是响应式设计方案呈现的效果。具体就是页面的布局会根据不同设备的显示面积(主要是宽度)的不同而呈现不同的布局,这个效果是比弹性的布局更好的地方是样式会主动地根据用户的设备的显示面积呈现的布局更灵活,可读性更强。当然对研发的要求也更高(比如说如何更好地让图片,适配,UI动画自适应各种布局)。响应式设计一般来说是一套设计方案解决所有的

2017-04-21 06:01:12 597

原创 Java Web基础知识

搭建Java Web开发环境 1) JDK7.0 2) Tomcat7.0 3) MyEclipse10 Tomcat安装文件是一个绿色的压缩包,只需要解压缩到拟安装的位置即可 Tomcat环境变量配置:新建系统变量CATALINA_HOME,值为:Tomcat的根目录 Tomcat首页测试:首先,启动Tomcat服务器,startup.bat;其次,打开浏览器,输入htt

2017-04-20 06:24:11 1194

转载 ZooKeeper的安装与部署

ZooKeeper的安装与部署 <div class="article_manage clearfix"> <div class="article_l"> <span class="link_categories"> 标签: <a href="http://www.csdn.net

2017-04-19 15:24:50 705

转载 Tomcat的安装与配置

1、下载 到Apache的官方网站,我们可以很容易找到Tomcat的下载地址,如: http://tomcat.apache.org/download-60.cgi 在这里我们可以下载到Tomcat的8.0.28的zip、tar.gz和Windows Service Installer三种安装包,其中: Zip是Windows下的免安装版本,只需要解压后做一定的手动配置就可以正常的使用;

2017-04-19 09:47:43 1138

转载 viewport实现响应式设计

1. 不使用viewport出现的问题提到响应式设计,大家首先想到的可能是 Bootstrap , @media 。前者是一个响应式UI库,风格比较扁平化,类似的还有雅虎的Pure。@media是CSS3的属性,利用它可以在不依赖其他库的情况下实现响应式设计。如果你使用过媒体查询,应该熟悉下面的代码: 可查看github下载实例代码 @media screen and (min-

2017-04-18 14:20:31 1127

转载 Windows cmd命令行常用命令

winver 检查Windows版本 wmimgmt.msc 打开Windows管理体系结构(wmi) wupdmgr Windows更新程序 wscript Windows脚本宿主设置 write 写字板 winmsd 系统信息 wiaacmgr 扫描仪和照相机向导 winchat xp自带局域网聊天 mem.exe 显示内存使用情况 msconfig.exe 系统配置实用程序

2017-04-15 16:21:41 5372

转载 PHP常见面试题和答案

PHP面试题及答案 <div class="article_manage clearfix"> <div class="article_l"> <span class="link_categories"> 标签: <a href="http://www.csdn.net/tag/P

2017-04-12 22:27:50 1513

转载 浏览器兼容与前端性能优化集合

一、浏览器兼容1.1、概要世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题。不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各种运行平台还存在差异、屏幕分辨率不一样,大小不一样,比例不一样。兼容性主要考虑三方面:1)、CSS兼容2)、JavaScript兼容3)、HTML兼容这三类也是前端的主要组成部分,都存在一定的兼容性问题

2017-04-09 23:34:32 5935 1

原创 博主github项目分享

https://github.com/garvisjack仅供各位学习web开发的朋友参考借鉴。

2017-04-08 22:10:44 355 2

原创 版本管理工具-Git

版本管理工具-Git在我们学习编程的时候,一个项目的代码量很多,同事之间各司其职,这个时候统一项目的代码,完善项目的流程就非常重要了,像Git,Svn都是非常棒的项目管理工具,以下总结一下相关的简单用法,部分是慕课网的学习方法什么是版本管理工具呢? 版本控制工具: 1.文件备份 2.记录历史 3.回到过去 4.多端共享 5.独挡一面 6.团队合作发展历史 下载客户端 GitHu

2017-04-08 20:48:05 446

原创 linux-为php添加curl扩展

写项目的过程中,需要用到手机验证码的接口,其中需要crul的扩展,windows下直接开打extension就可以了,以下是linux下开启php扩展的方法步骤如下:1. 进到对应扩展目录# cd /usr/root/lamp/php-5.4.3/ext/curl2. 调用phpize程序生成编译配置文件# /usr/lamp/php5/bin/phpize3. 调用configure生成Makef

2017-03-28 10:44:55 665

原创 资源分享-教程:linux下安装lnamp环境

资源分享->linux下安装lnamp环境1. 昨天自己花费了10几个小时,用源码包在阿里云服务器下的Centos6.8环境下安装了lamp环境,配置了redis,上线设置了自己的小电商项目。2. 不用一键安装包的原因,是想熟悉一下linux的指令操作,理清一下各个软件tar包之间的逻辑,为良好的进阶打下基础3. 安装环境真的好不容易,这里友情分享一下我的安装文档和教程指导文件,以及我认为比较好用的

2017-03-26 23:21:12 888

原创 navicat:Can't connect to MySQL server (10060)

Can’t connect to MySQL server (10060)昨天买了一个阿里云的ECS服务器,自己用源码程序搭建了lnamp的环境,准备上线自己写的电商项目,说多了都是泪,linux刚学不多,搭建环境弄了10几个小时,陆陆续续遇到了很多神奇的问题,权限,文件丢失,防火墙等; 这边需要连接数据库,跨服务器导入我的数据表到云上,遇到的问题,起初我设置了自己win下的防火墙设置以为是电脑的

2017-03-26 16:38:56 2980

前台模版-仿一号店完美电商主页

学习过程中,自己原创,纯代码敲出来的,电商前台主页,这里分享给大家,bug不多,懂的人自然可以修改,原创,质量保证,首发。

2017-03-02

空空如也

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

TA关注的人

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