跟福哥学编程吧~~
问题最近的项目遇到了前端需要加密数据的需求,了解了一下使用AES算法的是比较多的。那么使用什么方法在前端实现AES算法呢?后来发现前端的各种加密/解密的算法基本都被一个叫CryptoJS的包给垄断了!福哥捣鼓了一下,这个CryptoJS包确实很强大!今天福哥就把这个使用CryptoJS实现AES算法的方法教给大家,有需要的可以拿去使用...
介绍介绍福哥在使用selenium去爬取网页的时候发现有的网站的结构设计的非常复杂,如果使用chrome自带的find_element_by_xxx方法想要得到目标元素简直比登天还难。福哥就想如果可以在抓取的网站上面加一段JavaScript代码就好了,福哥就可以随心所欲地玩弄页面上面的元素了。福哥在翻阅文档的时候发现了chrome的...
介绍介绍前面福哥已经把之前在微信公众号里删除掉的文章全部都重新发布出来了,这算是续上了!这让很多老朋友看了两个月的旧内容,福哥实在是不好意思啊,权当是温故而知新吧!技术这东西不怕重复劳动,重复的次数多了,就找到窍门了,然后就水平就提高了!今天福哥打算给大家放出一个常用的前端控件——消息提示框tips。我们在操作网站的时候,尤其是填写功...
介绍介绍我们打开百度首页,在搜索输入框内输入一个关键词,会发现在输入框下面会出现一个下拉菜单,里面是一些包含我们输入的关键词的搜索关键词,下拉菜单里的关键词可以通过键盘的上下键选择或者直接通过鼠标点击选择,大大提高了我们的使用体验。这种功能就是自动完成的功能,其实浏览器本身就支持这种自动完成功能。不过,浏览器的自动完成功能是以你的操作...
介绍介绍今天开始福哥要给大家讲解关于字符编码的知识,所谓字符编码就是将一个字符串或者是一个二进制字节数组里面的每一个字符根据一定的规则替换成一个或者多个其他字符的过程。字符编码的意义有很多种,有的是为了将一些不可见的字符以可见字符替代保证可见度;有的是为了以少数字符去描述更多的其他字符便于传递数据;还有的是为了将不定长的字符串转成定长...
介绍介绍今天我们继续开发注册功能,今天主要完成的是表单处理时候的错误提示的处理的技巧。错误处理福哥上一课已经决定了使用tips提示框来实现,tips提示框的特点就是它会在屏幕中间显示一个黑色的框框,里面是白色的错误提示文字,这个提示框会在几秒钟后自动消失掉。要实现这个功能很显然需要使用JS程序来完成,福哥使用jQuery的控件封装技术...
介绍介绍jQuery是一款非常流行的前端Javascript库,jQuery相比原生的Javascript要更加简单、更加直观。jQuery除了简化JS代码之外,还提供了一系列的常用属性的获取,常用功能的封装。不仅如此,jQuery还将JS的事件处理封装的更加友好。最重要的是使用jQuery编写JS代码可以忘记各个浏览器之间的差异导致...
介绍介绍Bootstrap是一个免费的web前端框架,它将HTML、CSS、Javascript结合到一起,制定了一系列的前端开发规则,使设计网页就像搭积木一样简单。今天我们就跟着福哥来学习一下Bootstrap框架的使用技巧,我们的TFPHP框架会将Bootstrap引入进来作为框架的前端模块的支持。安装安装Bootstrap很简单...
介绍介绍福哥看到人家的文章发布平台都支持表格编辑功能,然后就把同福网的文章编辑器的表格功能给打开了,同福网的文章编辑器用的是UEditor文本编辑器,设置编辑器的按钮很容易。不过,福哥打开后发现使用UEditor编辑器插入的table里面只有tbody没有thead,一般情况下表格第一行都是标题行,而标题行是要放到thead里面的,这...
介绍介绍在web开发过程中图片上传功能是很常见的,很多网站都可以实现在用户选择了一张图片之后,在没有点击“上传”按钮之前就可以立即预览选择的图片的内容。这个设计的用户体验是非常好的,那么这个是怎么做到的呢?图片上传预览HTML<div class="row">   &nb...
介绍介绍福哥顺应潮流打算玩一玩微信小程序,因为是个人行为所以只能注册个人版本的微信小程序。个人版本的微信小程序限制非常多,其实也可以理解,企业行为相比较个人行为会更有保障一些,毕竟大部分企业还是要盈利的,他们会微信小程序用户更加负责任。不过福哥开发这个微信小程序只是把我们学习的文章可以在小程序里面浏览,这样比较方便,仅此而已。至少福哥...
介绍介绍福哥最近处理一个客户的网站JS错误发现了一个诡异的情况,就是前面载入了一个JQ的插件,后面调用这个插件,提示插件不是一个函数。经过一顿查询,发现载入插件的地方有个“defer”属性,查资料得知这个属性告知浏览器在全部网页都加载完成之后再加载这个插件代码。我去,全部加载完成之后再加载插件代码,那么这里调用插件肯定失败啊~~正常模...
介绍介绍JSON格式数据是现如今使用极其广泛的WEB应用的数据格式,它有着结构清晰、语法简单、占用字节少等等特点。相比较早期流行的XML格式数据来讲,JSON格式数据有着更加轻便、可读性更好、解析速度更快等等优势。JavaScript语言操作JSON格式数据是相当得心应手的,因为JavaScript是孕育JSON的摇篮,JSON本身就...
介绍介绍今天福哥将要给大家讲解JavaScript编程基础知识日期和时间的使用技巧,这个技术在程序开发时候的使用率还是非常高的,基本上95%以上的项目都离不开日期和时间的应用场景。关于日期和时间还是有很多知识需要了解的,如果不清楚这些的话,就会遇到很多奇怪的问题。在很多对时间控制很严格的系统里面会有非常复杂的时间处理逻辑,如果没有很好...
介绍介绍前面我们学习了编程的入门课程,了解的编程语言的基本语法,知道编程语言的基本要素。今天开始福哥开始给大家讲编程的基础知识,这个基础知识是用来提高编程水平的知识,基础知识每种编程语言的差异会比较大,所以福哥在讲解某一种编程语言的某一特性的时候,会标明这种特性针对的是哪一种编程语言,只想学习某一种编程语言的童鞋可以有选择的学习。第一...
介绍介绍福哥今天给大家讲的是入门课里的最后一堂课,也是编程里的精髓——对象(class)在c语言年代里没有对象(class)这个结构体,所以使用c语言开发的程序不会太过复杂,在大型项目当中,众多模块(module)之间都会出现大量的同名函数,为了避免这些函数的名称冲突,都会用非常长的函数名称,即:returnValue moduleN...
介绍介绍福哥今天要给大家讲讲编程里的重头戏——函数(function),有了函数,程序才是程序,为什么这么说呢?因为如果没有函数语法,所有重复工作(包括类似工作)都要重复编写代码,那样就失去了编程的价值。打个比喻说:如果程序没有函数,就好像做数学题没有公式一样,每次做类似的题目的时候,都要从头去用最原始是方法进行解题,这是不可想象的。...
介绍介绍上一课我们学会了循环语句(for,while)的编程技巧,这使得我们可以开发比较复杂的程序了。今天福哥会给童鞋们讲讲交换语句(switch,case)的使用方法,交换语句适合对一个变量的值等于不同内容的时候进行不同处理的情况。其实来说交换语句(switch,case)完全可以通过条件语句(if)来替代,不过使用交换语句可以有更...
介绍介绍上一课我们会学了条件语句(if),这使得我们可以编写具有逻辑的程序代码了,今天我们来学习编程当中的循环语句,循环语句顾名思义,就是根据一定的规则或者条件进行重复性的操作的语法。循环语句分为三种形式,包括按次循环(for)、遍历循环(foreach)、条件循环(while),童鞋们跟着福哥一起学习它们的使用技巧学会循环语句后就可...
介绍介绍上一课我们学会了和计算机沟通的基本技巧,现在需要给计算机简单的“思考”能力了,计算机是思考能力就是鹦鹉学舌,我们告诉它什么情况下应该怎么办,它会一五一十地原原本本地照本宣读,这种什么情况下应该怎么办的逻辑需要通过条件语句(if)来实现基本语法就是假如满足条件的话,应该怎么办,如果不满足条件,又应该怎么办,这样的思路比较运算符判...
介绍介绍上一课我们认识了常量和变量,知道了编程语言里的常量和变量是指向一个具体内容的符号,今天福哥带着大家来学习一下编程的输入与输出的概念,通过输入与输出我们就可以和计算机进行“对话”了输入输入,编程叫做input,指的是人向计算机“说话”的行为,由于计算机可以有多种方式捕获人的信息,所以任何可以被计算机捕获到信息的过程都是input...
介绍介绍福哥今天给刚刚接触编程的童鞋讲讲编程入门的第一部分内容,常量与变量。今后福哥会陆续带着大家学习编程的条件判断(if),循环语句(for,foreach,while),交换语句(switch,case),函数(function),对象(class)这些知识。掌握了这些编程基本知识后,福哥还会带着大家尝试着做一个项目,通过项目实践...
前言什么是编程?编程就是通过计算机能“懂”的语言和计算机“聊天”的行为。不同的语言擅长的领域不一样,有的适合做系统操作,有的适合做用户界面,有的适合做web开发,有的适合做统计图表。这里我们只提擅长的领域,能做但是不是最擅长的不算。女人也有力气大的,不过多数还是没有男人有劲;男人也有弱不禁风的,但是一般情况下还是比女人更强壮。虽然很多...
介绍介绍JavaScript 内建日期时间对象 Date,可以用来处理日期时间。可以获取时间,可以设置时间,可以进行时间转换。使用特点创建日期对象var dateObj = new Date();获取年年数字和获取到的一致,不做调整var yearNum = dat...
介绍介绍在使用WebView的时候,我们有时会遇到需要通过App调用WebView里的网页上面的JS函数,或者需要通过WebView里的网页上面的JS代码调用App的函数福哥就遇到了这种需求,怎么办?下面就把实现的方法教给大家教程JS调用App通过JS代码调用App比较麻烦,分为几个步骤建立交互接口对象我们需要建立一个特殊的接口对象,...
介绍介绍福哥最近在弄一个数据图表展示的功能,一般网页上展示的数据图表都是通过js的cavas实现的但是自己揉一套有点难,也没有必要网上一查,大家都在用eCharts这个开源的数据图表工具做教程安装下载源代码官方下载地址https://echarts.apache.org/zh/index.html我记得这个项目原来是从属百度的呀!?怎...