- 博客(109)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 car shop
项目简介：大二暑假期间，做的项目，是一个混合app（h5+安卓），功能相当于一个专门卖车和买车的淘宝，我参与了项目的第一部分的开发 技术：MUI 我的职责：独立开发，负责整个项目H5部分 部分截图预览： ...
2021-01-10 14:16:10
201
原创 智慧无线
智慧无线智慧无线APP，完成了第一版H5部分的开发，后续可能更改了，需要在专门的网络下才可进入项目简介：大二期间，老师推荐去公司做的项目，是一个混合app（h5+安卓），为政府人员的日常工作做的内部软件 技术：百度地图，ECharts，JQuery，MUI等 我的职责：负责其中的 H5 部分。主体功能有人员上下班签到，绘制数据统计图，请假，日程管理等。利用百度地图 API 实现定位签到，路线规划，导航等功能，利用 ECharts 实现数据可视化，将后台统计的数据以简单易懂的形式展示给用户 部分
2021-01-10 14:15:51
167
原创 毕业论文管理系统
毕业论文管理系统学校内部使用系统，无法公开帐号体验项目简介：为学校毕业论文管理系统做的小程序端，实现了毕业论文从选题到结辩的所有功能 技术：原生微信小程序，weui 我的职责：负责完成整个项目，独立完成，从项目的结构、组件化设计、方法的封装到性能优化、用户体验、后期维护等等。之后参加比赛，又独立完成需求分析、用户手册、开发文档、测试报告等的撰写工作 部分截图预览： ......
2021-01-10 14:14:50
799
原创 技能交换屋
技能交换屋在比赛结束之后，服务器就停用了，在此只有项目截图项目简介：一个技能交换、技能交友平台，社区类涉及的主要功能都有。类似一个精简版知乎，用户可以在小程序上问自己学习中的问题，也可以通过小程序寻找与自己互相匹配的技能交换对象 技术：原生微信小程序 我的职责：根据PM要求把控整个项目的前端进度，与UI设计师良好沟通交流，协调项目样式、功能实现方案，高度还原UI提供的设计稿。与后端开发人员紧密配合，完成接口对接，确保前后端有效交互。负责公共方法和组件的封装，解决开发中碰到的疑难点，后期根据用户反
2021-01-10 14:13:58
221
1
原创 jquery事件重复绑定
动态的append添加的html代码，他所绑定的事件会失效后面找到原因：是因为这些动态加载的这些HTML页面是在列表数据页面的HTML元素，css,js代码加载完后，再添加的HTML元素，在浏览器解析到图一的页面元素时，解析到js的这些绑定标签事件的js代码的时候，这些绑定事件的标签元素还没有生成，（因为js代码加载完后，才会有这些绑定事件的标签），所以这些JS代码的绑定的事件，根本就没有绑定到这...
2018-07-07 16:07:26
270
原创 非父子组件传值和插槽
使用发布订阅模式，即总线机制来解决非父子组件传值的问题Vue中使用插槽v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新<p>可以改变：{{ msg }}</p><pv-once>不可以改变：{{ msg1 }}</p>app.msg = 'hello'//会改变第一行的字段app.msg1 = 'hello'//不会改变...
2018-05-17 16:37:11
203
原创 vue动画
Vue中默认的开头是V，例如.v-enter，这里起了名字后，就可以将v替代- fade-enter 定义进入过渡的开始状态。在元素被插入时生效，在下一个帧移除 - fade-enter-active，fade-leave-active定义过渡的状态。在元素整个过渡过程中作用，在元素被插入时生效，在transition/animation 完成之后移除 - fade-leave-to 定义离开过渡...
2018-05-17 16:34:24
276
原创 extend
Vue.extend 自定义无参数标签<divid="app"> <qwe></qwe> </div> varqwe = Vue.extend({ //模版 template:"<p><a:href=w>{{q}}</a&g
2018-05-17 16:29:21
181
原创 Component
全局化注册组件Vue.component('qw', { template:`<divstyle="color:red;">全局化注册</div>` }) 局部注册组件局部注册组件和全局注册组件是向对应的，局部注册的组件只...
2018-05-17 16:27:09
213
原创 二
全局API混入方式Vue.mixin({ updated:function () { console.log('我是全局被混入的'); } })PS：全局混入的执行顺序要前于混入和构造器里的方法。 Extends Option 扩展选项varbbb = { ...
2018-05-17 16:24:49
622
原创 一
Vue中使用组件使，自定义组件row不会添加进tbody中，是因为table中tbody里面只允许有tr，所以可以使用这种方法解决，使用is属性代替，保证符合H5页规则，同理，使用ul，select等标签时这样写等等2.vue中只能在主组件中创建data对象，子组件中只能定义方法，这样可以使每个子组件的数据不互相影响。这样写就会报错这样写，他就是对的Vue建议我们不要在代码中去操作dom...
2018-05-17 16:23:00
788
原创 Vue.directive自定义指令
v-if用来判断是否加载html的DOM，比如我们模拟一个用户登录状态，在用户登录后现实用户名称。v-show调整css中display属性，DOM已经加载，只是CSS控制没有显示出来。v-if和v-show的区别：· v-if：判断是否加载，可以减轻服务器的压力，在需要时加载。· v-show：调整css dispaly属性，可以使客户端操作更加流畅。Vue.directiv...
2018-05-10 18:53:39
4396
原创 ES6的环境搭建
首先需要下载node.js，因为它里面集成了npm，方便，这样就是安装成功了使用的编译器是 vscode。然后就可以开始搭建了，先建立一个项目的目录，并在目录下边建立两个文件夹：src，dist文件夹和index.html和.babelrc文件dist用来存放转换后的js文件，src存放我们写的es6语法的文件.babelrc{ "presets": [ "es2015" ...
2018-05-08 19:13:29
545
原创 看文档，看实战视频后记录的一坨东西
1.小程序点击样式必须在默认样式下面，这样才不会被覆盖，如果设置了color属性，则样式失效。 2.当navigator和tabBar设置了同一个地址，navigator的open-type要设置成switchTab才都可以实现页面跳转。 3.hidden和if的选择：可见性需要频繁切换的时候，使用hidden。因为if在现实元素师，其实是在文本中插入元素，整个文本的结构改动较大，而...
2018-05-08 18:54:11
147
原创 自己认为的前端学习路线
学习计划是根据我本身和我的经验弄得，可能不适合你们，所以供参考。具体以自身学习情况为主。html初学阶段：最晚花2周时间跟着w3c之类的网站把html文档过一遍，照着文档敲代码，看效果，尽量记住一些常用标签。css初学阶段：首先跟着视频，最迟花三周把视频里面讲的知识点和案例全部理解并且学会。项目实战前：今天有点晚了，想起来再写...........
2018-04-13 23:12:21
268
原创 原型链和原型链属性问题
1. 原型链(图解) * 访问一个对象的属性时， * 先在自身属性中查找，找到返回 * 如果没有, 再沿着__proto__这条链向上查找, 找到返回 * 如果最终没找到, 返回undefined * 别名: 隐式原型链 * 作用: 查找对象的属性(方法)2. 构造函数/原型/实体对象的关系(图解)3. 构造函数/原型/实体对象的关系2(图解)// console.log(...
2018-03-23 16:30:45
409
原创 显式原型与隐式原型
1. 函数的prototype属性 * 每个函数都有一个prototype属性, 它默认指向一个Object空对象(即称为: 原型对象) * 原型对象中有一个属性constructor, 它指向函数对象2. 给原型对象添加属性(一般都是方法) * 作用: 函数的所有实例对象自动拥有原型中的属性(方法)// 每个函数都有一个prototype属性, 它默认指向一个Object空对象(即称为: ...
2018-03-23 16:26:29
1707
原创 函数中的this
1. this是什么? * 任何函数本质上都是通过某个对象来调用的,如果没有直接指定就是window * 所有函数内部都有一个变量this * 它的值是调用函数的当前对象2. 如何确定this的值? * test(): window * p.test(): p * new test(): 新创建的对象 * p.call(obj): objfunction Person(color) ...
2018-03-23 16:23:23
133
原创 IIFE
1. 理解 * 全称: Immediately-Invoked Function Expression2. 作用 * 隐藏实现 * 不会污染外部(全局)命名空间 * 用它来编码js模块(function () { //匿名函数自调用 var a = 3 console.log(a + 3) })() var a = 4 console.log(a) ;(f...
2018-03-23 16:22:44
287
原创 函数
1. 什么是函数? * 实现特定功能的n条语句的封装体 * 只有函数是可以执行的, 其它类型的数据不能执行2. 为什么要用函数? * 提高代码复用 * 便于阅读交流3. 如何定义函数? * 函数声明 * 表达式4. 如何调用(执行)函数? * test(): 直接调用 * obj.test(): 通过对象调用 * new test(): new调用 * test.call/ap...
2018-03-23 16:19:37
143
原创 对象
1. 什么是对象? * 多个数据的封装体 * 用来保存多个数据的容器 * 一个对象代表现实中的一个事物2. 为什么要用对象? * 统一管理多个数据3. 对象的组成 * 属性: 属性名(字符串)和属性值(任意)组成 * 方法: 一种特别的属性(属性值是函数)4. 如何访问对象内部数据? * .属性名: 编码简单, 有时不能用 * ['属性名']: 编码麻烦, 能通用var p = {...
2018-03-23 16:17:42
168
原创 js中赋值和内存的问题以及引用变量赋值问题
问题: var a = xxx, a内存中到底保存的是什么? * xxx是基本数据, 保存的就是这个数据 * xxx是对象, 保存的是对象的地址值 * xxx是一个变量, 保存的xxx的内存内容(可能是基本数据, 也可能是地址值)var a = 3 a = function () { } var b = 'abc' a = b b = {} a = b...
2018-03-23 16:15:10
1489
原创 js中的数据，变量和内存
1. 什么是数据? * 存储在内存中代表特定信息的'东东', 本质上是0101... * 数据的特点: 可传递, 可运算 * 一切皆数据 * 内存中所有操作的目标: 数据 * 算术运算 * 逻辑运算 * 赋值 * 运行函数2. 什么是内存? * 内存条通电后产生的可储存数据的空间(临时的) * 内存产生和死亡: 产生内存空间==>存储数据==>处理数...
2018-03-23 16:12:26
259
原创 js中的数据类型二
1. undefined与null的区别? * undefined代表定义未赋值 * nulll定义并赋值了, 只是值为null2. 什么时候给变量赋值为null呢? * 初始赋值, 表明将要赋值为对象 * 结束前, 让对象成为垃圾对象(被垃圾回收器回收)3. 严格区别变量类型与数据类型? * 数据的类型 * 基本...
2018-03-23 16:07:46
172
原创 js中的数据类型一
1. 分类 * 基本(值)类型 * String: 任意字符串 * Number: 任意的数字 * boolean: true/false * undefined: undefined * null: null * 对象(引用)类型 * Object: 任意对象 * Function: 一种特别的对象(可以执行) * Array: 一种特别的对象...
2018-03-23 16:04:16
325
原创 多图片展开、收缩
来看看效果图：封装好的运动函数move.js就是“javascript运动基础——摩擦和缓冲”中封装的函数这是源代码<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title&
2018-03-12 20:35:55
190
原创 javascript运动基础——摩擦和缓冲
之前的运动看起来卡卡的，一点也不连贯，这是因为速度是我们自己设置的一个固定的数字，下面来看看比较连贯的运动；摩擦：iSpeed *= 0.92; 在方法里面加上这个语句，可以使速度越来越小缓冲：iSpeed = ( iTarget - iCur ) / 8; iSpeed = iSpeed > 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed);<...
2018-03-05 14:02:43
157
原创 javascript运动基础——运动回调-链式运动
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style>#div1 {widt
2018-03-05 13:52:51
170
原创 javascript运动基础——多值同时运动
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style>#div1 {widt
2018-03-05 13:50:44
126
原创 javascript运动基础——多个物体同时运动
<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style>
2018-03-05 13:47:44
192
原创 滑动切换的轮播图
这是一个滑动切换的轮播图，如果想要循环播放，可以在代码中简单加几个语句就可以了先来看看具体效果<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>点击滑动图片&a
2018-03-04 21:00:29
469
原创 在一段文字中的查找修改删除（string类和数组类函数的应用）
先来看看具体效果<!DOCTYPE html><html ><head> <meta charset="UTF-8"> <title>查找、替换、删除</title> <style>html,body { margin: 0; padding: 0; background: #
2018-03-04 20:45:10
180
原创 列表展开收缩效果
该效果模仿qq列表，点击展示具体联系人，再次点击则关闭列表<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title&g
2018-03-04 20:41:06
1814
原创 canvas基础三
Canvas除了可以线画图形之外，还可以画图片，画动画 步骤和之前画图形的差不多，他需要使用注意先后顺序，为了看的更加清除，我将解释书写在代码注释中，来看看代码重要的是img.onload，只有图片加载完成后才可以去绘制到画布上看看结果：再来看看怎么做动画。首先我们需要这样一张图片这就是动画的素材了，然后再通过代码让他动起来通过绘制快速的绘制不同的图片使得他看起来在走路，不过这样只能让小人执行一行...
2018-03-03 17:02:25
119
原创 canvas基础二
一张画布上不可能只画一个图形的，所以我们需要把画笔抬起来，好让他开始画另外一个东西，这就可以用beginPath()来抬起画笔。这就画出了三个独立的线了上面三个咋一看你会认为它是线吗，不不，你一定认为他是矩形，所以我们来看看怎么画矩形，有三种画矩形的方法绘制圆形arc() 方法创建弧/曲线（用于创建圆或部分圆）。 *语法：ctx.arc(x,y,r,sAngle,eAngle,counter...
2018-03-03 16:56:56
140
原创 canvas基础一
今天学习了html5里面的canvas（画布），canvas是一个矩形区域的画布，可以用javascript直接在上面画画，控制上面的元素，他拥有很多的绘图路径，矩形，圆形，字符以及添加图像的方法，它使得页面更加丰富多彩。下面来看看怎么使用这个神奇的标签。它在html页面里面是这样的样子，可以直接在上面设置画布的大小，边框等属性这里提一下，最好在javascript里面设置canvas的宽高，也不...
2018-03-03 16:53:11
203
原创 一些比较
Javascript的基础这一块大多数和java是一样的，但是也有一些不同的地方，目前就碰到这些地方，等以后积累到更多的不一样的地方，再慢慢补充。声明变量时只有一个关键字var，而不像其他语言那样，有int ，String等等之前一段时间总是在写javascript的时候情不自禁的加上int之类的关键字，真的坑自己。<script type="text/javascript"> ...
2018-03-03 14:59:44
328
原创 JavaScript中闭包的应用
javascript怎么通过闭包达到变量提升，迭代期以及其它的应用案例var n;function f1(pa){ var a = 'qwe' ; n = function(){ return pa ; }; pa++; return n;}var q=f1(444);console.log(q());结果为：445pa++;语句之前函数只是作了声明，并没有使用，在使...
2018-03-03 14:50:54
97
原创 javascript中的闭包
在程序语言中，所谓闭包，是指语法域位于某个特定的区域，具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留他们在闭包最初定义(或创建)时的值。作用域链var a = 1 ;function text(){ var b = 2 ; return a ;}console.log(text());cons...
2018-03-03 14:37:55
110
原创 JavaScript中的特殊形式的函数
javascript的函数有很多特别的写法 和用法：内置构造函数创建函数，函数私有化，返回自己的函数，重写自己的函数，自调用声明所有函数。Js内置构造函数创建函数var a =new function（‘a’，‘b’，‘return a+b‘）；它等同于function a（a，b）｛return a+b；｝函数私有化执行结果为：在a函数内调用b函数的结果为:15而打印b函数则报错返回自己的函数执...
2018-03-03 14:31:16
227
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人