- 博客(15)
- 收藏
- 关注
RSS订阅
原创 2020Web前端的学习之路，以及反省自身的不足之处。
一、基础技术前端的三大基础毫无疑问就是HTML、CSS和JS。我称之为前端的骨、肉和魂。先说“骨”——HTML。HTML,翻译过来就是超文本标记语言，而不是江湖上的HOW TO ML。方向不能搞错了，我们整的东西可是老少咸宜的。HTML学习最重要的标签的学习，div、h1-h6、p、ul-li、strong、图片、字体等，什么内容用什么框.推荐学习方法：网站《w3cschool》h...
2020-03-26 16:38:24
4604
原创 Web前端工程师推荐的书籍
Web前端开发工程师需要在一个不断学习的过程中成长，不思进取的人迟早要被遗忘在历史的长河中，毕竟目前的技术更新换代的速度太快，不跟紧潮流就会被淘汰。 在学习中我们需要打造好基础，很多人选择通过视频、书籍、代码实战的方式。这里我给大家推荐一下，Web前端工程师必备的基本书籍。1、《JavaScript高级程序设计（第3版） 红皮书 》作者：Nicholas C. Zakas...
2019-06-17 16:00:19
20006
2
原创 前后端分离之后，前端工程师需要做的事。
前后端分离这个概念是什么呢？ 前后端分离并非仅仅只是一种开发模式，而是一种架构模式（前后端分离架构）。千万不要以为只有在撸代码的时候把前端和后端分开就是前后端分离了，需要区分前后端项目。前端项目与后端项目是两个项目，放在两个不同的服务器，需要独立部署，两个不同的工程，两个不同的代码库，不同的开发人员。前后端工程师需要约定交互接口，实现并行开发，开发结束后需要进行独立部署，前端通过ajax...
2019-06-10 09:51:39
3277
2
原创 js运算的精度问题
//js 加法计算//调用：accAdd(arg1,arg2)//返回值：arg1加arg2的精确结果function accAdd(arg1,arg2){ var r1,r2,m; try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0} try{r2=arg2.toString().split("....
2020-04-15 14:00:33
311
原创 html5的localStorage之【增、删、改、查】
localStorage的优势1、localStorage拓展了cookie的4K限制2、localStorage会可以将第一次请求的数据直接存储到本地，这个相当于一个5M大小的针对于前端页面的数据库，相比于cookie可以节约带宽，但是这个却是只有在高版本的浏览器中才支持的localStorage的局限1、浏览器的大小不统一，并且在IE8以上的IE版本才支持localStora...
2019-09-29 13:58:51
1240
翻译 Web前端面试题——Javascript部分
## JS 问题本章节是[前端开发者面试问题 - JS 部分](https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/src/questions/javascript-questions.md)的参考答案。 欢迎提出 PR 进行建议和指正！* [请解释事件委托（event delegation...
2019-07-16 10:36:56
510
原创 小程序打开地图导航
在项目开发过程中，我们经常需要通过小程序打开地图导航功能，实现效果如下。那么如何实现地图导航功能呢，我们先看一下微信官方提供的API文档wx.getLocation(Object object)调用前需要用户授权scope.userLocation获取当前的地理位置、速度。当用户离开小程序后，此接口无法调用。参数Object object属性 类型 ...
2019-07-03 11:02:35
3454
1
原创 css实现书角标签效果
在小程序项目开发过程中，UI给的原型图效果是这样的。 接下来直接上干货html代码<view class="box"><view class="box-con"><view class="box-text">{{tabs[0]}}</view></view></view> css代...
2019-06-25 15:09:57
755
原创 微信小程序的跳转
小程序的开发过程中难免需要做页面之间的跳转，微信官方提供了五种跳转的AIP文档。下面是整理的五种跳转方法的用法和区别。小程序5种跳转页面方式的区别：//只能跳转到tabBar配置页面wx.switchTab({url: '/pages/index/index',});//返回上一级页面（delta：返回的页面数，如果 delta 大于现有页面数，则返回到首页，默认值...
2019-06-24 09:47:19
209
原创 推荐微信小程序常用的几个UI组件库
在微信小程序开发的过程中，自己不借助UI组件库开发出来的页面，不但要花费更多的时间，页面的美观度上也有一定差距。 所以在这里我给大家推荐几个好看，常用的几个UI组件库。WeUIWeUI 是微信官方出品的组件库，它沿用了微信的视觉设计与交互设计，提供了各类原生组件的基础样式，风格简约大方。选用这一套组件库，可以让你的小程序与微信本身保持一致的界面风格。 ...
2019-06-21 19:20:37
40276
1
原创 微信小程序进入首页自动弹出红包功能实现
开发项目过程中需要在进入首页时弹出红包的功能需求，在捣鼓一番之后完成图如下。 二话不说直接上代码。wxml代码：<!-- 红包 --><view class="cu-modal {{modalName=='Image'?'show':''}}"> <view class="cu-dialog"> <view class...
2019-06-15 17:36:25
7004
原创 CSS样式居中总结
CSS的样式居中总结一、父容器宽度确定时水平居中（1）通过margin: 0 auto; text-align: center实现CSS水平居中。 这种方法是实现CSS水平居中最最常用的，我在前端开发中大概有60%的CSS水平居中就是通过“margin: 0 auto; text-align: center”实现的。（2）通过display:flex实现CSS水平居中。 ...
2019-06-12 17:56:08
14560
1
原创 背景图片蒙版和头像圆形效果
在项目的制作过程中，我们常常需要将个人资料的头像设置成圆形，背景图片添加蒙版效果。效果图如下： 想要完成以上效果，我们只需要给界面加上CSS样式即可。 一、背景图蒙版效果，可以使用图片或者渐变作为遮罩层-webkit-mask-image:url | gradient-webkit-mask-repeat:repeat | repeat-x | repeat-y |...
2019-06-03 09:39:59
1276
原创 微信小程序图片的上传与显示
在编写小程序的项目过程中，难免会有需要上传图片，并且显示在指定位置。下面是我在编写微信小程序图片的上传与显示时遇到的一些问题与解决办法。 微信小程序开发文档里有很详细的介绍，但是有很多人是不是和我一样看文档看不下去。这里我推荐使用微信官方推出的WEUI组件库：https://weui.io/，WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量...
2019-05-31 17:19:49
5806
2
原创 前端开发编辑器的选择
在我接触到Vue环境开发之前，我一直使用的是Submile Text3编辑器。 Sublime Text：一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。相比于难于上手的Vim，浮肿沉重的Eclipse，即便体积轻巧迅速启动的Editplus、Notepad++，在SublimeText面前大略显失色，无疑...
2019-05-28 15:32:26
2248
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人