2018年07月_编程微刊

原创 2018年各大互联网前端面试题三（阿里）

三月份有很多朋友辞职跳槽，也遇到了许许多多的面试题，在交流群里和网站上总结了一些常见的面试题，细细分析，其实基本都是万变不离其宗，所有的问题都是从某一技术点的基础出发，综合考量，如果懂得了这项技术的原理所在，题目答起来内容都差不多能答对。基础简单介绍一下自己，为什么选择做前端？说下你所在的EPI实验室和CTG工作室是干什么的？介绍下你最近的项目？说出你觉得自己身上最优秀的能力？说出你未来的规划？你...

2018-07-12 13:53:55 207

转载 2018年各大互联网前端面试题四（美团）

三月份有很多朋友辞职跳槽，也遇到了许许多多的面试题，在交流群里和网站上总结了一些常见的面试题，细细分析，其实基本都是万变不离其宗，所有的问题都是从某一技术点的基础出发，综合考量，如果懂得了这项技术的原理所在，题目答起来内容都差不多能答对。基础首先介绍一下自己最近的项目？项目介绍一下，最有成就感的一个项目？介绍一下你自己对自己满意的能力？为什么学前端？除了前端你还写什么？你认为前端的主要工作职责是什...

2018-07-12 13:53:00 245

原创 2018年各大互联网前端面试题五（今日头条）

基础行标签都有哪些？特点？img标签的用法请描述一下cookies，sessionStorage和localStorage的区别？一个div，高度是宽度的50%，让该div的宽度占据整个屏幕，然后能自适应，垂直居中，怎么实现？针对移动浏览器端开发页面，不期望用户放大屏幕，且要求“视口（viewport）”宽度等于屏幕宽度，视口高度等于设备高度，如何设置？概念Bom是什么？列举你知道的Bom对象。了...

2018-07-12 13:50:23 491

原创 Eclipse如何从导入SVN上导入项目

1.右键单击，选择 Import，进入导入项目窗口2.点击选择从SVN检出项目，点击Next下一步3.选择创建新的资源库位置，点击Next，如果项目之前已经导入过删除掉了，重新导入的时候，只需勾选使用已有的资源的位置（有历史记录，直接选中即可）4.在URL处输入SVN项目远程地址，点击Next5.选中检索到的远程项目，点击Next，选中时才会出现finish的状态。6：导出成功，如图所示；注：原文...

2018-07-12 13:49:08 9993

原创日历控件input框默认显示当日日期

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> &am

2018-07-12 13:48:15 8037 1

原创推荐一款优雅高效的免费在线APP原型工具

有段时间没有推荐干货给大伙了，今天是时候把压箱底的东西拿出来分享给大家了！想要学习原型图绘制的小伙伴可以看过来，适合零基础的小白，五分钟就可以上手，绘制自己想要的产品原型图。官方介绍：用户只需输入网址即可享受桌面软件级的用户体验，随时随地进行创作，项目云端存储，一键分享到精选广场，共享资源进行交流。组件级的高复用设计，方便用户在创作过程中，将设计细分，归类为库。自由方便的动画交互调试，让表达更生动...

2018-07-12 13:47:42 1828

原创 HTML5中的Web Notification桌面通知(右下角提示)

html5桌面通知(Web Notifications)对于需要实现在新消息入线时，有桌面通知效果的情况下非常有用，在此简单介绍一下这个html5的新属性。通过Web Notifications（桌面通知系统），网站可以在用户桌面弹出一条通知，无论用户是否浏览当前网页，甚至最小化了浏览器，通知均可到达用户桌面。<!DOCTYPE html><html> <h...

2018-07-12 13:47:08 262

原创 css实现简单的告警提示动画效果

需求：css实现简单的告警提示动画效果，当接收到实时信息的时候，页面弹出告警信息的动画效果<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>css实现告警提示动画</title&g

2018-07-12 13:46:37 6314

原创 ajax实现简单的点击左侧菜单，右侧加载不同网页

实现：ajax实现点击左侧菜单，右侧加载不同网页（在整个页面无刷新的情况下实现右侧局部刷新，用到ajax注意需要在服务器环境下运行，从HBuilder自带的服务器中打开浏览效果即可）原理：ajax的局部刷新原理：通过.load()重新加载页面中的某一部分，巧妙的借助data-*的自定义属性来存储数据，点击的时候修改锚点，因为地址有变，所以刷新的时候仍然会保持当前的页面内容而不是切换到第一个。遇到a...

2018-07-12 13:45:51 9956 3

原创 css实现背景半透明文字不透明的效果

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> html{ backgrou

2018-07-12 13:45:12 2030

转载【前端统计图】echarts实现属性修改

原图：原代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body

2018-07-06 10:06:47 1032

转载 Eclipse如何从SVN更新和上传修改部分项目

1：右击项目，选择team菜单，点击与资源库同步2：第一个箭头表示别人改动的部分3：右击，更新，将同事改动的部分同步到自己的项目里面4：第二个指向右边的箭头表示自己修改的文件5：右击，提交，将自己改动的项目代码提交到svn上6：红色箭头表示同时改动了同一个文件并上传到svn上产生的冲突文件注：原文作者：祈澈姑娘技术博客：https://www.jianshu.com/u/05f416aefbe19...

2018-07-06 10:05:37 3600

转载前端切图:自制简易音乐播放器

音乐播放器是一个非常常见的应用，这篇博客就是介绍如何制作一个简单的音乐播放器，这款音乐播放器具有以下的功能：图片旋转功能，点击播放，点击暂停播放的功能，音量调大调小功能，设置音频的播放时间，循环播放，自动播放，切换歌曲功能。效果如下：代码如下：<!DOCTYPEhtml><html> <head> <metacharset...

2018-07-06 10:04:53 208

转载前端切图|点击按钮div变色

<!DOCTYPE html> <html> <head> <title>点击按钮div变色.html</title> <meta charset="utf-8" /> </head&

2018-07-06 10:04:07 863

原创当鼠标聚焦时输入框变色（focus事件实例）

当鼠标聚焦时输入框变色css相关,鼠标点击<input>输入域后出现有颜色的边框原理：css伪类之input输入框鼠标点击边框变色效果伪类元素的使用：:focus一：当输入框获得焦点时，改变它的背景色效果图：当鼠标聚焦时输入内部填充色改变图片.png<!DOCTYPE html><html><head><meta charset="UTF...

2018-07-05 14:19:28 3186

原创 jedate-开始使用一款好用的时间插件

jeDate日期控件 -（原生JS版）jeDate V6.5.0 是一款原生JS开发的不依赖任何第三方库大众化的日期控件，包含多语言、设定年月（YYYY-MM）、日期范围限制、开始日期设定、自定义日期格式、根据不同的日期格式，显示不同内容。官方文档：http://www.jemui.com/uidoc/jedate.html链接：https://pan.baidu.com/s/1vJTof9...

2018-07-05 14:18:36 210

原创【组件】微信小程序input搜索框的实现

开发小程序的过程，是一个学习知识，解决问题的过程，每当实现了一个需求，总会有很大的成就感，每天记录一个开发过程中的细节。实现效果如下：官方参考链接：https://developers.weixin.qq.com/miniprogram/dev/component/input.htmlwxml: <view class='page_row' bindtap="suo"> ...

2018-07-05 14:17:59 4755

原创基于cropper.js的图片上传和裁剪

项目中要求图片上传并裁剪的功能，之前也有接触过很多图片裁剪插件，效果体验不是很好，今天推荐一款好用的插件-cropper，超级好用，裁剪功能丰富，满足了各种需求。功能：1：点击选择图片，弹出文件夹选择桌面文件2：选择文件之后，打开编辑图片的页面，开始裁剪图片插件下载地址：http://www.jq22.com/jquery-info18167插件描述：croppic图像裁剪将满足您的需求，图像加...

2018-07-05 14:17:22 171

原创经典小程序源码及其下载地址

小程序开发环境搭建好之后，https://www.jianshu.com/p/0ff8c3b2f59f，开始写代码了，对于一个对小程序了解程度半生不熟的人来说无从下手，看视频吧又太浪费时间了，那么只要有一定的前端基础，再结合一些别人的开源代码，很快就能开发出自己的产品了，在网上找了一些经典的小程序开源代码，总结了一下，留着备用。1：我要圣诞帽项目地址：https://github.com/jass...

2018-07-05 14:16:24 243

原创【前端切图】用css画一个卡通形象-小猪佩奇

最近在腾讯云技术社区遇到了一位奇才，用css画出了一个社会人小猪佩奇，不得不服。研究了一下他的文章https://segmentfault.com/a/1190000014909658，感觉甚是有趣，果断收藏。话不多说，直接贴一张生动到一塌糊涂的图。前端代码如下：<!DOCTYPE html><html><head> <title>用cs...

2018-07-05 14:15:47 236

原创如何给小程序页面加载一张背景图片

我们知道，在PC端，想在一个页面插入一张背景图，只需要如下属性即可。background-image: url("../images/photo.png"); 在小程序里面，如此做法就行不通了，图片不但不会显示而且还会报错了pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用<image/>标签。很多人...

2018-07-05 14:14:52 1955

原创微信小程序图片使用示例

小程序官方API:https://developers.weixin.qq.com/miniprogram/dev/component/image.html1：加载本地文件夹图片 <image src="/image/pig.jpg" mode="aspectFill"> </image> 2:加载服务器图片wxml: <image ...

2018-07-05 14:13:56 2559

原创基于mpvue的小程序项目搭建的步骤

mpvue 是美团开源的一套语法与vue.js一致的、快速开发小程序的前端框架，按官网说可以达到小程序与H5界面使用一套代码。使用此框架，开发者将得到完整的 Vue.js 开发体验，同时为 H5 和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程序，或开发小程序后希望将其转换为 H5，mpvue 将是十分契合的一种解决方案。Mpvue官网：http://mpvue.com/demo地址 ...

2018-07-04 10:49:34 192

原创十分钟上手-搭建vue开发环境（新手教程）

想写一些关于vue的文章已经很久了，因为这个框架已经火了很久，在公司里用的框架都比较老旧，但怎么也得跟上前端发展变化的潮流，这不，开始使用vue开发项目了，一遍开发一边踩坑中，今天要记录的是五分钟搭建vue开发环境，运行GitHub上的开源项目。步骤很简单，只是在搭建环境的过程中会遇到各种各样奇怪的报错，十分让人头疼。1：安装node端开发框架和环境都是需要 Node.js ，先安装node.js...

2018-07-04 10:47:53 230

原创如何去掉bootstrap table中表格样式中横线竖线

修改之前，表格看上去比较拥挤，因为bootstrap table插件中自带斑马线表格样式，有横线和竖线分栏，现在我们不需要这些。应UI设计的要求，要去掉中间的横线和竖线，使用了修改需求中一种简单粗暴的修改方法，打卡网页F12键，找到横线竖线所对应的位置，直接添加代码border:0px;测试成功。返回编辑器，在css里面添加.table>tbody>tr>td{ bord...

2018-07-04 10:46:35 1639

原创进阶攻略|前端最全的框架总结

前端的技术日渐更新，最近得空，花了一上午的时间，将前端常见的UI框架总结了一下，在开发的过程之中，有了这些，不断能够提高自己的工作效率，还可以在工作之余了解更多。希望大家喜欢。1.Layui官方网址：http://www.layui.com/Layui是一款采用自身模块规范编写的国产前端UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿来即用。从核心代码到API的每一处细节都经...

2018-07-04 10:45:53 797

原创进阶攻略|前端完整的学习路线

最近写了一篇关于前端一些常见轻便耐用的UI框架的小总结，很多小伙伴私信问我，要怎么学习前端，没有明确的方向，为了感谢大家的关注点赞打赏和喜欢，决定把前端的学习进阶之路稍微整理一下，也为了自己能在工作之中思路更加的清晰。姑娘水平能力火候不够尚在学习中，如有不足，欢迎批评指正补充。初级阶段阿里矢量图标库：http://www.iconfont.cn/ps使用教程：http://www.16xx8.c...

2018-07-04 10:44:12 6976

原创 2018上半年GitHub上最热门的开源项目

关注GitHub的人都知道，这个平台上面有太多优秀的值得学习的开源项目了，这里总结了2018上半年GitHub上最热门的开源项目。1： tensorflowhttps://github.com/tensorflow/tensorflowTensorFlow是一个使用数据流图进行数值计算的开源软件库。图节点表示数学运算，而图边表示在它们之间流动的多维数据数组（张量）。这种灵活的架构使您可以将计算部署...

2018-07-04 10:43:34 291

原创三分钟教你学会如何将密文解码成明文

1：准备好你的密文（将铭文转换成密文）代码如下：# coding=utf-8import base64def encrypt(en_str): """ 加密：先对原字符串作base64加密，然后将加密后的字符串首尾字符对换位置，得到密文 :param en_str: 待加密明文 :return: 加密后的密文 """ en_str = bas...

2018-07-04 10:42:33 6242

原创【前端图表】echarts实现散点图x轴时间轴

话不多说，老规矩，先上图，实现echarts实现散点图，x轴数据为时间年月日。实现代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>五分钟上手之散点图</title> <!

2018-07-04 10:41:54 6573

原创【前端图表】echarts散点图鼠标划过散点显示信息

在做项目的过程中，总会遇到这样或者那样的bug，这个时候就要看自己的动手能力有多强了，着手解决了一个bug之后，整个人都感觉很开心，端午下班之前遇到了一个小问题，echarts散点图鼠标划过散点的时候，没有显示从后台拿过来的数据，今天一看，原来是忘记写代码了，没有写返回数据，又怎么会返回需要的信息并且展示在前端界面？紧跟着上一篇进行完善，本篇文章主要是解决echarts散点图鼠标划过散点显示信息的...

2018-07-04 10:40:31 3412

原创【干货】前端开发者最常用的六款IDE

一、Visual Studio Code下载地址：https://code.visualstudio.com/功能介绍：微软在2015年4月30日Build 开发者大会上正式宣布了 Visual Studio Code 项目：一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。Visual Studio Code软件功能非常强大...

2018-07-04 10:38:26 8621 2

原创 Jquery+Ajax+Bootstrap Paginator实现分页的拼接

效果图如下jsp页面引入bootstrap样式，jquery和bootstrap-paginator.js <link type="text/css" rel="stylesheet" href="bootstrap.css"> <script type="text/javascript" src="jquery.min.js">&a

2018-07-03 09:33:02 433

原创推荐一款在线工具-程序员的工具箱

很久都没有更新文章了，离日更的梦想越来越远，一来是工作比较忙，二来是近期身体素质较差，没有太多的精力放在钻研技术上，三来是公众号的建立和运营以及进入正式阶段，本着对技术的痴迷和不离不弃的初心，挤出来的时间，还是会总结近期自己所学的知识点，巩固落实才不至于很快的忘记。今天发现了一个比较厉害的在线网站，简直可以称为程序员的工具箱。工具在手，事半功倍，工作无忧。tool在线工具,开发人员工具,代码格式化...

2018-07-03 09:32:20 275 1

原创推荐一款稳定快速免费的前端开源项目 CDN 加速服务

前面学习到什么是CDN，全称是Content Delivery Network，即内容分发网络。CDN的通俗理解就是网站加速，CPU均衡负载。CDN的基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定，其目的是使用户可就近取得所需内容，解决Internet网络拥挤的状况，提高用户访问网站的响应速度。今天要推荐一款稳定、快速、免费的前端开源项目 CDN ...

2018-07-03 09:31:34 464

原创 echarts同一页面四个图表切换的js数据交互

需求：点击tab页，切换四个不同的图表，ajax向后台请求数据，展示在四个不同的图表中。其余的就不多说，直接上js代码了$(function() { $("#heart").on("click", function() { $('.heart-car').show(); $('.sleep-car').hide(); $('.breathe...

2018-07-03 09:30:46 1394

原创前端网址导航-最酷前端圈子在这里

好久都没有更新了呐，今天给大家推荐一个强大而神奇的网址，前端从业者学习者必备的案前神器。前端网址导航：http://www.daqianduan.com/nav你想要的有关于前端的一切知识点，这里都可以找到，可以说是前端大全了，很良心的一个推荐，喜欢的话就点个赞吧。注：原文作者：祈澈姑娘技术博客：https://www.jianshu.com/u/05f416aefbe190后前端妹子，爱编程，爱...

2018-07-03 09:29:52 199

原创 Font Awesome 一套绝佳的图标字体库和CSS框架

在bootstrap框架的使用中，字体图标必不可少，Font Awesome 一套绝佳的图标字体库和CSS框架，值得学习。网址：http://fontawesome.dashgame.com/使用示例1：引入Font Awesome图标文件或者使用使用LESS或SASS的方法来自定义 Font Awesome 4.7.0 。<link href="https://cdn.bootcss.co...

2018-07-03 09:29:10 409

原创如何在本地运行查看github上的开源项目

看中了一款很多星星的github的项目，想把这个项目拉到自己的电脑上运行查看项目效果，该怎么做？示例：我们今天要看的 github项目地址：https://github.com/lzxb/vue-cnode1.克隆项目： git clone [https://github.com/lzxb/vue-c...](https://github.com/lzxb/vue-cnode.git)2.安装n...

2018-07-03 09:28:19 1935

原创微信小程序常见的UI框架/组件库总结

想要开发出一套高质量的小程序，运用框架，组件库是省时省力省心必不可少一部分，随着小程序日渐火爆，各种不同类型的小程序也渐渐更新，其中不乏一些优秀好用的框架/组件库。1：WeUI 小程序–使用教程https://weui.io/官方介绍：WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感...

2018-07-03 09:27:10 31909 1

空空如也

空空如也