傻傻的鱼-CSDN博客

原创小程序开发中的有哪些组件

一、视图容器(View Container)：view 视图容器scroll-view 可滚动视图容器swiper 可滑动的视图容器二、基础内容(Basic Content)icon 图标text 文字progress 进度条三、表单组件(Form)button 按钮form 表单input 输入框checkbox 多项选择器radio 单项选择器...

2019-11-27 16:48:33 1580 1

原创【前端】利用Canvas给图片添加水印，支持拖拽、编辑、缩放与删除

利用Canvas给图片添加水印，支持拖拽、编辑、缩放与删除。难点一：如何在伪元素after“删除按钮“上添加点击事件。通过鼠标点击位置event中offsetX属性获得其偏离元素距离，与元素宽度做比较。若大于元素宽度，则点击在了伪元素上，否则点击到正常元素上。代码中有体现。难点二：如何对水印增加编辑和拖拽功能。使用contentEditable属性来使其可以编辑，使用jqueryUI的...

2018-10-11 17:56:02 2953

原创【安卓Android】SharedPreferences学习

简介日常开发中我们常常要用到保存数据，Android中常用的存储方式有SQLite，sharedPreferences 等，当然也有各自的应用场景，前者适用于保存较多数据的情形，后者责倾向于保存用户偏好设置比如某个checkbox的选择状态，用户登录的状态、配置信息，实现记住密码功能等等，都是以键值对的形式进行的文件读取。 SharedPreferences：一个轻量级的存储类，特别适合用于...

2018-09-05 08:52:19 454

原创【前端面试】创建长度为100，内容为下标的数组，你能想到几种方法？

使用循环var arr = [];for(let i=0; i<100; i++){ arr.push(i);}//或者var arr = new Array(100)var i=arr.lengthwhile(i--){ arr[i] = 0;} 使用递归function genArr(i, j, arr){ if(i < j){ arr[i]

2018-02-07 18:31:28 936

原创【前端面试】 JS异步编程

callback回调方法function fn1 () { console.log('Function 1')}function fn2 () { setTimeout(() => { console.log('Function 2') }, 500)}function fn3 () { console.log('Function 3')}fn1()fn2()fn

2018-02-04 15:44:29 1029

原创【前端面试】如何快速找到数组的最大值？

arrayMax主要用到…扩展运算符，将一个数组转为用逗号分隔的参数序列。const arrayMax = arr => Math.max(...arr);// arrayMax([10, 1, 5]) -> 10

2017-12-25 21:09:10 1424

原创【前端面试】如何求一个数组的平均值？

arrayAverage获得数组的平均值；除了传统的循环遍历方式，可以使用数组自带的Array.reduce()方法。查看reduce方法的说明文档。const arrayAverage = arr => arr.reduce((acc, val) => acc + val, 0) / arr.length;// arrayAverage([1,2,3]) -> 2

2017-12-25 21:00:22 9000

原创【前端面试】前端面试题300道~~熬夜吐血整理

人生也有涯而知也无涯以有涯随无涯殆已！ –庄子部分内容转载自网络，侵立删！如有错误，请指正！1、手写jsonp的实现参考自： http://www.qdfuns.com/notes/16738/1b6ad6125747d28592a53a960b44c6f4.html先说说JSONP是怎么产生的：其实网上关于JSON...

2017-10-07 14:01:07 188039 32

原创【前端面试】OSI七层模型和TCP三次握手、四次挥手

这篇博文讲的不错~ http://www.jellythink.com/archives/705osi七层模型： TCP协议头部的格式 Source Port和DestinationPort:分别占用16位，表示源端口号和目的端口号；用于区别主机中的不同进程，而IP地址是用来区分不同的主机的，源端口号和目的端口号配合上IP首部中的源IP地址和目的IP地址就能唯一的确定一个TCP连接；

2017-10-05 11:19:20 12432 1

原创【前端面试】数组排序：array.sort（）方法的理解~

sort() 方法对数组的元素做原地的排序，并返回这个数组。 sort 排序可能是不稳定的。默认按照字符串的Unicode码位点（code point）排序。语法 arr.sort([compareFunction]) 参数 compareFunction可选。用来指定按某种顺序进行排列的函数。如果省略，元素按照转换为的字符串的诸个字符的Unicode位点进行排序。描述如果没有指

2017-10-04 18:56:40 4902

原创【前端面试】行内元素与块级元素

1.分类判断行内元素和块级元素的快捷方法就是判断是否能并列。块级元素行内元素 2.不同点（1）块级元素会独占一行，其宽度自动填满其父元素宽度；行内元素不会独占一行，相邻的行内元素会排列在同一行，直至一行排不下才会换行，其宽度随元素的内容而变化。（2）块级元素可以包含行内元素和块级元素；行内元素不能包含块级元素。（3）行内元素设置width、height、margin-top、m

2017-10-04 16:04:26 2437

原创【前端面试】谈谈你对jQuery中的ajax方法的了解

什么是 AJAX？AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。 1. jquery ajax怎么写？原生javascript又该怎么实现？ 2. json 和 jsonp有啥区别 3.ajax的返回值datatype都有哪些？

2017-10-04 15:38:00 2822 1

原创【前端笔试】原始JS对DOM对象的操作：增删改查插

看书、看控制台、看文档一点点总结的~有疏忽的地方，请不吝赐教~1. 增创建元素节点：document.createElement(“div”); 创建text节点：document.createTextNodet(“内容”); 复制一个节点： var newNode = node.cloneNode();//参数为true复制所有子节点，参数为false只执行一次浅复制。2. 删remove

2017-09-21 00:08:31 1982

原创【前端笔试】实现两个json对象的比较

便利蜂前端笔试题~ 让实现一个function，比较两个json格式的数据是否一致，我是用for of 去遍历，回来试了才知道for of 是不能遍历的对象的，应该用for in 的，反正官方是这么说的：The for...of statement creates a loop iterating over iterable objects (including Array, Map, Set

2017-09-16 16:05:49 6751

原创【前端笔试】JavaScript实现字符串全排列

我个人认为前端工程师笔试题中，算法题一般不难，也就这个难度，甚至比这还要简单。这是我在笔试过程中遇到的一个题~下面分享一下解题思路。大体结构：定义一个方法，传入str变量，返回一个数组，包含所有排列：function fun(str){ var result = []; return result;}主要逻辑：肯定是需要递归的~先将第一个字母取出，然后将剩下的字符

2017-09-16 15:02:53 6444 1

原创【前端笔试】JS中字符串的截取

字符串对象有三个方法都可以用来截取，分别是 slice,substr和substring；当有两个参数时slice和substring接收的是起始位置和结束位置(start+end不包括结束位置)，而substr接收的则是起始位置和所要返回的字符串长度(start+length)。 var test = ‘hello world’; test.slice(4,7); /

2017-09-16 14:09:16 2758

转载操作系统常见面试和笔试题

介绍操作系统是编程最重要的基础之一，操作系统相关知识广泛应用在程序设计、系统调优、问题追查、性能优化等重要场景中，一个不懂操作系统的程序员不可能写出优秀的代码，更不可能设计出优秀的系统架构，所以操作系统知识也是面试中不可或缺的一部分，尤其对于基础组件开发、系统调优等相关职位。本节主要涉及一些操作系统的基本知识，包括操作系统原理及 Linux 系统的基本使用，包含 Linux 系统基本操作是因

2017-09-06 13:22:36 13313

原创【前端面试】我遇到的那些前端笔试题~

1.在CSS中，可继承的样式属性有2.简述visibility:hidden 与 display:none的区别 a.前者不脱离文档流，保留隐藏之前元素占据的物理区域，不影响结构，只产生重绘repaint；而后者则脱离文档流，如果重新显示则需要页面的重新绘制repaint 与 reflow。 b.如果父级设置display:none;子级设置display:block也不会显示；而如果父级设置v

2017-09-02 13:54:26 3554

原创 JavaScript中的数组对象属性和方法！

日常代码中经常会对代码进行一些操作，复制、排序、查找、遍历等等，一些数组的方法总是记不住，所以写篇日记总结一下。1. 数组的创建与赋值创建一个数组，有三种方法。下面的代码定义了一个名为 arr的数组对象： 1: 常规方式:var arr=new Array(); arr[0]="Saab"; arr[1]="Volvo";arr[2]="BMW";2: 简洁方式:var ar

2017-07-24 22:04:53 2228

原创基于HTML5 画布功能canvas的绘画板：画线、画圆、画矩形、橡皮、改变线条

基于HTML5 画布功能canvas的绘画板：画线、画圆、画矩形、橡皮、改变线条

2017-07-01 00:28:02 4278 3

原创省市联动实现：jQuery和纯HTML两种方法

1.利用jQuery 来实现<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-3.2.1.js" type="text/javascript" charset="utf-8"></script>

2017-06-13 10:19:05 2703

原创 javascript面向对象编程

javascript面向对象编程的四种方式1. 字面量方式定义对象主要应用于属性多的对象。直接创建一个对象。<script> //1. 按照字面量方式定义对象 var student = {"sname":"tom","sex":"", "getsname":function(){return this.sname},

2017-06-12 11:09:42 752

原创前端学习笔记1

CSS 层叠样式表实现内容和表现分离CSS: 1. 实现内容和表现分离 2. CSS的样式控制比HTML的属性多 3. CSS文件可以缓存在浏览器中，节省带宽。 4. HTML和CSS内容和表现分离。SEO友好三种使用方式：1．内联： style: 2．嵌入：<style> #b{ background-color: #eee; fon

2017-06-04 21:55:15 626

原创【前端面试】计算机网络与前端

作者：Aoyi_G 链接：https://www.jianshu.com/p/61555bb5fb30 來源：简书著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。DNS即域名系统。因特网上作为域名和IP地址相互映射的一个分布式数据库，能够使用户更方便的访问互联网，而不用去记住能够被机器直接读取的IP数串。通过主机名，最终得到该主机名对应的IP地址的过程叫做域名

2017-04-18 12:28:38 1031

原创【前端笔试】关于cookie的设置，获取和移除

JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。而cookie是运行在客户端的，所以可以用JS来设置cookie.假设有这样一种情况，在某个用例流程中，由A页面跳至B页面，若在A页面中采用JS用变量temp保存了某一变量的值，在B页面的时候，同样需要使用JS来引用temp的变量值，对于JS中的全局变量或者静态变量

2017-04-17 21:06:59 1552

前端之路