自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小时

我愿和你分享,让我们共同进步

  • 博客(151)
  • 收藏
  • 关注

原创 【冒泡排序】

【代码】【冒泡排序】

2023-12-21 14:20:24 343

原创 桶排序算法

每天分享一个算法知识点

2023-11-30 17:03:11 421

原创 2021-03-14

工作5年欢迎使用Markdown编辑器欢迎使用Markdown编辑器时间过得太快,转眼已经毕业5年,作为一个毕业5年,仍旧走在开发路上女程序员,虽然不算太成功,但是还是在走,有些磕绊,也有一些慢慢走明白的录。曾经刚毕业的时候,因为我是女生,我在不断的想自己可不可以转型,但是尝试之后失败了。所以我觉得对于毕业前两年,最重要的就是去一个互联网公司,然后扎实基础知识。毕业第三到5年的时候,你可能换单位了,也可能没有换,因为互联网的这个圈子,真的是如果不换单位,可能薪资真的跟不上,但是如果这家公司确实还不错

2021-03-14 20:28:52 264

原创 create-react-app 创建项目 homepage 配置主机名不生效

homepage 配置主机名不生效背景最近一个项目上想把打包出来的文件带上服务器的地址,如下:但是配置了 "homepage": "http://jspace-fe.jd.com/" 一直不生效,why?为什么不生效通过 eject,产看 cli 本身的 webpack ,在 webpack.config.js 中看到配置如下:const paths = require('./paths');output: { ... publicPath: paths.publicUrlO

2020-09-18 20:48:51 2615 1

原创 高级程序设计3第13章

高级程序设计3第13章事件处理程序在函数的内部可以像访问局部变量一样访问 document 及元素本身的成员对应的这个函数一般会用try -catch 包一下,怕在解析前就触发了事件;function() { with(document) { width(this) { // 元素属性值 } }}<!-- 输出 "Click Me" --> <input type="button" value="Click Me" onclick="a

2020-07-19 15:13:03 146

原创 高级程序设计1-5

一、JavaScript 简介JavaScript 诞生于 1995年,是一种专为与网页交互而设计的脚本语言。由三种不同部分组成:ECMAScript,提供核心语言功能;文档对象模型(DOM),提供访问和操作网页内容的方法和接口;浏览器对象模型(BOM),提供和浏览器交互的方法和接口1.1 ECMScriptECMScript 是这本语言的基础,规定了这门语言的下列组成部分:语法类型语句关键字保留字操作符对象1.2 文档对象模型(DOM)文档对象模型(DOM, Docu

2020-06-16 10:16:39 921

原创 配置属于你的前端mac本

软件下载工作相关搜狗输入法微信开发相关postmanVSCodenode

2020-02-03 16:26:20 249

原创 create-react-app project 报错问题

问题操作系统: win7使用命令 npm install create-react-app -g 然后 create-react-app project 报如下错误: 原因npm 配置问题 在 node 安装成功后,自己配置了 npm 的全局模块的存放路径以及cache路径,但是没有进行系统环境的配置(因为公司电脑问题),然后只能删除自己的配置,当时删除了 C:\Prog...

2018-03-01 11:35:05 2634

原创 结合 wx-demo-start 讲入门小程序开发

前言 本篇文章是一篇学习笔记的分享,主要包含:常用组件、API、模板、路由、生命周期和页面间的数据传递,适合初学者学习。 wx-demo-start 的源码:https://github.com/ycshill/wx-demo-start.git1. 用到组件视图容器 这部分是比较常用的内容 view 最常用的组件,相当于“div”scroll-view 可...

2018-02-27 18:52:18 452

原创 用css3写一个checkbox

代码html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> meta http-equiv="X-UA-Compatible" content="ie=edge"> title>单选按钮title>

2018-01-11 14:13:17 356

原创 Vue学习记录

1.根据官方文档学些Vue的基础知识 2.根据脚手架搭建hello vue简书上的blog/ 3.写一个简单的list(实现父组件到子组件的通讯) 4.如何实现子组件到父组件的通讯

2018-01-09 15:40:57 245

原创 2017年工作总结

首先,来个工作总结报告 考试 1.考驾校 2.考“信息系统项目管理师”前端 1.后台管理系统开发 2.基于jquery的插件开发 3.kendoUI接下来说说今年的心得体会: 今年一年,做的是人头外包类型的项目,整体来说节奏比较慢,加班几乎是忙的时候一个半月的2,4加班到8点半,所以今年也顺便考了几个证书,买了房,干了一些人生的大事儿,同时,也是因为这些事情的出现,加之同学们都

2017-12-01 15:31:29 475 2

原创 经典排序算法和JS实现

经典排序算法冒泡排序原理:1.比较相邻的元素,如果第一个比第二个大,就交换位置。 2.重复以上步骤,依次得出最大值,次大值。。。。 3.重复以上步骤,直到没有任何一对数字需要比较算法分析:1.若文件的初始状态是正序,一趟扫描完成排序。所需要的关键字的比较次数C和记录移动的次数M达到最小值:Cmin=n-1,Mmin=0,故冒泡排序的时间复杂度O(n); 2.若初始文件是反序的,需要进行n-1趟

2017-11-27 17:28:29 526

原创 行政印章管理项目

行政印章管理项目环境:分辨率:pc端,最小支持1024*768,中间有效区域1000设计风格:主色调:#03b3b2;辅色调:#fa8484, #fb9292,#ff9308,#3dbc9a,#b2da47,#a6d52d,#31afff, #abcee7,#e3afff感触:督办的项目是一样的。收获:1.规范的前端代码开发,包括:css的开发,js的开发,jsdoc 2.插件的开发 3.后台

2017-11-17 14:53:44 346

原创 信息系统项目管理师

信息系统项目管理师2017年11月11日,我参加了信息系统项目管理师,今年的考题整体上来说是比较简单的。这是第一次参加考试,考前一个月也是比较努力的准备。信管考试分为选择题75道,45分及格;三道案例题(找问题、理论题、选择题和计算题)和论文写作。 1.选择题注意平时的积累和学习 2.案例题中的选择题是有典型的题型的,把典型题掌握,然后把分析题弄弄,基本上就没过 3.论文写作按照八股格式,注意

2017-11-16 10:38:42 411

原创 实现iframe 高度自适应

实现iframe 高度自适应<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>实现iframe高度自适应</title> </head> <body> <h2>实现iframe的高度自适应</h2> <iframe src="iframe1.h

2017-08-03 16:15:14 340

原创 火焰字

火焰字<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content

2017-08-03 16:08:07 411

原创 多色泡泡球

多色泡泡球<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Conte

2017-08-03 16:02:42 452

原创 文章标题

倒影<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-

2017-08-03 16:00:47 194

原创 边框妙用的按钮

边框妙用的按钮<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Con

2017-08-03 15:58:32 266

原创 Nodejs 的下载、安装和环境变量配置

Nodejs 的下载、安装和环境变量配置下载Nodejs: 在node.js的官网https://nodejs.org/下载安装程,双击安装安装后,打开运行命令窗口,输入cmd。输入node -v,测试是否安装成功,会输出版本信息。 新的node.js已经集成了npm,所以npm也一并装好了,输入npm -v测试,会输出版本信息。 先配置npm的全局模块的存放路径以及cache路径:...

2017-07-18 15:59:00 1274 2

原创 督办管理系统项目总结

督办管理系统项目总结这个项目是个后台管理系统的项目,更像是ERP类型的项目,用到的技术点有太行(行内)、KendoUI、Bootstrap、jQuery这些前端常用框架和JS库,页面是动态生成的,这个项目是我第一次完成的做后台系统的项目,感触是这种项目对应界面的美感追求稍微低一点,对js的逻辑稍微好一点。接下来总结一下我觉得可能是坑的地方和优势。优势:1.框架开发,节约了人力,时间。2.Ken

2017-06-26 09:53:55 2122

原创 后台系统开发前端知识点1

欢迎分为评论补充以下分享的内容为后台开发常用的知识点:前端框架+js库:Angularjs、kendoUI、Bootstrap文件下载1, 构造form,通过form的submit();$(e).on('click',functioi()var form = $(''); form.attr("style","display:none"); form.attr(

2017-06-26 09:26:27 798

原创 基于require.js+Angular.js+bootstrap的企业网银项目

项目的开发环境: win7项目的框架:Angular.js(1.9.)+bootstrap,包管理用的是require.js历时周期:2个月一般的工作流程;先按需求和设计整理出组件(我去的时候,公共组件都已经搭建好了),搭建框架,然后分模块开发。最大感受: 这个项目做到了模块化开发,并行开发,而且实现了真正的前后端分离,有点工程化的赶脚,稍有感触。觉得应该提高的:数据的格式

2017-04-06 18:09:51 611

原创 欢迎使用CSDN-markdown编辑器

从setTimeout(0)谈异步和同步javascript的执行方式JavaScript是单线程执行的,无法同时执行多段代码。当某一段代码正在执行的时候,所有后续的任务都必须等待,形成一个队列。一旦当前任务执行完毕,再从队列中取出下一个任务,这也常被称为 “阻塞式执行”。所以一次鼠标点击,或是计时器到达时间点,或是Ajax请求完成触发了回调函数,这些事件处理程序或回调函数都不会立即运行,而是立即排

2017-03-10 19:08:58 237

原创 javascript中的var,let和const

三种声明变量的方式1.const定义的变量不可以修改,而且必须初始化。const b = 2;//正确// const b;//错误,必须初始化 console.log('函数外const定义b:' + b);//有输出值// b = 5;// console.log('函数外修改const定义b:' + b);//无法输出2.var定义的变量可以修改,如果不初始化

2017-01-19 14:07:57 574 1

原创 html5的标签

section:有标题的节;article:有标题,独立的节。导航nav:传统导航侧边栏导航页内导航翻页操作页脚链接aside附属信息: lang="en"> charset="UTF-8" /> aside的使用 html5 html5的历史 html5草案的前身为web applications 1.0,于2004年被WHATWG提出 名词解释

2017-01-12 17:41:42 461

原创 h5的画布Canvas

绘制基本的图形 lang="en"> charset="UTF-8" /> canvas画布 id="myCanvas" style="border:1px solid #ff0" width="200" height="100" > Your Browser does not support Canvas, please upgrade 绘制图形的步骤 第一步,创建一个带id

2017-01-12 17:40:11 1227

原创 html5的音频和视频

html5不支持的特性:流式音频和视频媒体受到http跨源资源共享的限制全屏视频无法通过脚本限制一般的编码:音频的编码mp3编码acc编码ogg编码视频的编码:h264编码vp8编码theora编码检测浏览器的支持性:音频的监测:function checkAudio(){ var myAudio =

2017-01-12 17:37:40 858

原创 css3中通学

css3的特性多列布局column-count:栏目数column-gap:栏目见的空白column-rule html> head> meta http-equiv="Content-Type" content="text/html; charset=gb2312"> title>title> style type="text/css">

2017-01-12 17:32:13 549

原创 基于bs响应式网站开发

项目背景: 门户网站项目,pc端设计图1920*;手机端设计图:750*,无pad设计稿,页面总量50左右,前端整体采用bs框架开发。前端方案: 框架选择:主流框架bs 尺寸单位:引用下面的代码,使用rem单位,1px或者2px的直接使用px       //设计稿是750,采用1:100的比例(function(doc, win) { var docEl = doc.

2016-12-16 13:46:48 1809

原创 按钮动画

按钮动画 .button { display: inline-block; padding: 20px; margin: 5px; border: none; font-size: 28px; color: #fff; text-align: center;

2016-08-12 10:45:48 361

原创 图片的摸态框

重点:在于弹出框的动画代码: 图片的模态框 .img1{cursor: pointer;border-radius: 5px;transition: 0.3s;} .img1:hover{opacity: 0.7;} .modal{display: none; position:fixed;z-index: 1;left:0;top:0;width: 100%;h

2016-08-11 16:26:09 397

原创 响应式相册

兼容性:ie8+知识点:1,box-sizing: border-box;2,img 图片的缩放:外层套个div ,内层使用img,然后width:100%,height:auto;代码: 响应式图片 *{box-sizing: border-box;margin: 0;padding: 0} .res{width: 24.99999%;flo

2016-08-11 15:26:56 307

原创 html5实现卡片效果

卡片效果            .card{width: 250px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);text-align: center;}        .header{            background-color: #4caf50;

2016-08-09 08:38:03 18208 2

原创 html5的canvas的基础知识(ie9+)

代码: canvas的使用 canvas{background-color:#ff0;} 创建画布 一般都会加一个id 矩形 支持ie9+ var c=document.getElementById('rectC'); var ctx=c.getContext("2d"); ctx.

2016-07-07 17:03:02 451

转载 10年乔布斯对flash的思考迎来了web3.0时代(html5的应用)

Apple has a long relationship with Adobe. In fact, we met Adobe’s founders when they were in their proverbial garage. Apple was their first big customer, adopting their Postscript language for our new

2016-06-27 16:23:10 612

原创 DOM基础讲解

1,什么是DOM?DOM是文档对象模型,是为了文档的节点树,更好的操作文档节点,实现动态开发。2,文档类型:HTML:更好的显示数据;XML:存放格式化的数据;3,节点的类型:元素节点:1属性节点:2文本节点:3注释节点:8文档节点(不是根节点):9文档类型节点:10文档片段节点:114,nodeName+nodeValue:  lang="en

2016-06-21 12:59:34 377

原创 DOM事件

1,事件流:从页面中接受事件的顺序;    事件冒泡:从具体到不具体;    事件捕获:从不具体到具体;2,事件处理程序:HTML事件处理程序DOM0级事件处理程序DOM2级事件处理程序IE事件处理程序跨浏览器的事件处理程序:// 事件处理程序 var eventUtils={ // 添加事件 addHandler:function (element,t

2016-06-21 12:59:03 268

原创 js动画

简单动画(原理都是设置一个固定speed,都是匀速运动)速度动画透明度动画注意:注意清除动画缓冲动画(speed是一个变的值,但是注意取整) lang="en"> charset="UTF-8"> 速度动画 type="text/css"> *{margin:0; padding:0;} a{text-decoration:none;color:#000; } .

2016-06-21 12:58:21 315

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除