
web
文章平均质量分 93
灵魂画手-编程如画
大工小本,计算所小硕一枚,奋斗ing,相信技术改变世界!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS中设置数组长度的意义是什么
问题描述大家都知道,js中的数组长度是可变的,也就是说,即使你设置了初始长度,超出长度之外的值依旧可以显示,而且js中的数组在定义的时候可以不设置长度,那么,问题来了,数组设置长度的意义是什么,定义数组的时候需要设置长度吗?问题解答如果设置了数组长度,那么代码在执行的时候会在初始时就给数组分配一个空间,以后的每次给数组赋值就会更加快捷。(因为如果没有指定数组的长度,代码在每次执行赋值的时候会先给数组转载 2017-04-07 12:56:27 · 1649 阅读 · 0 评论 -
Vue生命周期对vue对象的影响
在查找资料的时候看到了vue的生命周期图,然后拿下来一下,相关链接: https://segmentfault.com/a/1190000008010666链接里面解释了不同时期vue内部的数据情况,但是没有解释vue对象的生成情况,对于链接中的代码:<script type="text/javascript"> var app = new Vue({ el: '#app',原创 2017-08-07 15:52:13 · 383 阅读 · 0 评论 -
前端渲染和后端渲染的区别
在网上查找了很久的前端渲染和后端渲染的区别,最后总算在知乎上看到了一个比较清楚的解释,感谢万分!作者:iakul 链接:https://www.zhihu.com/question/28725977/answer/42077482 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。后端渲染(SSR、服务端渲染)后端渲染HTML的情况下,浏览器会直接接收到经过服务器转载 2017-09-02 17:47:08 · 5655 阅读 · 0 评论 -
ES6 自定义迭代器
ES6添加了迭代器,比如说for,of遍历的时候,就是使用内置的迭代器比如:const digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];for (const digit of digits) { console.log(digit);}0 1 2 3 4 5 6 7 8 9 因此我们可以把内置的迭代器取出来,对迭代器进行遍历,看看迭代器的状态原创 2017-10-12 14:09:50 · 674 阅读 · 0 评论 -
网站性能优化和关键渲染路径
关键词:CRP(Critical Rendering Path,关键渲染路径)关键渲染路径1、理解html的DOM树构建过程,首先是根据html解析出来startTag,endTag和Tag,相对应的例如<a> startTag</a> endTag<img/> Tag一边构造tag一边生成DOM树,最后生成完整的DOM树,所以DOM是并行的2、在解析DOM树的时候,会在html文件中找到css原创 2017-11-04 10:22:11 · 412 阅读 · 0 评论 -
浏览器渲染优化
关键渲染路径DOM->CSSOM->渲染树->layout(回流)->Paint(矢量到光栅)->Image Decode + Resize(渲染图片)->Composite Layers(包含CPU传到GPU)其中伪类之所以叫做伪类,比如说h1:after还有h1:before,是因为他们虽然是css样式,不会出现在DOM中,但是最后会在渲染树中作为单独的结点存在,所以叫做伪类当代码中带有js时,原创 2017-11-06 12:21:14 · 303 阅读 · 0 评论 -
ajax和flask附cookie跨域
跨域是个深刻的话题我现在的项目在做js的ajax和flask之间的跨域工作,其中涉及到了一个问就是用户信息的存储为了方便我打算把常用的信息存储在cookie中,一方面是前端显示方便,另一方面是给flask发api请求的时候可以直接将cookie中的信息附进去,这样就减少了get和post的参数基于上面的背景,接下来我发ajax请求的时候由于flask在另一个端口上,所以是跨域,而且跨域的同时要求原创 2017-12-09 20:12:34 · 2103 阅读 · 0 评论 -
优达机器学习:朴素贝叶斯
练习:癌症测试P(A)=0.01P(A)=0.01 P(A¯¯¯)=0.99P(\overline A)=0.99 P(B|A)=0.9P(B|A)=0.9 P(B|A¯¯¯)=0.1P(B|\overline A)=0.1 P(A|B)=P(A)P(B|A)P(B|A)P(A)+P(B|A¯¯¯)P(A¯¯¯)P(A|B)=P(A) \cfrac {P(B|A)}{P(B|A)P(A)+P原创 2017-11-08 16:54:25 · 502 阅读 · 0 评论 -
阿里云--Python使用flask开发项目,外网无法访问
感谢CSDN的一篇博客,困扰了我一天的问题解决了,就是flask最简单的云开发环境搭建问题,文章如下用flask进行web项目开发,因为我是阿里云直接用的,Centos6.9,Python2.6然后发现按照廖雪峰老师的代码,无法访问,但是没有采用flask的时候,是可以进行访问的,所以肯定是代码有问题。flask默认IP用的是127.0.0.1,端口是5000,但是我的外网无法访问,所以需要指转载 2017-12-05 15:01:04 · 8757 阅读 · 0 评论 -
nodejs的express框架登陆注册退出代码记录
这段代码暂时没用了,记录一下,以防以后有用该代码实现了接受js的ajax请求,同时给另一个服务发送http请求,接受返回值再返回给前端js的这样一个过程app.post('/session/signUp', function (req, res) { var resData = { status:1, code:"success" }; v原创 2017-12-14 15:31:09 · 1972 阅读 · 0 评论 -
CSDN的markdown语法帮助
在文字写书写不同数量的#可以完成不同的标题,如下:一级标题二级标题三级标题四级标题五级标题六级标题等号及减号也可以进行标题的书写,等号代表一级标题,减号代表二级标题,并且需要写在文字的下面,减号及等号的数量不会影响标题的基数,如下:一级标题 二级标题 无序列表的使用,在符号“-”后加空格使用。如下: - 无序列表1 - 无序原创 2018-01-08 14:06:09 · 322 阅读 · 0 评论 -
Vue和ajax的this指针
为了测试vue的生命周期钩子函数,于是写了如下代码,在测试的时候发现vue中的this指针和生成的对象的app不是一样的信息。 困惑了许久总算明白了,因为vue中嵌套了jquery写的ajax,所以打印的this是ajax的指针,不是vue对象的指针,所以二者必然不同,不如不在ajax代码中打印this的话,那肯定和app是一样的。var app =new Vue({ el: "#layo原创 2017-08-07 15:21:10 · 1610 阅读 · 0 评论 -
Vue用v-for给src属性赋值
我的代码结构如下面代码所示,无法执行,在img中的src属性中无法用mustache表示法<div id="test"> <div v-for="item in lists"> <img src="{{item.img}}"> </div></div>new Vue({ el: "#test", data: function () {原创 2017-08-07 14:59:05 · 27120 阅读 · 6 评论 -
Vue中的v-for指令不起效果
我的代码之前类似下面的结构<div id="example-1" v-for="item in items"> <ul> <li> {{ item.message }} </li> </ul></div>结果发现不好用,数据读入了但是没有显示 于是我后来看官网的例子才明白,原来是id和v-for不在一个层级上,官网的例子如下,我原创 2017-08-07 14:18:28 · 13156 阅读 · 2 评论 -
初学bootstrap
之前一直写web前端的时候写的比较傻,用html原生语言,css样式写到吐,而且写的不好看,总出各种问题,然后就想到了响应式布局bootstrap,进而由于工作原因,今天写了两个很简单的页面,以其中一个为例记录一下 代码bootstrap_demo 写bootstrap首先要导入bootstrap的css样式文件和自己的style.css文件,分别用于引用它的样式和设定自己的样式,代码如下<原创 2017-03-17 16:26:09 · 1145 阅读 · 6 评论 -
sass入门
基本理解sass是预编译css的一种工具,语法分为sass和scss,本质上是一样的,但是由于scss的语法更接近css,所以scss更受到前端人员青睐安装环境首先安装ruby,见百度经验 之后安装sass 使用如下指令gem install sasssass编译命令编译编译指令sass <要编译的Sass文件路径>/style.scss:<要输出CSS文件路径>/style.css在实际编译过原创 2017-06-08 13:20:05 · 344 阅读 · 0 评论 -
jade的基本使用方法
jade的基本使用方法css如何添加如图所示 标签换行的处理如图所示 注释如图所示 jade转义jade循环语句jade条件语句mixin 欢迎加入中科院开源软件自习室:631696396原创 2017-06-08 13:24:55 · 8653 阅读 · 0 评论 -
jade的启动与运行
jade的启动与运行基本理解jade是一种模板引擎,动静部分糅合 拼接复杂度解题思路有的公司其实不明确,到底前后端交互谁来做 Jade环境配置Jade特点为什么用jade 模仿json结构,避免了上述问题 Jade命令行Jade运行 之后在命令行运行下列指令(前提是搭建好nodejs环境,如果没有的话请去网上查找) 记得cd到文件目录下npm install jade -gjade i原创 2017-06-08 13:31:00 · 2844 阅读 · 0 评论 -
Angular入门
1 简介1.1 简介Google开发的,09年被创造出来GetAngular,将17000行代码重构到了1500行,所以开始进行开发1.2学习曲线1.3 困境1.4 Angular2诞生1.5 Angular2新特性2 组件2.1 概览2.2 全生命周期支持2.3 组件示例原创 2017-06-08 15:10:22 · 273 阅读 · 0 评论 -
Vue.js computed vs Methods区别
怕忘记,转载记录一下, http://blog.csdn.net/u012860063/article/details/60964828 https://segmentfault.com/q/1010000008963374?sort=created转载 2017-07-13 23:25:18 · 522 阅读 · 0 评论 -
nodejs学习笔记一
Supervisor在开发或调试Node.js应用程序的时候,当你修改js文件后,总是要按下CTRL+C终止程序,然后再重新启动,即使是修改一点小小的参数,也总是要不断地重复这几个很烦人的操作。有没有办法做到当文件修改之后,Node.js自动重新启动(或重新加载文件)以节省时间呢?一开始我是想到用grunt的watch模块来监控文件变化,但后来在网上一查,原来我们想到的,别人早已想到,并且已经做得很原创 2017-07-06 14:23:34 · 396 阅读 · 0 评论 -
网页图片转base64编码的性能分析
拿了解的两种让网页图片得到加载的方式来说,一种是雪碧图,另外一种是转成base64编码,base64编码是今天看到url-loader特意去查看的,进而弄懂了其本质,本篇文章主要介绍base641 Base64基本原理1.1 Base64编码由来为什么会有Base64编码呢?因为有些网络传送渠道并不支持所有的字节,例如传统的邮件只支持可见字符的传送,像ASCII码的控制字符就 不能通过邮件传送。这样原创 2017-07-20 11:47:38 · 4417 阅读 · 0 评论 -
VUE如何加载main.js
在工程文件中使用main.js来加载App.vue文件的,但没有代码写出来加载main.js的,而index.html中只有一个自定义标签app,那么工程是如何加载到main.js文件的呢?如果你是用vue.js官网提供的脚手架工具并沿用默认配置的话, 你执行npm run dev的时候会出来页面, 是因为你根目录下的package.json文件里script配置了"dev": "node b原创 2017-07-18 10:38:26 · 9970 阅读 · 2 评论 -
如何做SEO(关键词)
IP PV UVPV(访问量):即Page View, 即页面浏览量或点击量,用户每次刷新即被计算一次。 UV(独立访客):即UniQue Visitor,访问您网站的一台电脑客户端为一个访客。00:00-24:00内相同的客户端只被计算一次。 IP(独立IP):指独立IP数。00:00-24:00内相同IP地址之被计算一次。外链与内链外链是不在一个域名下的链接,内链是在一个域名下的链接提升方法原创 2017-07-31 17:53:28 · 3013 阅读 · 0 评论 -
Vue用v-for重渲染
当v-for循环的数据被修改时,我发现没有重新渲染,我的代码如下:<div id="app"> <ul class="list-group"> <li v-for="(list, index) in lists" class="list"> {{list.title}} </li> </ul></div>var app = n原创 2017-08-07 14:14:10 · 4343 阅读 · 0 评论 -
gulp del插件注意事项
在写gulpfile.js的task时,一开始我是这么写的:gulp.task('clean',function(cb){ del(['typing.min.js'], cb);});gulp.task('build', ['clean'],function(){ gulp.src('typing.js') .pipe(uglify()) .pipe(...转载 2018-07-21 15:31:28 · 2019 阅读 · 0 评论