A-A+

待解决的问题

2015年01月19日 日志 暂无评论 阅读 462 次

当前进度:
1.先看这个
博客说的比较清楚 http://hcysun.me/2017/03/03/Vue%E6%BA%90%E7%A0%81%E5%AD%A6%E4%B9%A0/
2. 看这个 https://violetjack.gitbooks.io/vue-laboratory/content/shu-ju-xuan-xiang-state-xue-xi.html
https://github.com/violetjack/VueStudyDemos
3 .https://juejin.im/book/5a36661851882538e2259c0f/section/5a37bbb35188257d167a4d64

知识点

前端图谱

最根本的浏览器底层 TCP/IP 协议、 HTTP 协议、IO 协议,

前端职业规划

前端之问,程序员之问,职业之问
前端工程师的职业发展规划

实现父级元素不定高读,让国旗保持一个高度(flex布局)

布局

http://linuxtools-rst.readthedocs.io/zh_CN/latest/base/01_use_man.html

https://www.imooc.com/learn/175

https://www.imooc.com/learn/111

 

15  前端资源列表

todolist

解析javascript 数组以及json元素的添加删除
http://www.jb51.net/article/39116.htm

js在 scirpt标签中获取父级元素(诡异的思路)
http://zhidao.baidu.com/link?url=InXU7kCnYDNs1nnISXw9dOilareATonJoY4gfGPr1w2N_6MdAHwj_9dKUViQowHSRCxeeTsT3TU_BKPn-LU4OTCp205saxd2je0fbhNCWRq
js设置和获取自定义属性
http://blog.sina.com.cn/s/blog_74f1a3280102uywd.html
http://www.jb51.net/article/61003.htm

教程
前端工程师手册             https://leohxj.gitbooks.io/front-end-database/content/appendix/ebooks.html

chrome及chorme开发者工具

我的 Chrome 插件集
https://github.com/iuunhao/ChromePlugIns
谷歌开发者工具api       https://developers.google.com/web/tools/setup/setup-workflow

document.dispatchEvent     事件触发器   http://blog.csdn.net/magic__man/article/details/51831227
document.dispatchEvent(event);   自定义事件      javascript自定义事件(event) 


------------------------//等用到时在整理
JavaScript——图片base64编码转化成blob对象
http://blog.csdn.net/yu17310133443/article/details/59108893

Javascript: 通过图片url获取图片blob对象
http://www.xuebuyuan.com/48537.html

DataURL与File,Blob,canvas对象之间的互相转换的Javascript http://blog.csdn.net/cuixiping/article/details/45932793

Blob对象判断是不是图片类型以及Blob数据下载 http://blog.csdn.net/z5976749/article/details/53358426

js生成缩略图后上传并利用canvas重绘http://www.jb51.net/article/50148.htm

如何通过js实现canvas保存图片为png格式并下载到本地! https://segmentfault.com/q/1010000005816241

在浏览器端用JS创建和下载文件
56,251http://www.alloyteam.com/2014/01/use-js-file-download/

译】在本地存储中保存图片和文件 https://www.w3ctech.com/topic/767


HTML5的File API读取文件信息
http://www.cnblogs.com/wayofeng/p/5865382.html
------------------------

14.puppeteer(第一阶段完成)
32 将 puppter功能放置到 博客项目 和邮件

21.升级

23:webhooks

http://jerryzou.com/posts/webhook-practice/

https://developer.github.com/webhooks/

22 jekins需要不需要

https://juejin.im/post/5ad1980e6fb9a028c42ea1be?utm_source=gold_browser_extension

28.node项目部署——阿里云centos部署git服务

https://juejin.im/post/5ae170e1f265da0b7527d0dc


12 .

var shareDef={
title:"标题",
des:"sdf"
};
var obj={
title:"",
des:"miaoshu"
}
opt = $.extend(shareDef, obj);
console.log(opt);

这个有办法让obj.title为空时 不替换 shareDef.title吗

10.npm做什么的 怎么用  (包管理工具)
9.<script type="text/babel"> babel是什么意思(需要做babel转码 类型)


八.github page 域名展示(已解决)

七:fullpage.js(不用了)

六:  继承  封装  闭包  绑定  兼容

五.  transform是否必须postion:absolute

 

 

四.flex布局

请问移动端高度自适应如何写????不设置高度
头部和底部固定中间高度自适应
中间部分高度自适应各种手机有人会么
在各种手机上间隙一样
rem 算 content 居中用flex 的属性
但是footer 设置成fixed 会有个小问题
那是你footer 没设置成fixede bottom
或者头中尾 flex 布局
上下给固定宽度
中间给flex1
设置 成不是rows 那个

 

三.布局研究仿写

http://www.dowebok.com/demo/2014/77

 

布局研究

http://www.etocar.com/

http://hkk.weixinhe.com/y30002.php

 

一 . 瀑布流(解决)

http://www.seejs.com/demos/examples/waterfall/index.html

纯CSS3多列的瀑布流布局演示  http://caibaojian.com/css3-waterfall-layout.html

http://www.oschina.net/code/snippet_114440_10309

 

 

二.eval 都有处理那些数据. 数组? json? 都是如何处理的

{"id-1":"q1","id-2":"q3","id-3":"q2","id-4":"q3"} 为什么不能处理成json

[{"id-1":"q1","id-2":"q3","id-3":"q2","id-4":"q3"}] 却能处理为 数组

多做练习

1.切图.   2.手机端页面   (第一阶段)

3.js        4.jquery

 

1.切图

基础课程看完跟着课程写一遍,到后面可以写一下电商首页,电商首页会出现大堆大堆的问题,写完之后会成长很多.

不对着psd一个像素调的那种这种,算工作经验丰富.

前端的要求就是还原设计稿我们做前端的,UI设计好PSD我们转代码100% 还原

http://www.58pic.com/tupian/shangyewangzhan.html

千图网 你去下载几个喜欢的PSD能有不同类型的网站30个 你就可以说熟悉HTML和CSS了

素材网站找整站PSD

千图网

搜商业网页

或者商业网站模板

番茄工作法(完成)

js

addloadEvent  函数是否必须使用?

游戏:2018 贪食蛇  抽奖

框架类

       SUI mobile      http://m.sui.taobao.org/getting-started/ (有时间了解)

phpcms

phpcms  跳出本次循环(已解决)

{loop $data $r}
        {php var_dump($n)}
        {if $n==1}111111
           <li><span class="rt">{date('Y-m-d H:i:s',$r[inputtime])}</span>·<a href="{$r[url]}" target="_blank"{title_style($r[style])}>{$r[title]}</a></li>
        {else}22222
        {/if}
{/loop}

 phpcms  登录后跳转到 指定url 怎么做?(与forword 有关)

jquery

1.onload事件怎么与resize事情执行相同的函数,(已解决)
$(window).resize(function() {})这个不能一加载就执行哦?只有窗口改变时才执行!
window.onload=window.onresize = function(){}这个是一加载完就先执行一次再执行窗体改变事件的 。JQuery怎么写才能一样效果啊?

 

$(document).ready(function(){
$(window).resize();
});
$(window).resize(function(){
    //这里写内容

});

 

2.该不该用each 什么时候用,两种写法区别
var oLi = $("li");
 oLi.click(function(){
//                  该不该用each 什么时候用
                        $(this).siblings().find("a").removeClass("active");
                         $(this).find("a").addClass("active");
                    iNow = $(this).index();
                         $("input[type=text]").val(data[iNow]);
                });

 

aLi.each(function ( index ){
$(this).click(function (){
aLi.attr('class', 'gradient');
$(this).attr('class', 'active');

iNow = index;

oText.val(arrText[iNow]);
});

 

 

前端

9:p.link{word-spacing: 8px}

css

p.link{word-spacing: 8px}
p.link a{display: inline-block;height:18px;padding-left:20px;padding-top: 5px;}

html

<p class="link fr"><a href="#" class="ico1">加入100度</a> | <a href="#" class="ico2">加入100度</a></p>

 

wordspace

 

08--断点调试

 http://han.guokai.blog.163.com/blog/static/136718271201321402514114/
09--github (解决)
01--.option ul a{display: inline-block;padding:0 20px 0 20px; color:#a0a0a0;}
请教下 a 的宽度不一样 怎么 算padding的响应式哦     (rem解决)
02--border 响应式怎么做(不需要)
 
04- 响应式布局 height如何做自适应.是根据分辨率单独写样式,是否有简单方法.(高度不需要做响应式)
 
05-<p><img src=""/> <span></span>
完成这种布局
 
11

06--图片 display: block; 的作用

block是块元素,这个你知道吧,还有,块元素的特点你知道吧?块元素是独占一行的,没空隙正是它的这个特点决定的.

img{padding:0; margin:0;border:none;}

img{padding:0margin:0;border:none;}

vertical-align

img{font-size:0}

 

07--这两个有区别,[attr]里面是变量

QQ图片20151110171848

 

php

4.phpcms 可通过 分类管理  简单分类功能 (已解决)

1.phpcms如何更新文章内容,所有的文章,因为有的数据是手动发布文章时,生成的数据(比如keword,还有模型里的增加的字段),如何更新.?如何批量修改文章内容

 

点击选择不同的数据表或者包含不同的文件

$tab = ($_POST['userType']==1) ? 'tab1':'tab2';
select * from $tab
$file = ($_POST['userType']==1) ? 'student':'admin';
include($file.'.php');

输出最后一条mysql

$map['userip ']'= $ip;
$info= $ipinfo->where($map)->select();
echo  $ipinfo->getLastSql();exit;

1.smarty中{$smarty.const.module}是否有其他相关的常量.

{$smarty.const.module}代表当前模块

{$smarty.const.SELF} 代表当前页面 ??

小知识点

$this-> success("提示信息",URL);

$this-> error("提示信息",URL);

 

phpcms

{pc:get sql="SELECT a.*,b.* FROM pre_forum_thread as a left join pre_forum_forum as b on a.fid=b.fid where  a.displayorder >= 0 order by tid desc" num="7"  start="1" cache="3600" return="data" dbsource="shuyangbbs"}
改成这个吧,我这个是调用7个,从第二个开始start="1"可以去掉dbsource="shuyangbbs"数据源改成你的你的get方法,连审核都没判断,没审核的也会出来,删除的也可能会出来

 

 

 

thinkphp

1.魔术方法是什么?都有哪些魔术方法?

2.thinkphp使用smarty后 success()和err方法如何支持

   $this -> success('注册成功',U('Index/index'));

   如何修改可以覆盖父类Model?待续

3.熟悉Git、SVN版本维护;

熟练redis,memcached缓存机制;

mysql优化具备MYSQL数据库使用经验,具有查询优化和存储优化经验、PHP缓存技术、静态化设计方面的经验;

掌握页面静态化与缓存技术(Memcache);

 

标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利.   Theme  Ality

用户登录