人生代码 ---- 公众号

最近正在重构之前开发过的记账本，之前做得太烂了，现在想重新使用重构一般移动端的记账本，加入了新的功能，主要技术站为webapp vue.js 后端php，可能原生写。 也可能使用框架写。 也可能使用 node.js写。 也可能使用go语言写。 也可能使用java写小程序版本app安卓版本，还有可能使用IOS版本码云地址...

由于网页可能存在各种有意的或无意的攻击，浏览器通常认为网络中的网页是不安全的。即使在浏览器的渲染引擎被攻击的情况下，也不可能获取主机系统中的任何权限，这一思想称为浏览器的沙箱（sandbox）模型。在HTML 5中，Web应用程序可以请求临时或永久的存储空间来访问客户端文件，操作相对便利。在HTML 5规范中提供了File API接口，具体如下：Blob对象表示原始的二进制数据；File...

cookie是用来解决客户端与服务器保持会话状态的一种方案，在浏览器客户端保存用户会话信息，以便服务器对客户端身份进行验证，在用户第一次访问服务器时，有服务器通过响应头发送信息给客户端浏览器，当用户再次响服务器发送请求的时候，会附带这些文本信息，服务器通过对请求头进行分析从而得出客户端持有的信息，无论用户何时链接服务器，服务器都能访问cookie文本信息，客户端通过javascript操作cook...

一直都想研究一下vue组件是如何写的，有幸今天终于开始了研究，所以今天才写了这一篇文章出来，我们先来分析一下整个页面吧底部(footer.vue)是固定在顶部的,组件源码如下： footer头部(header)也是固定在顶部的我们在滚动加载时，需要给出提示，加载更多这样的字样(loadmore.vue)<template><div class="...

对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：1.首先，选取一款手机的屏幕宽高作为基准(现在一般选取iphone6的375×667)。之前项目中也用到过iphone5的320×568。2.对于retina屏幕(如: dpr=2)，为了达到高清效果，视觉稿的画布大小会是基准的2倍，也就是说像素点个数是原来的4倍（对iphone6而言：原先的375×667，就会变成7...

首先呢，我们必须搞清楚闭包这个概念：闭包其实是一个特殊的对象，他由两部分组成，一个是执行上下文（代号A），以及在该执行上下文中创建的函数（代号B），当B执行时，如果访问了A中变量对象的变量，那么闭包就产生了。今天我们就用chrome浏览器带你断点调试理解闭包，好了直接上代码吧下面这段代码呢？非常简单，在平时实践当中，我们很容易看到，也知道他会产生闭包，但是到底为什么呢？// 下面这个例子会产...

为什么需要请求代理呢？按照我的理解就是因为现在开发都是前后端分离，所以开发都不是在同一台主机上的，所以当我们需要再开发环境中请求API，需要服务器的API代理到本地(原理是什么呢？是如何代理过来的呢？有待下一篇文章进行探讨，暂时不去理会了)。这个问题实际上vue-cli3已经有解决方案了，就是通过vue.config.js这个配置文件中的devServer.proxy这个对象进行配置，其中de...

一：网页可见区域宽高，不包括工具栏和滚动条（浏览器窗口可视区域大小）1.对于IE9+、chrome、firefox、Opera、Safari：window.innerHeight浏览器窗口的内部高度；window.innerWidth浏览器窗口的内部宽度；2.对于IE8.7.6.5:document.documentElement.clientHeight:表示HTML文档所在窗口的当前...

一、浮动CSS浮动 CSS float浮动的深入研究、详解及拓展(一) CSS浮动属性Float详解块级元素独占一行块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。注意，以上这些理论，是指标准流中的div。无论多么复杂的布局，其基本出...

(function flexible (window, document) { // 获取页面root根元素 html // 跟 document.body 获取的是 页面的 body 元素 var docEl = document.documentElement // window.devicePixelRatio设备像素比 // 默认为 1 /** * [dpr ...

Placehold.itA quick and simple image placeholder service.特点：老牌服务，支持 HTTPS可定制：尺寸、颜色、文字、格式http://placehold.it/300x200http://placehold.it/300x200/09f/fff.pnghttp://placehold.it/300&text=C7SKY.C...

视口在前一段时间，我曾经写过一篇关于viewport的文章。最近由于在接触移动端开发，对viewport有了新的理解。于是，打算重新写一篇文章，介绍移动端视口的相关概念。关于这篇文章说到的所有知识，本质上离不开以下代码<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, ...

错误就是它npm ERR! code Z_BUF_ERRORnpm ERR! errno -5npm ERR! zlib: unexpected end of file查阅思考翻遍了国内国外各大网站都没有找到完美的解决方案。最后查到因为网络原因造成，看了下日志也确实是每次都有不同的模块安装不下来。。。难道我一个台式机还要抱着换一个ok的环境吗doge然后想啊想啊。特么的我不用洋货不就行了...

移动端记账本部署gitee Pages地址如下：记得使用浏览器移动端模式访问哦http://kennana.gitee.io/mobile_account_book

这个想法源于最近自己在开发一个移动端博客的一个底部导航栏，原型设计如下：我们来分析一下这个导航栏，其实很简单啦，就是自适应固定在底部我们可以使用CSS3属性display:flex设置父级盒子为伸缩盒子模型，子元素设置flex:1自适应大小。html布局如下&lt;template&gt; &lt;div class="footer"&gt; &lt;div v-for='(ite...

其实这个很简单，出发点就是想做一个点击切换的功能原生html+css+js代码如下：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt; &lt;

最近想实现一个移动端博客，可能会用到分页插件，于是在网上找了一圈，也没找到合适的vue分页插件，于是乎自己也研究了一下分页插件的功能，上图，上图其中css样式使用less动态编译样式&lt;style lang="less"&gt;.pagination{ overflow: hidden; display: table; margin: 0 auto; /*w...

这篇文章始于自己封装了axios.js的里面的get方法，和post方法首先我们先来看看使用说明 · Axios 中文说明 · 看云​http://link.zhihu.com/?target=https%3A//www.kancloud.cn/yunye/axios/234845axios.post()方法axios({ method: 'post', url: '/user/12...

一开始我是在本人的电脑模拟vue.js项目为本地开发（dev端），让后用php写的测试本地测试开发（server端），实际上是两个都是本地开发，我的vue.js项目是 http://localhost:8081我的php后台是http://localhost:8080,但是我在使用axios请求的使用比如import vue from "vue"import axios from "a...

1. 谨慎用中文命名变量，函数var 人名 = "张三";function 睡觉(谁){ alert(谁 + "快：睡觉！都快半夜了")}睡觉(“Ken”)防止Unicode编码乱码2. 减少全局变量使用在任何函数外面直接执行var变量var f = "value"直接添加一个变量到全局对象上，window.f = "value"直接使用未经声明的变量f = ...

需要先安装 node-sass及sass-loadernpm i node-sass --save-devnpm i sass-loader --save-dev解决在scss中引用图片路径报错:方法1:在mian.js中引入，这种引入方式时，scss中图片使用相对路径require(’./assets/style/index.scss’)或 import ‘./assets/styl...

*通用选择器：选择所有元素，不参与计算优先级，兼容性IE6+#X id选择器：选择id值为X的元素，兼容性：IE6+.X 类选择器： 选择class包含X的元素，兼容性：IE6+X Y后代选择器： 选择满足X选择器的后代节点中满足Y选择器的元素，兼容性：IE6+X 元素选择器： 选择标所有签为X的元素，兼容性：IE6+:link，：visited，：focus，：hover，：activ...

javascript中本地对象、内置对象和宿主对象一般来说，可以创建并使用的对象有三种：本地对象、内置对象和宿主对象。本地对象ECMA-262 把本地对象（native object）定义为“独立于宿主环境的 ECMAScript 实现提供的对象”。简单来说，本地对象就是 ECMA-262 定义的类（引用类型）。它们包括：ObjectFunctionArrayStringBoole...

jsonp的原理:就是利用浏览器可以动态地插入一段js并执行的特点完成的。2.为什么不是真正的 ajax?ajax的核心是 ： 通过XmlHttpRequest获取非本页内容，jsonp的核心 ： 动态添加&lt;script&gt;标签来调用服务器提供的js脚本。3…ajax和jsonp的调用方式很像，目的一样，都是请求url，然后把服务器返回的数据进行处理，因此jquery和e...

明天要去广州面试了，学习了一下面试题，今天来个总结吧祝我明天面试成功IE浏览器和火狐浏览器兼容问题——CSS篇一、css＋div 样式 IE与FF兼容问题汇总IE和火狐的css兼容性问题归总　　CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和火狐浏览器存在很大的解析差异，这里介绍一下兼容要点。1、DOCTYPE 影响 CSS 处理2、FF: div 设置 margin-lef...

编译：OSC-局长来自：开源中国（oschina2013）如需转载请在文中注明上述信息在上周的 Vue.js 伦敦大会上，Vue.js 作者尤雨溪简要介绍了 Vue 下一个主要版本要发布的内容，9 月 30 日，尤雨溪在 medium 个人博客上发布了 Vue 3.0 的开发路线，我们不妨看看 Vue 3.0 将会有怎样的发展。兼容按照尤雨溪的说法，因为 Vue 3.0 是主要版本，所以...

一、规范目的1.1 概述 . 1二、文件规范2.1 文件命名规则1 2.2 文件存放位置2 2.3 css 书写规范.3 2.4 html书写规范7 2.5 JavaScript书写规范11 2.6 图片规范12 2.7 注释规范13 2.8 css 浏览器兼容13一、规范目的 1.1 概述为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出...

宣传一下自己发布不久的一个前端vue的项目：仿造了移动音乐app希望有兴趣的同学，可以一起共同学习。喜欢的同学可以star一下 【github地址】整理了一下别人的面试题目javascript: JavaScript中如何检测一个变量是一个String类型？请写出函数实现typeof(obj) === "string"typeof obj === "string"obj....

三月份有很多朋友辞职跳槽，也遇到了许许多多的面试题，在交流群里和网站上总结了一些常见的面试题，细细分析，其实基本都是万变不离其宗，所有的问题都是从某一技术点的基础出发，综合考量，如果懂得了这项技术的原理所在，题目答起来内容都差不多能答对。基础 简单介绍一下自己，为什么选择做前端？ 说下你所在的EPI实验室和CTG工作室是干什么的？ 介绍下你最近的项目？ 说出你觉得自己身上最优秀的能力？...

前端面试题汇总&nbsp;一、HTML和CSS1、你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?IE:&nbsp;trident内核Firefox：gecko内核Safari:webkit内核Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核Chrome:Blink(基于webkit，Google与Opera Softwa...

方法：#test{min-height:100px;_height:100px;}注意此时#test不能再设置overflow的值为hidden，否则模拟min-height效果将失效如何解决按钮在IE7及更早浏览器下随着value增多两边留白也随着增加的问题？方法：input,button{overflow:visible;}如何解决IE7及更早浏览器下当li中出现2个或以上的浮动时...

var arr = [{ days: "2018-11-28", id: 166, img: "http://modelplus.wx-plus.cn/public/upload/img/20181101/cdb5b0718adc5f96995adae7a728a744.jpg", model_id: 2, name: "神经病", status: 1, ...

在11月14日-16日于多伦多举办的 VueConf TO 2018 大会上，尤雨溪发表了名为 “ Vue 3.0 Updates ” 的主题演讲，对 Vue 3.0 的更新计划、方向进行了详细阐述。可以看到，Vue 3.0 将会：1、更快Virtual DOM 完全重写，mounting &amp; patching 提速 100% ；更多编译时（compile-time）提醒以减少 ...

碰到父组件的数据通过props传递给子组件，结果子组件没有接收到 已经解决// 子组件监听watch: { getSelect(obj) { // console.log(obj) this.$emit('select', obj) }, // 监听数据变化 schedule(val){ this.parentSc...

以下是多种使用方法：1、同域下嵌套：父页面：&lt;iframe src="iframe2.html" id="iframe2" name="iframe2"&gt;&lt;/iframe&gt;window.onload=function(){ //父页面修改iframe var docu=document.querySelector('#iframe2'); docu.conte...

(2).前端框架与库的区别?jquery 库 -&gt; DOM(操作DOM) + 请求art-template 库 -&gt; 模板引擎框架 = 全方位功能齐全简易的DOM体验 + 发请求 + 模板引擎 + 路由功能KFC的世界里,库就是一个小套餐, 框架就是全家桶代码上的不同一般使用库的代码，是调用某个函数，我们自己把控库的代码一般使用框架，其框架在帮...

实习一周的感觉，就是，因为我大学学的不是计算机专业的，所以没有多大经验，包括自己自学的话，是有很多局限性的，因为不知道外面企业的项目是怎么写的，而且我自己在自学的过程可能会遗漏一些知识点，这个时候，实习就显得非常重要了。这几天一直都在看别人写的代码，还好我比较注重基础，所以别人写的代码，还是8成可以看的懂的，但是还是有缺陷啊，回顾我以前写的vue.js前端项目，还有我之前都没有那种思维，就是模...

碰到父组件的数据通过props传递给子组件，结果子组件没有接收到 已经解决// 子组件监听watch: { getSelect(obj) { // console.log(obj) this.$emit('select', obj) }, // 监听数据变化 schedule(val){ this.parentSc...

JavaScript 箭头函数大致相当于 python 中的 lambda 函数 或 Ruby 中的 blocks。这些是匿名函数，它们有自己的特殊语法，接受一定数量的参数，并在其封闭的作用域的上下文（即定义它们的函数或其他代码）中操作。让我们依次分解这些部分。箭头函数语法箭头函数具有单一的总体结构，然后在特殊情况下可以通过多种方式简化它们。 核心结构如下所示：JavaScript 代码...

来自于我的githubKenNaNa/web_learning ​github.com 图标web_learningweb 前端学习张旭鑫博客张鑫旭-鑫空间-鑫生活koa2 学习博客koa2 - HackerVirus - 博客园koa2 进阶学习笔记koa2 进阶学习笔记 · GitBookkoa2 设计模式Koa.js 设计模...