- 博客(20)
- 收藏
- 关注
原创 如何高效的开发前端js组合键、快捷键
最近项目中有个需求,使用快捷键,然后就自行开发了一个库用来监听组合键,具体参考下面的demo<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title>
2020-12-22 11:57:59 377
原创 weex自动来回滚动公告组件
项目中最近又个业务,要写一个自动滚动的组件,本想找一个现成的组件,但是找不到,然后就开始造轮子了<!-- 组件名 Notice 通知 属性: data: String 文字内容 url:String 要跳转到哪个页面--><template> <div class="notice"> <!-- 左侧图片 --&...
2020-04-15 14:05:07 490
原创 微信小程序状态管理工具 JStore
微信小程序状态管理工具 JStore闲着没事做,就想着给微信小程序写一个状态管理工具,名叫 JStore,这个状态管理工具是仿照 vuex 的几个方法来写的,所以有 vuex 的基础同学很容易理解。Github:https://github.com/GeorgeLeoo/JStore安装在小程序根目录下新建一个 store 文件,将 jstore.js 引入小程序项目。准备在 ...
2019-08-24 15:25:57 903
原创 微信小程序项目总结-记账小程序(包括后端)
一、小程序部分这是理财系统的前端,江苏海洋大学微信小程序比赛GitHub:https://github.com/GeorgeLeoo/finance1. 项目描述(1). 此项目为记账小程序(2). 包括账单、图表、搜索、用户等多个子模块(3). 使用微信小程序技术 (4). 采用模块化、组件化、工程化等模式开发2. 项目功能界面在 1.0.2版本中删除了扇形图3. 项目目...
2019-08-17 13:47:02 4173 3
原创 数据结构C-数组-顺序表
数据结构中有一种结构叫顺序结构,这种结构的数据在内存中是连续的。其实这种结构就是数组。我们都知道,当你创建一个数组的时候,那么计算机就会在内存中开辟一个连续的空间。比如,int a[5],那么计算机就会在内存中开辟一个5个连续的空间用来存储数据。数组的特点就是长度固定,可以通过索性快速搜索。但是数组也有缺点,比如我们定义的数组长度为5,那么我们就无法为他添加第6个数据,所以为了解决这个问题,...
2019-03-26 16:54:41 428
原创 win打印机共享mac连接问题解决方案,如hold for authentication、waiting for job to complement
近期宿舍买了台打印机,然后宿舍有两台mac,4台windows,所以我们决定用一台windows做为打印机共享主机。经过一番设置,所有的Windows都连上了打印机,而两台mac却连不上。然后花了我4、5个小时,找了好多文章,最后终于解决了。无论是出"hold for authentication",还是“waiting for job to complement”,还是出现其它的一些问题,都直接...
2018-12-14 11:43:05 3636 3
转载 前端 学习笔记(二) http详解
以前看到有关http的东西,我都会绕过去,决定这东西没太大用处。现在既然决定成为一名优秀的web前端工程师,那么这个时候就应该知难而不退。ps:以下摘自,看到他写的太好来所以直接使用:知乎大神——刘耀——谈谈HTTP协议的流程,HTTP详解一、什么是HTTP协议?HTTP是Hyper Text Transport Protocol的缩写,望文知意便是 超 文本 传输 协议。二、HTTP协议...
2018-10-06 10:58:11 229
原创 js事件
什么是事件事件就是js和html之间的交互行为(怎么发生的,有可能是页面自动的,也可能是用户操作的).事件源对象触发事件的元素(发生在谁身上)事件处理程序要处理的程序(发生了什么事)事件对象当事件发生的时候,具体发生了哪些信息(如当按键盘的时候按的哪个键或者鼠标光标在页面的哪个位置等等)事件的分类鼠标事件 onclick ondbclick onmousedown onmouseup o
2017-09-06 09:27:23 214
原创 事件流(含冒泡, 捕获,事件委托等)
什么是事件流事件流是页面触发事件的执行的顺序.事件流的分类冒泡型事件 冒泡型事件是由具体的元素到不具体的元素,他是有IE创造的,现在所有浏览器都支持冒泡型事件.如一个页面中有一个div,那么,他的顺序就是div—> body—> html—> document捕获型事件 捕获型事件是由不具体的元素到具体的元素,他是yo由网景创建的,由于老的浏览器不支持捕获型事件,所以推荐使用冒泡型事件.如一
2017-09-05 22:20:26 246
原创 Cookie的使用(含cookie的封装)
看到cookie这个词,我一个想到的就是饼干,因为这个单词的意思有饼干的意思.可是这里并不是,不是道为什么命名为cookie,难道命名人喜欢吃饼干. 不扯了, 进入正题. 这里的cookie是一个本地数据,这些数据就是用来辨别用户身份的.cookie的特点一般限制同一域名数量为50个总大小一般为4k(同一域名)只能使用文本文件读取有域名限制时效性,最短为会话级别,就是浏览器关闭后,co
2017-09-05 21:28:11 350
原创 正则表达式(js) 含有(正向预查和负向预查)
第一次见到正则表达式的时候,感觉好难啊,要记得东西怎么那么多.学了好几遍,但还是很蒙圈,可能是用的少,平时用的时候也就那么基础需要使用,再者就是复制粘贴正则表达式.那么什么是正则表达式呢?正则表达式就是一个描述字符规则的对象.那为什么会有正则表达式呢,这里引用沫晴姐姐的一句话,就是因为计算机笨呗(沫晴姐姐引用别人的话).比如123@qq.com,这个一看就知道是邮箱,课时计算机还有一个个的验证.
2017-09-05 20:58:03 3790
原创 js无缝轮播图
上一篇文章中的轮播图中,当滚到最后的一张图片时,就会回到第一张图片,这个过程中会显示之前的所有图片,那么怎样才能实在无缝滚动呢? 只需要在最后一张图片的后面复制一张第一张图片即可,当滚动到第5张图片时,把left的值设为0即可, 把上一篇文章中的代码改改就好.直接贴代码吧. 首先我们自定义一个动画,因为我用transition没做出来,不知道能不能实现,望大神指点.//自定义动画var An
2017-09-05 19:18:15 355
原创 js轮播图-自动,手动,小圆点
轮播图时网站中经常需要的东西,那我们就立刻看看轮播图的做法,直接贴代码.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="utils.js"></script> <style> * {
2017-09-05 16:03:17 5840 2
原创 浅谈BFC
前几天刚学BFC这个东西,云里雾里的,不过后来搞清楚了。其实BFC在我们做项目的时候无处不在,只是初学者都不知道罢了。好了,那什么时BFC呢?BFC全称为Block Formatting context(我一般都会记英文),翻译成中文就是——块级格式化上下文。他是web中一个独立的渲染区域,只有BBlock-level 参与,他规定了内部的Block level Box如何布局,并且这个区域和这个区
2017-08-04 17:17:40 730
原创 background属性
background-size属性:设置背景图片大小 效果 加上 这行代码,可以设置背景图片的大小 效果 看,是不是变大了呢 2.background-origin:指定绘制背景图片的起点 一共有三个值: border-box:背景图片从边框开始 padding-box:背景图片从内边距开始 content-box:背景图片从内容开始 先看第一个:backgrou
2017-08-03 13:32:46 220
原创 服务器字体的设置
在开发中有时候需要给整个页面设置字体,而这个字体用户的电脑中可能没有,那怎么解决呢,这时就需要设置服务器字体,自定义字体。 我们使用@font-face来自定义字体,@font-face写在style中,font-family:自定义字体名称 src:为字体的位置 font-weight和font-style大家都知道,我就不说了。 文件目录 看下代码吧 代码 我已经把代码上传
2017-08-03 10:36:39 5768
原创 浏览器5大内核
在web宇宙中,有这么几大主要银河系,IE、Google Chrome、Mozilla Firefox、Opera、Safari,而 Mosaic / Netscape Navigator银河系已经消亡。在IE银河系,有着严格的等级制度,IE6及其以下都是奴隶,IE7是平民,IE8是骑士,IE9以上都是贵族。这些银河系的中心力量不一样,这种力量叫做内核,一共有五大个,Trident、Gecko、Pr
2017-08-03 09:11:20 476
原创 Css常见bug和css hack(一)图片间隙
当我们插入图片时,图片下方会撑大3px代码: 效果: 我们看到图片和黄色区域右间隙(3px)Hack:将img转化为块状:display:block;代码:效果: 看,成功解决了。 当图片横排的时候图片之间也会存在一定的间隙 代码: 效果: 那怎么解决呢?我们给img加个浮动float:left; 代码: 效果: 还有一种方法,将img
2017-08-03 08:34:07 590
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人