- 博客(31)
- 收藏
- 关注
RSS订阅原创 2020-08-14 理解 javascript 函数中的 curry
理解 javascript 函数中的 curry ,偏函数 函数柯里化： 所谓函数柯里化就是把一个函数的多个传参变成多个函数的单个传参。 函数的柯里化，是 Javascript 中函数式编程的一个重要概念。它返回的，是一个函数的函数。其实现方式，需要依赖参数以及递归，通过拆分参数的方式，来调用一个多参数的函数方法，以达到减少代码冗余，增加可读性的目的。fn(a,b,c) 变成 curry(a)(b)(c) 本质： 实现多个参数合并为一个参数数组，apply...
2020-08-14 17:28:47
207
原创 vueRouter history 模式配置
vue-router 前端路由系统： 改变视图的同时不会向后端发出请求。hash 模式：域名/#/user/carthistory 模式：域名/user/cartexport default new VueRouter({ linkActiveClass: 'mui-active', mode: 'history', （默认为hash 模式） route...
2019-05-28 10:13:17
2496
原创 vue + mongo +node 项目上线部署该注意的点
一、 简单方法部署（不用ngnix 服务器代理）1.将前端项目打包为一个dist 文件j夹后，加入到服务端server项目。2. 配置 mongod ，设置开机自启。https://www.cnblogs.com/tangkaishou/p/10018244.html3. 设置 nodejs 开机自启。https://www.jianshu.com/p/1b35509bb98f....
2019-05-11 15:37:00
172
原创 vuex 状态管理
1. 一个const 对象用来管理系统中的变量。在组件中，当一个组件需要获取多个状态时候，将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题，我们可以使用mapState辅助函数帮助我们生成计算属性。当映射的计算属性的名称与 state 的子节点名称相同时，我们也可以给mapState传一个字符串数组。computed: ...mapState(['level','i...
2019-05-01 20:03:50
116
原创 Object.defineProperty 数据绑定
通过set get 方法实现数据绑定。Object.defineProperty(obj, prop, descriptor)参数节obj要在其上定义属性的对象。prop要定义或修改的属性的名称。descriptor将被定义或修改的属性描述符。返回值节 被传递给函数的对象。在ES6中，由于 Symbol类型的特殊性，用Symbol类型的值来做对象...
2019-05-01 19:58:06
89
原创 freecodecamp 前端html css3部分
1. html5 t添加输入框的必填检测 require 字段。2. #main 标签 只能包含一个。标签规定文档的主要内容。<h2>CatPhotoApp</h2><main><p>Click here to view more <a href="#">cat photos</a>.</p>...
2019-04-23 12:45:39
115
原创 围圈数数淘汰游戏
在围圈游戏中，规则是从某个数同时开始逆时针和顺时针走一定步长，淘汰对应索引的人员，则有两种情况可能顺逆时针轮到同一个人或许人不同，可以通过一个函数确定每走一步数数的索引值。用一个数组表示每个人是否out 的标志位，初始数组每个值为1. out后为0 /** * @param q 逆时针起始坐标 * @param step 方向 * @param p 步长...
2019-04-07 20:42:56
973
原创 Angular4.0 路由导航的使用
1. a 链接的 routerLink 属性展示对应的子组件内容。命令 ng new routeDemo --routing 新建一个具有路由功能的项目。在app.module 中配置path 路径不能 / 开头， 方便多页面导航用到相对路径和绝对路径。路由根据匹配优先按照顺序来匹配，可在最后添加一个通配符的路由匹配。import { NgModule } from '...
2019-02-03 14:46:31
288
原创 node vue 基础学习
1.网页临时获取一个网络资源，若通过同步方式获取，那么js 则需要等待资源完全从服务器端获取后才能继续执行。而采用异步，在下载资源期间，js 和UI 的执行都不会处于等待状态。2. 阻塞与非阻塞IO阻塞：必须等当前任务执行完，返回数据再执行下一个数据。非阻塞IO: 内核把输入输出都当做文件来处理，应用程序若进行IO 调用，需先打开文件描述符，然后根据文件描述符取显示文件的数据读取。而非...
2018-12-27 23:35:21
274
原创 理解promise 定时器回调
1.promise 函数Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve和reject。它们是两个函数，由 JavaScript 引擎提供，不用自己部署。resolve函数的作用是，将Promise对象的状态从“未完成”变为“成功”（即从 pending 变为 resolved），在异步操作成功时调用，并将异步操作的结果，作为参数传递出去；reject函数的...
2018-12-27 15:59:00
4444
原创 遍历DOM 树、函数记忆及样式前端笔试题
写一个traverse函数，输出所有页面宽度和高度大于50像素的节点。function traverse(){ return Array.prototype.filter.call(document.querySelectorAll('body *'), function(node){ return node.offsetWidth &g...
2018-12-27 08:37:50
296
原创 js 浮点数计算的精度问题
0.1 + 0.2 =？0.1 + 0.2 = 0.3？我们先来看一段 JS。console.log( 0.1+ 0.2);输出为 0.30000000000000004。其实对于浮点数的四则运算，几乎所有的编程语言都会有类似精度误差的问题，只不过在 C++/C#/Java 这些语言中已经封装好了方法来避免精度的问题，而 JavaScript 是一门弱类型的语言，从设计思想上就...
2018-12-26 15:25:10
130
原创 电商项目(附加github 学习项目)
简单电商项目代码地址：https://github.com/Betty09Zhang/shoppingMall效果浏览：www.bettyzm.clude:4000/index.html 登录名：zm 密码：1231. slot 插槽（父子组件通信）全局模态框组件实现：在modal.vue 中添加槽<slot name="tip"></slot>...
2018-12-24 23:10:43
3365
原创 AMD,CMD,commonJS 理解
模块化解决方案：1.AMD异步模块定义 require JS 在推广过程中的对模块定义的规范化产出物（依赖前置 在回调里面加载）在标准之下 对其实现。就像ECMAScript是JavaScript的规范，JavaScript是ECMAScript的实现。requireJS 动态异步加载js 文件，按照模块加载方法。通过define 定义，依赖 package/lib 加载库，通...
2018-12-19 23:51:00
147
原创 js实现双向链表 双向追加、删除某元素的所有节点
思路：删除某元素的所有节点1. 该元素有前驱和后继2 该元素有前驱无后继3.该元素有后继无前驱4 该元素即无前驱也无后继 function deleteEle(ele){ var count=0; var temp=this.head; while(temp!=null){ ...
2018-12-19 15:30:43
667
原创 node.js 学习
1.node.js 作为服务器入口 其可用js来编程。是js 的开发平台的运行环境。不是库和框架。node.js 可以解析和执行js 代码。就像之前的浏览器一样。由于node.js,现在js 可以完全脱离浏览器运行。浏览器中的js:1.1ECMASCRIPT 只有基本的语法。if function array,string 等。1.2dom1.3,bom浏览器documen...
2018-12-05 23:31:32
83
原创 H5C3新特性
兼容性：支持ie9以上1.H5 新增标签nav(定义导航链接部分) header（定义文档的头部） footer（定义文档的页脚底部） article（定义文章） section（定义文档的节，相当于div）aside（定义其所处之外的内容，边）手机移动端不需要考虑兼容性的问题，经常用到2.新增属性 datalist 与input 搭配，下拉搜索框。3.新增表单colo...
2018-12-02 23:07:04
1898
原创 js 编程
1.Array 数组中无remove 方法，但有 splice(index,len);1.1 初始化一个数组：var attr=new Array(); attr=[1,2,3];1.2Java中初始化一个数组 int[] attr={-1,2,3}; 用花括号扩起来。2.找出数组中重复出现的元素。 2.1 首先通过数组排序，判断相邻两项是否相等，若相等，则存入该数到一个新...
2018-11-28 22:19:35
89
原创 jQuery 学习及js 基础补充
1.jQuery 相当于一系列js 函数的封装，是一种轻量级库里面有很多函数可以调用。在加载页面过程当中，页面元素加载完成后，即可执行jQuery 语句。图片再继续加载完在 js 中，等页面所有元素加载完成后，即图片也显示完全后，js语句才执行。JQuery 入口函数：$(function(){});$(document).ready(function(){});有...
2018-11-28 22:19:14
84
原创 js基础
1.json对象：一组无序属性的集合。属性的值可是任意类型。function Person(){ this.name=name;this.age=age;this.dog={};}function Dog(){this.name=name;}json格式数据：一般都是成对的，是键值对。json 也是一个对象。一般json 格式的数据，无论是键还是值，都有...
2018-11-27 17:16:14
103
原创 作用域与闭包
1.js 无块作用域。while(true){ var num=10; break; } console.log(num);2.作用域 由里到外，层层调用。3.闭包模式：函数内中包含函数。函数内置包含对象。闭包的作用：缓存数据，如 s.但延长了作用域，一般情况下s 作为局...
2018-11-20 12:40:04
109
原创 原型与原型链
1.实例对象的原型_proto_与原型对象prototype 通过_proto_联系起来。构造函数里面的_proto_ 指向Object 的原型对象，Object 的原型对象的_proto_指向null. 原型对象prototype 存在于构造函数中。对象中的_proto_总是指向该对象所在（指向）的构造函数中的prototype原型对象。2.根据实例对象找到其属性。若实例对象无该属性，顺...
2018-11-19 10:51:25
100
原创 javascript 高级学习
1.javascript 的组成 1.1ECMASCRIPT语法 1.2.DOM 1.3.BOM2.JS基本数据类型：boolean ,undefine, string,number,null复杂类型Object;3.创建对象方式 3.1创建对象的三种方式// 字面量创建: var per1=...
2018-11-13 23:49:08
98
原创 java 中的子继承
1. 当子类父类存在相同的方法时，优先选择自己的方法，不论父类的引用是否指向子类对象的实例，都选择自己的。若子类无该属性，就继承父类。2.当子类父类存在相同的属性时，且该属性未作为子类构造函数的参数传入，若父类的引用指向子类对象的实例，输出父类的属性。3.当子类父类存在相同的属性时，且该属性作为子类构造函数的参数传入，输出子类的属性。public class Pet { p...
2018-11-13 23:46:50
120
原创 公共图标库
1.公共字体图标的使用1. 1www.icomoon.io 在官网上下载所需的素材，将文件夹放在html文件夹同一个目录中，在style 里面引入声明字体， @font-face 属性，在下载文件夹中找到 demo.html ,再在里面找到对应位置的 小方块，复制粘贴到所需的位置(注意html 文件夹中显示的 为空格)，所需的位置用一个标签如span标签等括起来，标签中引入@font...
2018-11-07 20:47:23
404
原创 第7天 css高级样式
1.鼠标样式商品位于图像上鼠标的十字变换cursor:move，轮播图中鼠标位于小圆点时 变换为小手cursor:hand,文本样式 cursor:text2.轮廓线强调表单输入文本，点击边框，显示边框颜色。若点击时不想显示边框颜色，设置 outline:none;3.文本域在一些留言中会遇到textarea,防止文本域拖拉放大影响其他元素，设置 resize:none;...
2018-11-04 21:06:19
210
原创 css
1.为什么要清除浮动？ 因此在一些盒子中不方便赋予高度，比如在新闻文章中，文章内容每天是不定的。 浮动的图片，不能跨越 内边距。清除浮动，是在父盒子不给定高度的情况下，若子盒子都为浮动，即父盒子没有了高度，height=0，下一个盒子可能“顶上来”，若给定父盒子高度，子盒子的内容可能会超出父盒子边界。 1.1若设置 clear:both （清除所有浮动）可解决（clear：le...
2018-11-02 21:53:48
126
原创 css学习
1.行内元素、块级元素、行内块元素行内块元素：inline-block; 可设置宽高和对齐方式。一行可以放好几个元素。行内块元素常见的有 <input /> <img /> <td></td> 后面可以跟其他元素。 行内元素 ： 常见有<span></span>, <a></a&
2018-10-30 23:32:52
105
原创 css 样式
css基础选择器 标签选择器 类选择器 多类名选择器 ID选择器 通配符选择器 1.当既存在外部样式，又存在内部样式时，根据css样式排列顺序，位于较后面的若存在相同的定义样式，会替换前面的样式。如行内样式，会替换外部样式。2.若存在多类选择器，也只与css样式的排列顺序有关，与类选择器中类的书写顺序无关。3.ID 选择器只能...
2018-10-29 23:43:16
77
原创 学习html 基础知识易混淆弄错的知识点
1.锚记能够快速定位到指定位置文档。eg: 1.1 回到文档顶部<a href="#top">回到顶部</a> 1.2 回到指定id 处<h2 ><a href="#live" id="background">生活背景</a></h2>&
2018-10-29 11:42:16
142
原创 mybatis 集成spring-boot
在http://www.mybatis.org/spring-boot-starter/mybatis-spring-boot-autoconfigure/index.html 找到依赖在pom.xml中添加<dependency> <groupId>org.mybatis.spring.boot</groupId> <artif...
2018-09-23 18:03:19
276
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人