![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 68
祈澈菇凉
若有问题请联系微信号:wwwangting888
展开
-
jQuery取消checkbox选中状态
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jQuery取消checkbox选中状态</title> </head> <body> <input type="button" value="取消" on...原创 2019-11-01 11:36:42 · 15088 阅读 · 0 评论 -
'webpack-dev-server' 不是内部或外部命令,也不是可运行 的程序 或批处理文件。
从github上面拉下来一个项目,在本地运行的时候遇到了这样的一个报错'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序或批处理文件。解决办法npm i webpack-dev-server -D继续运行npm run devok,运行成功...原创 2019-10-12 17:36:21 · 1407 阅读 · 0 评论 -
微信测试号开发之四 获取access_token和jsapi_ticket
access_token:公众号的全局唯一接口调用凭据,公众号调用各接口时都需使用access_token。开发者需要进行妥善保存。access_token的存储至少要保留512个字符空间。access_token的有效期目前为2个小时,需定时刷新,重复获取将导致上次获取的access_token失效。jsapi_ticket:jsapi_ticket是公众号用于调用微信JS接口的临时转载 2017-11-16 15:34:19 · 543 阅读 · 0 评论 -
web项目中配置多个数据源
web项目中配置多个数据源标签:动态切换数据源/配置多个数据源[html] view plain copy spring + mybatis 多数据源配置有两种解决方案1、配置多个不同的数据源,使用一个sessionFactory,在业务逻辑使用的时候自动切换到不同的数据源, 有一个种是在拦截器转载 2017-11-16 15:31:01 · 908 阅读 · 0 评论 -
移动端最常用的四个框架
1:weUI 官方网址:https://weui.io/ 官方介绍:WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。 优点:做为开发者的我们可以不用写太多css,直接拿过来就可以用。 组件都有点击态,大大增加了用户的体验好感 高清屏幕下 border : 0.5 ...原创 2017-11-16 15:46:36 · 83904 阅读 · 2 评论 -
开发环境、测试环境、生产环境 到底是什么?
读一些官方文档的时候,总会遇到以下几个关键的名词,一开始我不太懂,绕来绕去,让我对文档阅读产生了误会,于是查找了一些资料。 百度解释如下: 开发环境:开发环境是程序猿们专门用于开发的服务器,配置可以比较随意, 为了开发调试方便,一般打开全部错误报告。测试环境:一般是克隆一份生产环境的配置,一个程序在测试环境工作不正常,那么肯定不能把它发布到生产机上。生产环境:是指正式提供...转载 2017-11-16 15:45:31 · 124308 阅读 · 3 评论 -
require.js的用法详解
require.js的诞生是为了解决两大问题,第一实现js文件的异步加载,避免网页失去响应,第二管理模块之间的依赖性,便于代码的编写和维护。一、为什么要用require.js?最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。转载 2017-12-25 18:15:06 · 496 阅读 · 0 评论 -
不用代码,10分钟打造属于自己的第一款小程序
早晨到公司的时候,手机上推送的小程序审核通过的消息,激动的下载了小程序的二维码,扫一扫即可在手机上打开上线的小程序,不枉费昨天晚上熬夜到凌晨,用免费平台测试的功夫10分钟打造一款个人专属小程序,真的很简单,快速,方便1:注册一个免费的平台我用的是上线了平台,可以免费使用一个月https://www.sxl.cn/上线了是一个免费建站平台,无需任何编程原创 2018-01-10 13:58:02 · 769 阅读 · 3 评论 -
Jquery前端分页插件pagination使用
插件描述:JqueryPagination是一个轻量级的jquery分页插件。只需几个简单的配置就可以生成分页控件。并且支持ajax获取数据,自定义请求参数,提供多种方法,事件和回调函数,功能全面的分页插件。实例图片jQuery Pagination分页插件:下载:http://www.jq22.com/jquery-info5697步骤一:导入相关的j...原创 2018-03-07 09:42:01 · 21528 阅读 · 4 评论 -
最简单的混合开发教程资料汇总
今天开会的时候,产品经理说了计划并且提出到时候要用混合式开发来写app,并且意味深长的看了我一眼,毕竟安卓ios开发需要针对不同的手机开发出一套以适配屏幕的代码,成本太大,我难掩眼中的无奈还是坚定的说了一声,虽然我只是一个前端,但是学习的路还很长,这是一次对我能力的考验和提高,何乐而不为。有一个习惯,在开发之前,先做好技术栈的准备计,提前准备学习资料和线...原创 2018-03-07 09:43:01 · 1241 阅读 · 10 评论 -
「干货」从菜鸟到大神,前端学习书籍推荐
前端易学易懂,属于一个人傻钱多速度来的行业,随着移动互联网的日益兴起,it行业对于前端的需求也在不断的提高,那么从前端小白修炼成为前端大神的这个过程之中,一些必备的枕边书也是必不可少的。图片.png一、《CSS那些事儿》内容介绍:《CSS那些事儿》是2009年电子工业出版社出版的图书,作者是林小志。该书通过对CSS技巧实例进行讲解,浅入深地分析了CSS相...原创 2018-03-07 09:45:49 · 14175 阅读 · 2 评论 -
用Canvas画一个刮刮乐
Canvas 通过 JavaScript 来绘制 2D图形。Canvas 是逐像素进行渲染的。开发者可以通过javascript脚本实现任意绘图。Canvas元素是HTML5的一部分,允许脚本语言动态渲染位图像。canvas是HTML5中的新元素,使用javascript用它来绘制图形、图标、以及其它任何视觉性图像。在国外问答网站Quora上,许多开发者...原创 2018-03-07 09:47:24 · 511 阅读 · 6 评论 -
前端css实现最基本的时间轴
原型:图片.png代码:<!DOCTYPE html ><html> <head> <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css...原创 2018-03-07 09:49:19 · 18600 阅读 · 1 评论 -
2018年国内就业薪资高的7大编程语言排行
作为程序员的日常,我时刻都在关注github和Stack Overflow对编程语言趋势的的调查报告,年前几天没事,结合从前的文章内容和网上翻阅的资料,小小总结了2018年国内就业薪资高的7大编程语言排行,不论是刚刚毕业步入职场的小白,还是考虑换行的工作人员,都能起到一个参考的作用。1. Java教程:http://www.runoob.com/java...原创 2018-03-07 09:50:14 · 747 阅读 · 14 评论 -
如何在小程序里面放入企业官网
小程序解析html网页标签,有3种方法:1:使用 wxParse 解析html2:单独解析 html标签3:使用最新的小程序组件 web-view前段时间,微信正式宣布为方便开发者灵活配置小程序,小程序现开放内嵌 Web 页面能力,但这个开放的能力也具有一定的局限性,小程序如果想要内嵌网页,那域名只能是自己公司的,对这个网站拥有控制权才可以。参考文档:h...原创 2018-03-07 09:51:08 · 927 阅读 · 1 评论 -
2018前端越来越流行的的技术
随着互联网技术不断的发展,前端的新技术也开始日新月异,旧的技术已经不能满足工作的需要,根据业务需求来将重构也是常有的事情,为了减少工作量,快速提高工作效率,这些新出现的技术也起着不可替代的作用。后端的有些架构已经稳定,作为一名前端面对这些花样百出的技术,只有不断的去学习研究,才能不落后于时代潮流。一:TypeScriptTypeScript : http://www.typescriptlang....原创 2018-03-07 09:52:10 · 2764 阅读 · 2 评论 -
程序员怎么写出一份漂亮的简历
求职”的本质其实就是人的流通,和一般的商业行为无异:一方求售、一方求货。未见其人,先睹其函。简历以书面形式传达一个人的学历、经历、专长、及其它,根据书写的格式、排列逻辑、语辞字汇,也可判读出撰写者的气质、内涵。对于程序员而言,一份好的简历能够直接从999+的简历邮件箱中脱颖而出,收到hr邀请面试的电话。但为什么有人的简历投出去就像是石沉大海,了无音讯了?...原创 2018-03-07 09:52:50 · 2085 阅读 · 1 评论 -
程序员如何利用空闲时间挣零花钱
一: 私活作为一名程序员,在上班之余,我们有大把的时间,不能浪费,这些时间其实都是可以用来挖掘自己潜在的创造力,今天要讨论的话题就是,程序员如何利用空余时间挣零花钱?比如说周末可以赚外快啊,在网上接点活干,那么,都有哪些网站?1:程序员客栈:https://www.proginn.com/程序员客栈,是互联网远程工作中心,程序员的经纪人。雇佣BAT级别开发者为创业者开发产品。2:猿...原创 2018-03-07 09:56:23 · 4337 阅读 · 1 评论 -
前端项目里常见的十种报错及其解决办法
错误一:Uncaught TypeError: Cannot set property 'onclick' of nullat operate.js:86图片.png原因:当js文件放在head里面时,如果绑定了onclick事件,就会出现这样的错误,是因为W3School的写法是浏览器先加载完按钮节点才执行的js,所以当浏览器自顶向下解析时,找不到onclick绑定的按钮节...原创 2018-03-07 09:57:07 · 11490 阅读 · 0 评论 -
BootstrapTable的使用教程
官方网站:http://bootstrap-table.wenzhixin.net.cn/参考文档:http://issues.wenzhixin.net.cn/bootstrap-table/index.html中文文档:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/下载boot...原创 2018-03-07 09:59:51 · 17586 阅读 · 7 评论 -
前端js实现打印(导出)excel表格
产品原型:图片.png功能需求:点击导出考勤表格按钮,会自动下载成Excel格式图片.png图片.png jsp页面代码:<div class="tools"><button type="button" class="btn green" id="excell" onclick="method5('dataTable')"原创 2018-03-07 10:01:28 · 25241 阅读 · 15 评论 -
bootsrap+jquery+组件项目引入文件的常见报错
做一个项目的时候 ,控制台总是会出现各种bug,其实不用慌张,终结起来也就几种类型的错误,在开发中每次遇到错误都善于总结,下次在看到就会胸有成竹知道是什么情况了,以下是在开发过程中总结的一些错误以及错误的解决方法。报错一:Uncaught ReferenceError: $ is not definedUncaught ReferenceError: $...原创 2018-03-07 10:03:05 · 437 阅读 · 0 评论 -
layer弹框在实际项目中的一些应用
官方介绍:layer至今仍作为layui的代表作,受众广泛并非偶然,而是这五年多的坚持,不断完善和维护、不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力。目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer。同时...原创 2018-03-07 10:03:46 · 831 阅读 · 0 评论 -
移动开发之css3实现背景几种渐变效果
移动端背景渐变,非常的年轻,符合90后年轻一代的审美,css3的这个渐变目前主要是应用在手机前端领域。产品设计中使用渐变色的好处:1:观众不至于眼睛过于疲劳(如果是浅色背景,3个小时下来极容易造成观众闭上眼睛还有残影,眼睛会极度疲劳)。2:优雅而低调的深浅色调:3:纯色单调 渐变色一是色彩不单调 二是在有限空间内尽可能制造空间感4:稍微加点渐变可以让纯色层显得更细腻,不那么单调。画面显...原创 2018-03-07 10:04:24 · 8569 阅读 · 0 评论 -
微信公众号开发实例之全局计时器的案例
图片.png需求一:index.html里面的数据从后台获取并渲染在前端页面代码://index.html页面JS代码如下//判断openid是否已经获取 if(sessionStorage.getItem("openid") == null){ //获取用户的openId $.ajax({ ...原创 2018-03-07 10:05:34 · 1011 阅读 · 0 评论 -
echarts改变颜色属性的demo
一:柱状图改变颜色图片.png代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> &原创 2018-03-07 10:10:10 · 7756 阅读 · 0 评论 -
小程序开发快速入门教程(附源码)
五分钟上手-微信小程序1:用没有注册过微信公众平台的邮箱注册一个微信公众号, 申请帐号 ,点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。注册完成之后开始登录。image2:登录 https://mp.weixin.qq.c...原创 2018-03-07 10:11:08 · 615 阅读 · 3 评论 -
移动端iPhone系列适配问题的一些坑
完成移动端的开发项目之后,发现谷歌自带的调试器似乎没有什么太大的作用,整天借同事的苹果手机测bug,尽管同事不厌其烦,但还是觉得这iPhone系列适配问题适配到想逃逃逃,好在项目已经顺利完成,测试通过,下面就是开发过程中遇到的一些坑。图片.png图片.png问题一:苹果手机上的input按钮自带渐变效果一样的代码,为啥在苹果手机上的input按钮就自带渐...原创 2018-03-07 10:11:54 · 1997 阅读 · 3 评论 -
echarts多条折线图和柱状图实现
参考链接:echarts官网:http://echarts.baidu.com/原型图(效果图):图片.png代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></titl..原创 2018-03-07 10:12:48 · 3060 阅读 · 0 评论 -
微信小游戏跳一跳外挂教程(安卓版)
一.开始准备:请将安卓手机的usb调试模式打开,》开发者选项》USB调试然后与电脑相连运行环境(这里我是基于ubuntu中的python3环境)安装程序所需要的所有包,进入到这个包链接:https://pan.baidu.com/s/1sldtwZV 密码:rzd7执行这个命令$ sudo pip install -r requirements.txt第...原创 2018-03-07 10:13:49 · 723 阅读 · 9 评论 -
仿百度地图上拉下滑抽屉盒
原型图需求:上拉导航条的时候,会加载出具体的数据信息;上拉的位置高度由这些信息的条数决定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont原创 2018-03-07 10:14:46 · 1387 阅读 · 0 评论 -
验证码倒计时的注册页面
原型图需求:手机号验证发送验证码之后开始60S倒计时60s以后如果没有填写验证码,可重新发送<!doctype html><html> <head> <meta charset="utf-8"> <title>注册</title..原创 2018-03-07 10:15:31 · 400 阅读 · 0 评论 -
2017年10大主流编程语言最新排行榜出炉
前言据美国科技公司Gizmodo报道,截至2014年9月24日,全世界采用IT操作系统的设备数量已经达到10亿台,IT推动中国移动互联网进入高速发展期,成为所有行业中发展前景最好的朝阳行业。科技不断进步,随着时间的推移,各种编程语言受欢迎程度也在不断的发生着改变。人们对讨论这一类盘点编程语言受欢迎程度话题乐此不彼,通过盘点整理,开发人员不但可以了解编程语言的流行趋势,还可以对未来工作的有一个大致的...原创 2018-03-07 10:16:10 · 10962 阅读 · 0 评论 -
浅谈移动端页面无刷新跳转问题的解决方案
浅谈移动端页面无刷新跳转问题的解决方案2017-12-22 祈澈姑娘最近开发微信公众号,用的框架是 一般的 UI,但是涉及到多页面之间的相互跳转的问题,降低了浏览器的性能,用户体验特别不好,卡顿,不流畅,因此不采用传统的页面跳转方式,看到不少手机网页开发的框架都都是在一个html文档中包涵多个页面的内容,每页放到不同的里面。于是采用当下流行的单页面模,...原创 2018-03-07 10:16:47 · 1773 阅读 · 0 评论 -
jQuery+ localStorage 实现一个简易的计时器
原型图片发自简书App需求1.关闭浏览器时时间继续运行2.刷新时保持当前状态3.结束时间保存在客户端 <div class="wrapper"> <div class="app"> <div class="container stopwatch"> ..原创 2018-03-07 10:17:47 · 529 阅读 · 0 评论 -
HTML5在客户端存储数据的新方法——localStorage
HTML5在客户端存储数据的新方法——localStoragelocalStorage作为HTML5本地存储web storage特性的API之一,主要作用是将数据保存在客户端中,而客户端一般是指上海网站设计用户的计算机。在移动设备上,由于大部分浏览器都支持web storage特性,因此在android和ios等智能手机上的web浏览器都能正常使用该特...原创 2018-03-07 10:18:14 · 395 阅读 · 4 评论 -
jQuery实现多种切换效果的图片切换的五款插件
1:Nivo SliderNivoslider:丰富的图片切换效果官方网址:https://themeisle.com/plugins/nivo-slider查看演示:https://www.helloweba.com/demo/nivoSlider/官方介绍:Nivoslider是一款基于jQuery的的,能实现多种切换效果的图片切换插件.Nivosl...原创 2018-03-07 10:19:00 · 2329 阅读 · 0 评论 -
微信小程序从零开始开发步骤(一)
从零到有写一个小程序系列专题,很早以前就想写来分享,但由于项目一直在进展,没有过多的时间研究技术,现在可以继续分享了。1:注册用没有注册过微信公众平台的邮箱注册一个微信公众号, 申请帐号 ,点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。注册完成之后开始登录。...原创 2018-03-15 16:32:48 · 76105 阅读 · 11 评论 -
微信小程序从零开始开发步骤(二)
上一章注册完小程序,添加新建的项目,大致的准备开发已经完成,本章要分享的是要创建一个简单的页面了,创建小程序页面的具体几个步骤:1. 在pages 中添加一个目录选中page,右击鼠标,从硬盘打开,打开硬盘文件之后,新建一个文件夹test(或者点击+号,逐个添加目录,添加目录下面所需要的文件)或者这样添加2. 新建一个wxml 文件在tes...原创 2018-03-15 16:33:57 · 6104 阅读 · 2 评论 -
微信小程序从零开始开发步骤(三)
上一章节,我们分享了如何创建一个新的页面和设置页面的标题,这一章我们来聊聊底部导航栏是如何实现的。即点击底部的导航,会实现不同对应页面之间的切换。我们先来看个我们要实现的底部导航栏的效果图:(三个导航图标示例,微信小程序最多能加5个)1. 图标准备阿里图标库 http://www.iconfont.cn/collections/show/29在这个网站...原创 2018-03-16 09:20:47 · 2284 阅读 · 2 评论