web前端
晚秋星辰
我就是我
展开
-
【随记 css+js 开发】带进度条和数字的动画加载页开发
为了提升用户体验,在程序执行复杂操作时,往往会加入各种加载动画或者进度条提示用户,如果配上数字,感觉会更好,下面给大家分享两种制作带进度条和数字的加载动画的方法。先来看看实现效果:方法一:基于旋转的动画生成方法我们先来看看html代码,可以看到:圆形进度条实际上是由左、右两个半圆构成,而中间的数字实际上是一个盖在进度条上的圆。<body><div class="wrap"> <div c原创 2016-12-01 22:40:23 · 3208 阅读 · 1 评论 -
【微信小程序之列表渲染】列表下拉刷新和上拉加载的实践
微信小程序为2017年1月9日打下了一个特殊的标签,迅速刷爆了网络和朋友圈,最近我也写了一个demo程序体验一把。微信小程序和vuejs有些像,都是数据驱动视图&单向数据绑定,而其体验要比H5页面好很多,这得益于微信环境的支持以及首次运行时同时加载所有页面的处理。本文将分享微信小程序列表的下拉刷新和上划加载的实践。效果图首先来看看程序效果图,以下四张图从左至右依次是:下来刷新动画、下拉刷新结果、上原创 2017-01-13 22:57:03 · 23537 阅读 · 0 评论 -
【微信小程序之页面跳转】从列表的item项跳转到下一个页面
很多项目都会有消息记录页,即列表页,紧接着就是点击列表的某一项进入到消息的详情页,本文承接上一篇博客,继续分享如何从列表的item项跳转到下一个页面。一、效果图从左边的列表页调到右边的详情页二、页面之间的跳转首先要看的是页面的跳转,微信小程序有三种跳转方式可供选择:1、保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。wx.navigateTo({ ur原创 2017-01-15 13:11:07 · 21292 阅读 · 1 评论 -
【web开发 模拟ua调试】修改chrome浏览器的user agent
chrome浏览器是web开发的常用工具,而在实际开发中,常常需要模拟一些环境(比如模拟微信浏览器),当我们在本地开发时,如果没有实际环境但想要模拟这些环境,可以在chrome中修改user agent来模拟开发所需的环境。本文用两种方法修改chrome的ua,并模拟微信浏览器环境。一、使用 chrome 自带的修改 agent 的功能① 在页面中右击鼠标选择检查,或者点击浏览器右上角三点图标->原创 2016-12-13 23:40:41 · 93004 阅读 · 1 评论 -
【html标签 表单隐藏域】input表单隐藏域及其使用方法
一、表单隐藏域隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的。当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。 代码格式:<input type="hidden" name="..." value="..."> 属性解释: type=”hidden”定义隐藏域; name属性定义隐藏域的名称,要保证数据的准确采集,必须定义转载 2017-02-13 10:05:55 · 100981 阅读 · 1 评论 -
【web前端-理解js原型】理解Javascript中的原型对象、原型链和继承
一、理解原型对象当创建一个新函数时,系统会根据一组特定的规则为函数创建一个prototype属性,该属性会指向一个名为原型对象的对象,在默认情况下,该对象会自动生成一个构造函数(constructor),该构造函数是一个指向函数的指针。而在原型对象中,除了有这个构造函数,我们还可以添加其他的属性和方法。 通俗来讲就是,当我们新建一个函数A时,函数A内部会有一个属性,该属性指向一个对象(名字叫原型原创 2016-11-14 22:01:24 · 2769 阅读 · 1 评论 -
【web开发 异步加载js】根据需求动态加载js脚本
在实际开发中,为了实现某种效果或者提升用户体验,往往需要控制何时加载js。本文总结了三个场景的js加载需求:在页面加载完成之后加载js,不同条件下动态加载不同的js,项目打包时的异步加载js模块。一、在页面加载完成之后加载js由于js的加载需要一定的时间,为了提高用户体验,可以先让页面元素呈现出来,然后在加载js文件。<script type="text/javascript"> $(docum原创 2016-12-15 21:21:17 · 5595 阅读 · 0 评论 -
【vue开发 环境搭建】从 vuejs环境搭建到组件化编程----Hello World!
一、vuejs开发预备知识Nodejs是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。npm是包管理工具,允许用户从NPM服务器下载别人编写的包或命令行程序到本地使用,允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。webpack是静态资源打包工具,grunt和gulp是自动化构建工具,grunt和gulp二选一就可以。vue(读音原创 2016-12-09 22:09:19 · 6402 阅读 · 0 评论 -
【web开发 css制作饼图】用css和svg制作多种颜色构成的饼图
【周记-web前端css开发】用css和svg制作多种颜色构成的饼图 最近在看Lea Verou写的《揭秘css》,有很多css小技巧以及解决常见问题的技术确实让人受益匪浅,值得一读。对于饼图,虽然最简单的只有两种颜色,但是实现起来并不方便,这本书讲述了利用变换的方法实现饼图,但更好的方法是用svg和css配合,实现起来便捷维护简单,网上也有这篇文章,这篇文章详细讲解了如何制作两种颜色的饼图,那原创 2016-10-29 19:03:25 · 3171 阅读 · 0 评论