0

ES6学习笔记(一):轻松搞懂面向对象编程、类和对象

@[TOC] 面向过程编程P OP(Process oriented programming) 面向过程就是分析出解决问题的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。 优点:性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机就采用的面向过程编程 缺点:没有 ...

前端岚枫 发布于 2020-02-25 22:37 评论(0)阅读(13)
0

jquery二级导航

效果图 直接放代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>cat</title> <link rel="stylesheet" href="../css/base.css"> <link rel=" ...

陈莺莺呀 发布于 2020-02-25 22:13 评论(0)阅读(3)
0

解决egg-mysql连接数据库报错问题

遇到这个问题,我在网上找了好多资料,最终于解决了!!! ★,° :.☆( ̄▽ ̄)/$: .°★ 。 我遇到的问题是这样的:链接mysql完全按照官网上做的,但是在yarn dev 时就是一直报错,错误我就不贴出来了,看不懂😂(其实是没记录错误) 报错的原因是MySQL版本问题,可以解决 我得电脑上 ...

跌倒的小黄瓜 发布于 2020-02-25 22:06 评论(0)阅读(7)
0

5行代码实现微信小程序图片上传与腾讯免费5G存储空间的使用

本文介绍了如何在微信小程序开发中使用腾讯官方提供的云开发功能快速实现图片的上传与存储,以及介绍云开发的 5G 存储空间的基本使用方法,这将大大提高微信小程序的开发效率,同时也是微信小程序系列教程的视频版更新的文字版本摘要。 此文为 "「60 节实战课微信小程序开发视频教程」" 的第 51 小节内容, ...

Parry 发布于 2020-02-25 22:05 评论(0)阅读(6)
0

疫情之后技术人的思考

整个新年,大多数的我们都在家休了个超长的假期,COVID 19 的疫情总会过去,一个多月的时间,不知大家在家是否有思考自己后续的路应该怎么走,是否应该坚持走下去? 幸福的软件研发人员? 我暂且将所有的互联网研发从业人员都统称为软件研发人员。严峻的疫情对我们有影响吗?这里的影响如果只是指研发工作的话, ...

Parry 发布于 2020-02-25 21:31 评论(0)阅读(7)
0

带输入提示的搜索框ajax请求

先放图 首先要引用的文件有: base.css http://Lkeo.cn/chenyingying0/p/12363689.html jquery.js transition.js http://Lkeo.cn/chenyingying0/p/12363649 ...

陈莺莺呀 发布于 2020-02-25 21:21 评论(0)阅读(5)
0

下拉菜单的jquery组件封装

首先晒出封装好的dropdown.js (function($){ 'use strict';//使用严格模式 //构造函数形式 function Dropdown(elem,options){ //保存到this中才能公用 this.elem=elem; this.options=options; ...

陈莺莺呀 发布于 2020-02-25 20:57 评论(0)阅读(1)
0

使用jquery封装的动画脚本(无动画、css3动画、js动画)

自己封装好的showhide.js 包含无动画、css3动画、js动画 包括:fade(淡入淡出) slideUpDown(上下滑动) slideLeftRight(左右滑动) fadeSlideUpDown(淡入淡出+上下滑动) fadeSlideLeftRight (淡入淡出+左右滑动) (fu ...

陈莺莺呀 发布于 2020-02-25 20:50 评论(0)阅读(4)
0

封装好通用的reset.css base.css 样式重置css文件

一般是叫reset.css 我这边命名成base.css 哎呀无所谓…… @charset "UTF-8"; /*css reset*/ /*清除内外边距*/ body, h1, h2, h3, h4, h5, h6, p, hr, /*结构元素*/ ul, ol, li, dl, dt, dd, ...

陈莺莺呀 发布于 2020-02-25 20:45 评论(0)阅读(3)
0

transition 过渡的兼容性处理

transition兼容性: 封装一个js来验证浏览器是否兼容transition,以及选择兼容的写法 以下是transition.js (function(){ //判断transition属性是否存在 //存在:空字符串 //不存在:undefined //console.log(documen ...

陈莺莺呀 发布于 2020-02-25 20:38 评论(0)阅读(4)
0

input禁止输入后,触发事件,在苹果手机的页面会滚动

在vue中,<input type="text" readonly="readonly" @click=""/>,点击跳转页面。 在苹果手机微信中,会滚动会顶部,才跳转。滚动你喵呀。 经过各种测试,都不行,后来搜索了input的禁止输入方法,发现: 换成这样既可防止苹果微信浏览器滚动,<input ...

源点666 发布于 2020-02-25 17:39 评论(0)阅读(8)
0

JS中this的几种情况

1.给元素的某个事件行为绑定方法,事件触发,方法执行,此时方法中的this一般都是当前元素本身: <div id="div"></div> div.onclick = function() { console.log(this); //=><div id="div"></div> }; div.ad ...

1800000000nm 发布于 2020-02-25 16:57 评论(0)阅读(14)
0

解决React路由URL中hash(#)部分的显示 、browserHistory打包后浏览器刷新页面出现404的问题

摘要 在React项目中,我们需要采用它的路由库React-Router来进行页面跳转,React会根据路由URL来判断是哪个页面。常见的的URL有两种显示方式,一种是hashHistory的形式,形如:localhost:3000/#/free-lesson的路由,另一种是browserHisto ...

请给我一杯冰可乐 发布于 2020-02-25 15:51 评论(0)阅读(9)
0

戏说前端之CSS编码规范

前言 项目启动时 css 应该注意哪些问题 文件名规范 文件名建议用小写字母加中横线的方式。为什么呢?因为这样可读性比较强,看起来比较清爽,像链接也是用这样的方式,例如 那为什么变量名不用小写字母加小划线的方式,如:family_tree,而是推荐用驼峰式的familyTree?C语言就喜欢用这种方 ...

凃老师 发布于 2020-02-25 15:33 评论(0)阅读(11)
0

随着页面滚动,数字自动增大的jquery特效

首先为了截出gif图,我下载了一个小工具 GifCam: http://www.appinn.com/gifcam/ 随着页面滚动,数字自动增大的jquery特效 主要就是依赖这个脚本script.js // JavaScript Document $.fn.countTo = function ...

陈莺莺呀 发布于 2020-02-25 14:57 评论(0)阅读(10)
0

wow.js wow.min.js animate.css animate.min.css

奉献给下载不到源码的小伙伴,下载到的请忽视 wow.js (function() { var MutationObserver, Util, WeakMap, getComputedStyle, getComputedStyleRX, __bind = function(fn, me){ retur ...

陈莺莺呀 发布于 2020-02-25 14:22 评论(0)阅读(3)
0

网页延迟加载动画的实现-WOW.js

网页内容一开始不显示,随着鼠标下拉延迟显示,还有时间差 一开始觉得好难好复杂好高大上,直到我发现 wow.js …… 首先是演示地址:http://www.delac.io/wow/ 嗯,狗子确实很可爱 接下来是下载:http://www.downyi.com/downinfo/37040.htm ...

陈莺莺呀 发布于 2020-02-25 14:17 评论(0)阅读(11)
0

$.getJSON获取json数据失败

首先简单介绍下 $.ajax $.get $.post $.getJSON 的区别和用法 $.ajax中有一个type属性,专门用来指定是get请求还是post请求的分别对应的就是$.get和$.post getJSON()和get是一样的,都是get请求区别是,getJSON专门请求json数据的 ...

陈莺莺呀 发布于 2020-02-25 13:28 评论(0)阅读(3)
0

CSS中的圣杯布局与双飞翼布局

一,圣杯布局 1,什么是圣杯布局? 所谓圣杯布局就是用于实现一个两侧宽度固定,中间宽度自适应的三栏布局 2,构建圣杯布局的步骤: 2.1,添加一个容器,在这个容器中添加放三个盒子(左、中、右); 2.2,设置两侧盒子(左、右)的宽度 ,使其宽度固定; 2.3,设置中间盒子的宽度为100%,这是中间盒 ...

陈太浪 发布于 2020-02-25 11:56 评论(0)阅读(17)
0

JS数组方法(ES5、ES6)

1. arr.push() 从后面添加元素,添加一个或多个,返回值为添加完后的数组长度 1 let arr = [1,2,3,4,5] 2 console.log(arr.push(6,7)) // 7 3 console.log(arr) // [1,2,3,4,5,6,7] 2. arr.pop ...

Faith-Yin 发布于 2020-02-25 11:53 评论(0)阅读(9)