- 博客(44)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 nodejs + multer 实现文件上传与下载
1.介绍 做了一个关于文件上传和下载的demo ，选择了Multer 作为中间件进行数据处理。关于multer请参考中文翻译文档 https://github.com/expressjs/multer/blob/master/doc/README-zh-cn.md 或者官方文档 2. upload 文件上传 html form标签内设置enctype=”multipart/form-dat...
2017-05-10 00:14:33
9382
1
原创 书签脚本-查看网页cookie
1.写了一个书签脚本，效果是可以查看网页的cookie,算是一个练习，书签脚本还是很方便的呢 2.效果如下：大部分网站都可以 3.方法：把如下代码放入新建书签的地址栏即可javascript:(function(){if(document.querySelector('#utah')){document.querySelector('#utah').style.display = ...
2018-05-04 14:42:37
1114
原创 js访问后台php的入门与要点
1.写在前面大四的最后一个实验课，选择了移动通信系统应用，课上入门了python与php的一些东西，但是最后我用html网页中js来访问后台php的时候，才发现有很多坑。2.入门与要点(1)js如何与后端php做post请求，后端php如何接受json数据以及解析。//js发送post请求的函数，为了方便使用jqueryfunction query(xxx){ $.a...
2018-01-14 17:57:51
968
原创 css 属性选择器学习+css3 混合模式+css background
1.css [attribute]选择器[attribute] [target] 选择带有 target 属性所有元素。 [attribute=value] [target=_blank] 选择 target="_blank" 的所有元素。 [attribute~=value] [title~=flower] 选择 title 属性包
2017-12-19 14:18:17
801
原创 css伪类hover新的应用技巧思考+fixed屏幕居中
1.写在前面 之前的理解是hover伪类是写在某个元素上，鼠标移到上面就可以修改此元素的样式，可不可以改变另一个非hover元素样式呢？在使用less的时候，可以这么写：.nav:hover{ color:red; .block{ color:blue; }}含义是hover到nav元素时，既改变nav样式又改变另一个任意block元素样式。那么在css里
2017-12-04 15:29:40
857
原创 HTML5调用摄像头+视频特效+录制视频+录音+截图+变声+滤波+音频可视化
1.写在前面根据最近的学习，写了一个demo, 可以通过navigator.mediaDevices.getUserMedia()方法调用电脑摄像头，并实现了录制音频，录制视频，对摄像头的内容进行截图下载；通过AudioContext使用web audio api处理音频信息，实现滤波以及简单变声处理。录制使用的api是MediaRecorder。整个demo没有使用其他的库，全部是原生api.
2017-11-05 23:05:53
11475
7
原创 js文件保存的相关学习
写在前面突然对js文件的下载产生了兴趣，研究了一下，以后肯定用得到，参考的文章中，最全面的是这个：（https://segmentfault.com/a/1190000006600936，作者写的很好）。上边这个文章还包括上传文件，拖动上传，大文件处理，以及多张对象类型的区别。普通的下载方式普通的下载思路是使用a标签，如下：<a href="http://xxx.main.js" downloa
2017-10-30 23:23:52
455
原创 js Date对象的深入理解
1.var date = new Date(); getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 getMonth() 从 Date 对象返回月份 (0 ~ 11)。 getFullYear() 从 Date 对象以四位数字返回年份。 以上四个
2017-10-21 14:11:38
482
1
原创 js任意进制转换--parseInt与toString
1. js可以很简单的做任意进制的转化，核心函数是全局函数parseInt(str,radix)与Number.toString(radix); 2. parseInt(str,radix); 将字符串str按照radix进制编码方式转换为10进制返回，没有radix，默认为10； 此方法把任意进制字符串转为10进展返回。eg: console.log(parseInt('23',8));
2017-10-18 22:14:49
7189
原创 web缓存学习+H5自定义属性+observe
1.web缓存 (参考https://segmentfault.com/a/1190000006741200) （https://my.oschina.net/leejun2005/blog/369148） 一般针对静态资源如CSS,JS,图片等使用缓存，原因如下： （1）请求更快：通过将内容缓存在本地浏览器或距离最近的缓存服务器（如CDN），在不影响网站交互的前提下可以大大加快网站加载速度
2017-10-17 15:26:06
387
原创 js正则表达式的深入学习+分组+前瞻
1.首先是关于str.match(),参数是子字符串或者reg表达式； 返回包含匹配的子字符串的数组。关于多匹配与单匹配的区别参考之前博客。(1) 'q123w34'.match('123')[0]; //'123'(2) '23d34f45g56'.match(/\d{2}/g); //['23','34','45','56']2.重点是str.replace的深入理解 参数有两个，一个是r
2017-10-16 16:51:49
600
1
原创 http://nian.so/#网站的拓展工具编写
这个网站叫做念我用了很久，有安卓和ios版本，我对网页版进行了处理； 写了此社交网站的一个拓展工具。 功能–：对自己或者他人的进展页面内容进行处理，可以筛选关键字。不需要可以隐藏。简单有效。其他页面无法使用。 使用方法–：打开登录个人账户，进入进展页面，如上， 按下F12打开控制台，在console下面，复制我所有的代码，回车即可，直到关闭页面或者刷新都不会消失。 效果展示： 代码：
2017-10-05 14:31:10
1121
原创 原生ajax的实现+websocket理解
1.首先实例化一个XHR对象， var xhr = new XMLHttpRequest(); 2.然后发动请求， xhr.open(‘GET’,’example.php’,false); open()方法的第一个参数用于指定发送请求的方式，这个字符串，不区分大小写，但通常使用大写字母。”GET”和”POST”是得到广泛支持的.参数还可以是”HEAD”、”OPTIONS”、”PUT”。第二个
2017-09-29 14:40:55
912
原创 js中this的知识点
1.this始终指向调用它的对象,但是难点就是判断这个对象是哪个； (1)function a(){ console.log(this===window)}a();//true(2)function a(){ console.log(this===window)}function b(){ a();}b();//true(1)函数内部普通方式下，调用该段代码
2017-09-29 13:56:10
449
原创 js原生图片轮播
上代码： <style type="text/css"> div{ width: 200px; height: 200px; border: 1px solid blue; overflow: hidden; /*overflow:hidden;这个很关键*/
2017-09-28 23:22:38
457
原创 js操作dom节点，创建,复制,删除,添加,查找等操作总结
1.创建节点 document.createElement(“div”);//创建一个div元素，参数需要是标签名； document.createTextNode(“233”);//创建一个文本节点内容是“233”； 2.添加节点 var myli = document.createElement(“li”); dom.appendChild(myli); //父节点下面添加一个子
2017-09-28 20:44:40
966
原创 秋招前端笔试面试的一些知识点
1.js面向对象的一整套 (1)var a =1;function main(){ var a = 2; console.log(this.a + a);}function main2(){ var a = 3; main();}main2();最后返回3 ，main()函数虽然在另一个函数内运行，但是只要不是赋值给一个实例变量，就是相当于全局运行，this就是w
2017-09-27 18:00:48
547
原创 多标签点击排序问题(获取点击标签的顺序等)
1.问题描述： 有n个同样的标签，随便点击一个如何确定点击的是哪个标签？ 进一步问题： 来自百度笔试 2.解决多标签点击获取顺序问题，<ul> <li>5</li> <li>2</li> <li>3</li> <li>88</li> <li>00</li></ul>var li = document.getElementsByTagName('l
2017-09-27 16:43:21
1906
原创 移动端网页事件以及屏幕适应
1.事件 touch触摸事件： touchstart 当手指放在屏幕上触发 touchmove 当手指滑动时触发 touchend 当手指离开时候触发 touchcancel： 当系统停止跟踪时触发; 该事件一般使用不到; 触摸具有的属性如下： touches :跟踪的触摸操作的touch对象的数组，当一个手指在屏幕上，event.touches.length==1;当两个手指时，ev
2017-09-27 15:03:28
385
原创 带箭头的对话框实现（百度笔试题）
需要的样式数据： 下面是我实现的代码：<style type="text/css"> #demo{ width: 100px; height: 100px; border-radius: 1px; border:2px solid #000; position
2017-09-27 13:54:43
739
原创 js构造函数与实例关系;闭包
1.一个构造函数如下：(构造函数规范是首字母大写，内部使用this定义属性方法)function Person(){this.name='a';this.job={s:'e'};this.func=function(){return 'eee';}};var a1 = new Person();console.log(a1);a1.job.s='t';var b1 = new Per
2017-09-26 15:07:54
689
原创 原生实现一个toast组件；ul下li点击确定是哪个
1.简单的一个toast组件 首先贴上代码：<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .toast-wrap{ position: fixed; top:0px; bottom: 0px;
2017-09-25 19:07:59
388
原创 position:absolute的深入学习
可以参考这位大神文章： http://www.jianshu.com/p/a3da5e27d22b 1.包裹性 一旦给元素加上absolute或float就相当于给元素加上了display:block;内联元素span默认宽度是自适应的，你给其加上width是不起作用的。要想width定宽，你需要将span设成display:block。但如果你给span加上absolute或float，那s
2017-09-22 16:30:43
606
原创 排列组合以及等比数列，算法最长公共子序列
1.排列组合 ： 排列公式：组合公式：等比数列公式： 2.最长公共子序列 一，问题描述 给定两个字符串，求解这两个字符串的最长公共子序列LCS（Longest Common Sequence）。比如字符串1：BDCABA；字符串2：ABCBDAB 则这两个字符串的最长公共子序列长度为4，最长公共子序列是：BCBA 二，算法求解 这是一个动态规划的题目。对于可用动态规划求解的问题。 参
2017-09-17 21:00:45
1384
原创 js 易考知识点总结
1.js面向对象编程（参考： http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.html） 定义类（class）的方法： （1）使用构造函数，内部用this关键字指代实例对象。 function Cat() { this.name = “大毛”; } 生成实例的时候
2017-09-14 21:12:54
322
原创 js操作tranform与transition动画问题
1.要实现一个div点击旋转的功能，要怎样实现？比较简单的方法有：点击添加一个className,class写好一个动画效果animation.还有一个办法就是使用dom.style.transform = 'rotateX('+90+'deg)'; 如果再在div的样式里面写好transition: transform 1s.就会有延迟效果而不是瞬间旋转。2.完整的一个实现过程如下：
2017-09-13 22:14:51
2859
原创 css3 伪类伪元素使用技巧
1.之前学习过css3的伪元素::before和::after，可以做很多事情。一个是可以做一些css3图标，功能异常强大；另外是可以配合:hover做一些按钮效果（参考https://tympanus.net/Development/CreativeLinkEffects/#cl-effect-21）。 2.对于伪类需要注意常用伪类的使用顺序，参见之前的文章，关于伪类与伪元素的配合使用：<sty
2017-09-11 12:14:13
980
原创 关于软件或者浏览器窗口移到屏幕以外的问题
1.有时候会遇到浏览器窗口跑到屏幕以外，拖不回来，而且像f12弹出的console窗口具有记忆功能，下一次打开会出现在关闭时候的位置，就一直会在窗口外了。 2.解决办法： 使用windows系统的快捷键处理这种问题，Alt+Tab切换到此窗口，然后使用Alt+space打开右键菜单，按下Alt+M或者选择移动，当鼠标变为移动样式，按下方向键就会发现窗口回来了。
2017-09-01 15:24:08
8675
3
原创 github404背景随着鼠标移动的样式实现
git地址：https://github.com/Macixsq1/github404.git 开始学前端的时候，发现了github的页面非常有趣，当时觉得很神奇，一直不明白怎么实现的呀，最近又看到，随便想了一下，发现其实并不复杂，动手写了一个demo. 使用angularjs搭建了初步页面，实际上核心使用了原生js的操作，效果不错。 核心代码如下： con1.jsangular.modul
2017-08-27 23:50:59
770
原创 git 使用技巧总结
以下是已经添加RSA之后的git操作关于push和clone： 想要把文件夹pro1里面的内容全部push到git上去，过程如下： 1.在pro1文件夹内打开git bash 2.git init 3.git add .(这里的空格+点是添加文件夹下所有文件) 4.//touch README //git add README git commit -m ‘first commit’
2017-08-27 23:37:31
346
原创 css3 加载loading图标实现
常见的loading图标，大概的样子是这样：（录制的gif，比较卡） 看到大牛的面试中被问到这个问题，我就想自己动手实现一下。我们来用20行代码实现一下。 代码如下：<!DOCTYPE html><html><head> <title>加载效果</title> <style type="text/css"> .loading{ wi
2017-08-27 00:34:00
7754
2
原创 一个nodejs在线编程题目做为此类参考
题目描述 中位数定义：一组数据按从小到大的顺序依次排列，处在中间位置的一个数（或最中间两个数据的平均数）. 给出一组无序整数，求出中位数，如果求最中间两个数的平均数，向下取整即可（不需要使用浮点数） 输入描述: 该程序包含多组测试数据，每一组测试数据的第一行为N，代表该组测试数据包含的数据个数，1<=N<=10000. 接着N行为N个数据的输入，N=0时结束输入 输出描述: 输出中位数，
2017-08-18 09:33:14
855
原创 在sublime中运行node.js程序
问题：在一些编程题里面经常看到nodejs方式的编程题，但是如何用sublime就可以运行nodejs编程题呢？ 方法：首先在sublime text中搭建一个系统环境： 打开Sublime Text -> Tools -> Build -> Build System -> New Build System 把新建的system清空，输入{ “cmd”: [“node”, “$file”],
2017-08-17 09:50:01
3351
原创 使用less处理重复性background-image定位问题
1.问题描述 使用angular的列表循环解释问题，其他框架类似。 css上面使用flex布局index.html代码：<div class='container'> <div ng-repeat='list in itemlists' class='item'> <div class='icon{{$index}}'></div> <p class='itemName'>{{list
2017-08-03 19:36:20
2247
原创 nodejs下angularjs前后端upload , delete , get 图片的全流程实现
nodejs下angularjs前后端upload , delete , get 图片的全流程实现. 使用的工具有：express,multer,angularjs等
2017-08-01 11:24:59
1029
原创 angularjs下ng-repeat点击元素改变样式实现
1.一个angularjs的学习，了解ng-class的使用技巧；2.代码： html： <div ng-repeat='myimg in myimgs'> <img ng-src="{{myimg}}" ng-click="fabricChoose($index)" ng-class="{fabricImg1:$index==fabricIsSelected}"> <
2017-07-21 11:13:40
4013
原创 angularjs方式的get与post分析
angularjs方式处理get与post，后端获取外界数据，根据前端post参数发送给前端所需数据这一过程的实现
2017-07-09 18:07:35
741
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人