runner_123的博客

1、给段落的首字母加样式.contain p:first-child:first-letter {color: red;}.contain p:first-child:first-line {color: inherit;}2、实现一个不停旋转的地球.rotate{ animation-name: rotateme; animation-duration: 24s; animation-iteration-count: infinite; anima

一、css篇1. 对于text-overflow:ellpisis；在flex布局下不生效；2. @import '../out.less' 这样引入的样式会作用于全局，尽管是写在当前文件的scoped下的解决办法：在less文件中的最外面套一层自己自定义的唯一的样式，这样里面重名的样式就不会应用到其他页面组件了二、js篇1. for in循环用来遍历对象，可以遍历数组，但最好不要，因为遍历数组时会遍历数组原型链的属性；2....

1、d3读取。csv文件，提示访问方式必须以http,https开头的请求方式。安装http-server安装后启动项目2、点击按钮切换数据源（.csv）需要先清除数据 d3.select("#bar-1").selectAll("rect").data([]).exit().transition().delay(100).remove(); 渲染的时候给柱状图添加动画 bara.selectAll("rect").data(data).enter() .

1、vue图片静态路径可以加载成功，但是List里面的src属性动态赋值，图片无法显示解决：require("@/img/xxx.png")2、路由跳转传递的参数可以是对象吗可以；使用params传递参数3、购物车中，点击增加数量，只对当前物品进行小结计算，vue的v-for循环中item中的对象数据的处理怎么挪入computed中来计算。因为computed不能携带参数，但是需要把当前Index传递进去，去计算金额，使用methods来代替 getTotalPrice()

1、 Canvas 的绘图能力，通过调整图片的分辨率或者绘图质量来达到图片压缩的效果，实现思路如下：获取上传 Input 中的图片对象 File 将图片转换成 base64 格式 base64 编码的图片通过 Canvas 转换压缩，这里会用到的 Canvas 的 drawImage 以及 toDataURL 这两个 Api，一个调节图片的分辨率的，一个是调节图片压缩质量并且输出的，后续会...

一、异步编程首先函数是一等公民，可以作为函数参数或者函数返回值1、首先举个函数工厂的例子，顾名思义，用来生产函数,这个例子是判断一个变量的类型function isType(type){ return function(param){ return Object.prototype.toString().call(param)==`[object ${type}]`;...

一、跨浏览器添加事件\移除function addEvent(eventObj,tyoe,fn){ if(eventObj.addEventListener){ eventObj.addEventListener(type,fn,false) }else if(eventObj.attachEvent){ eventObj.attachEvent('o...

1、实现背景图片透明，图片之上的文字正常显示技术点有二：1、背景图片透明，其上的文字正常显示2、文字垂直居中显示分析：文字显示在背景之上，那么给文字的z-index：99； 文字是不定宽高的，用absolute+transform来实现难点：发现将中间内容的元素透明度设为0.5，文字也会继承此特性，变为0.5因此采用：::before伪类来实现...

最近遇到一个问题，客户给了一个.txt文件，里面有上万条数据，需要从文件中查询数据并进行计算。1、首先的思路是.txt文件转为.json文件用fileReader 来对数据进行处理2、处理后得到一个json数组对象，但是不能每次用到的时候都去读取.txt文件，毕竟里面的数据可不少，还是本地生成一个json文件function trans(){ var _FileData...

1、实现购物车问题1：点击物品的加减，需要给当前物品的数目变化；因为物品列表是动态增加的，每次点击增加，数目会增加，但是点击下一物品，还是这个物品的数目增加，最后用了一个本办法给当前元素span一个唯一的ID，通过i来获取 div1.innerHTML = '<input type="button" value="-" onClick="less('+i+')"><...

引言：最近做了一个非常非常非常小的项目实例，奈何在家太菜，吭哧吭哧写了一天半，把这个实现guo过程中遇到的一些边边角角的小问题都记录一下。1、写NodeJS服务器端的POST/GET请求（1）通过reques.method判断客户端的请求方式（2）通过request.url判断客户端的具体请求接口，返回对应字段 //post方式=》 var enddate = {};...

本课程从Node.js的安装配置开始，包括函数调用，模块调用，路由，文件操作，异常处理，参数接收，正则表达式，连接数据库，事件等内容，使学员通过十六课时，学习Node.js的基础知识，掌握JS开发服务端的编写方法，了解Node.js的运行机制，为深入学习后期各类框架打好基础。...

本课程从Node.js的安装配置开始，包括函数调用，模块调用，路由，文件操作，异常处理，参数接收，正则表达式，连接数据库，事件等内容，使学员通过十六课时，学习Node.js的基础知识，掌握JS开发服务端的编写方法，了解Node.js的运行机制，为深入学习后期各类框架打好基础。...

webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。...

1、概念：迭代器模式是指提供提供一种方法顺序访问一个聚合对象中的各个元素。比如，JQuery中的$.each()函数，这属于内部迭代器，由于迭代规则已经被提前规定。外部迭代器必须显式地请求迭代下一个元素。2、迭代器的应用举例 //需要上传一个文件，先得看浏览器是否有对应的上传控件，没有则看是否支持flash插件，不支持则使用最原始的浏览器表单上传 var getU...

一、模板方法模式1、模板方法模式，基于继承的设计模式，由两部分组成，抽象父类和具体实现子类。2、例子Coffe 和 Tea//创建抽象类 -- 饮料 function Beverage(){} Beverage.prototype.boilWater = function(){ console.log("把水煮沸") } //...

一、适配器模式1、作用：主要解决两个软件实体间接口不兼容的问题2、实例（1）地图渲染的适配//谷歌和百度地图的渲染地图调用的方式不一样 var googleMap = { show: function () { console.log('开始渲染谷歌地图') } } ...

一、核心概述发布订阅模式主要包含三大块：缓存数组、订阅、发布缓存数组 一个数组[] 订阅 往数组里面压入函数fn 发布 里面循环遍历数组，然后执行数组中的函数。 二、简单代码实现及改进（1）实现 var subpub = {}; subpub.cache = []; subpub.subscribe = function(fn){ ...

一、单例模式1、概念保证一个类仅有一个实例，并提供一个访问它的全局访问点2、单例模式的实现 -- 以创建div节点为例var createDiv = (function(){ var instance; var createDiv = function(html){ if(instance){ return instance...

1、input单选框——获取选中值和设置选中值需求：修改数据段时候，需要先去取到用户类型，然后让单选框对应的值选中。原生js获取选中值 & 设置选中值//获取if(document.getElementById("reserve_yes").checked){ reserve=yes;}else if(document.getElementById("reser...