TA的文章(8)

  • js三大经典排序算法之-----------插入排序

    插入排序 基本思想：每一步将一个待排序的数据插入到前面已经排好序的有序序列中，直到插完所有元素为止。 算法实现：直接插入排序是将无序序列中的数据插入到有序的序列中，在遍历无序序列时，首先拿无序序列中的首元素去与有序序列中的每一个元素比较并插入到合适的位置，一直到无序序列中的所有元素插完为止。 演示 分析 插入排序的工作方式像许多人排序一手扑克牌。开始时，我们的左手为空并且桌子上的牌面向下。然后，我们每次从桌子上拿走一张牌并将它插

    插入排序 基本算法

  • 抽屉式图片

    思路：和轮播类似，两层父元素，外层大小为可视的大小设置overflow：hidden即可，内层设置ul为li的总大小，li左浮动，剩下的子元素合理摆放；这样我们的html和css部分就完成了。然后到jq部分，jq就是获取li的jq对象，添加click或者hover事件，事件里面$（this）为事件当前里的对象，给当前对象添加动画→width设置为展开大小700px，其他兄弟添加动画→width设置为收缩大小100pxcss：*{margin: 0px;padding: 0px;} ul,l

    图片 轮播 百叶窗 抽屉式图片

  • 纯css实现开关、轮播

    css样式： /* 基本样式 */ * { margin: 0px; padding: 0px; } ul, li { list-style: none; } img { width: 100%; display: block; } input { display: none; } label { display: inline-block; width: 10px

    html css

  • 从零开始搭建脚手架

    前言：大家用自己电脑搭建脚手架少不了一顿搜索（包括我），所有特地整合了从零开始搭建脚手架的步骤。用自己的电脑做的案例。少说废话，我们开始吧！首先，win+r然后输入cmd如下图点确定或者按键盘回车：进入dos界面：输入node -v 回车 再输入npm -v 回车我这里已经安装了node了，没有的话去官网下载https://nodejs.org/en/，如果版本号低于8.9，最好卸载win→控制面板→程序→卸载：重启电脑然后再去官网下载然后查看npm镜像，输入npm config get reg

    vue基础 脚手架搭建

  • vue项目里的----------------【兄弟传值】

    思路：在assets文件里建一个bus(自己取名的).js文件（专门用来传递消息的公共的★js文件★），引入vue，实例化vue，暴露实例；在兄弟组件里引用；兄弟传值一方用  bus.$emit("自定义方法名"，“数据”)；兄弟接受一方用  bus.$on("和emit方法名一致"，val=>{this.news=val;})；ps：接受或者发送都可以使用created、mounted实现，比如笔者在接受时候使用了mounted接受数据目录图示：bus.js:import Vue from '

    兄弟传值 vue项目

  • ES6中的模块

    前言：无论是之前学的服务端的node.js还是现在做项目vue都有暴露模块和引用模块的身影，感觉挺有意思的，就整理了一下网上关于对于es6模块化的资料。 概述在 ES6 前， 实现模块化使用的是 RequireJS 或者 seaJS（分别是基于 AMD 规范的模块化库，  和基于 CMD 规范的模块化库）。ES6 引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量。ES6 的模块化分为导出（export） @与导入（import）两个模块。个人补充：如果是在原生

    import export module

  • 弹性盒子的项目属性研究

    前言：最近做微信小程序css样式一直用到弹性盒子，老唐讲的弹性盒子的基本属性都用上了，但是，网上看别人案例有些没见过了，所以就看了阮一峰的博客。里面的介绍确实详尽，http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html。      因为主要就项目属性的部分属性没怎么弄明白，所以只是做了部分测试，分别是flex-grow，flex-shrink，flex-basis、flex。html代码：<!DOCTYPE html> <html> <

    flex html 弹性盒子

  • 同步和异步

    JavaScript 异步编程异步的概念异步（Asynchronous, async）是与同步（Synchronous, sync）相对的概念。在我们学习的传统单线程编程中，程序的运行是同步的（同步不意味着所有步骤同时运行，而是指步骤在一个控制流序列中按顺序执行）。而异步的概念则是不保证同步的概念，也就是说，一个异步过程的执行将不再与原有的序列有顺序关系。简单来理解就是：同步按你的代码顺序执行，异步不按照代码顺序执行，异步的执行效果更高：以上是关于异步的概念的解释，接下来我们通俗地解释一下异步：

    同步