A-A+

待解决的问题

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

todoList

  1. 上下文(Context)
    1. e 的ts类型 EVENT
  2. 路由不变化的时候,页面不刷新
    3. state中是否可以保存reactDom 可以
    4. this.props.match 在ts中报错 react-router-dom
    参考

  3. 算法
    前端该如何准备数据结构和算法?

当前进度:
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
<h3>知识点</h3>
<a href="https://yuchengkai.cn/docs/zh/frontend/">前端图谱</a>
<h2>最根本的浏览器底层 TCP/IP 协议、 HTTP 协议、IO 协议,</h2>
<h2>前端职业规划</h2>
<a href="https://github.com/youngwind/blog/issues/114">前端之问,程序员之问,职业之问</a>
<a href="https://github.com/f2e-journey/f2e-journey/blob/master/career-planning.md#%E7%81%B5%E6%84%9F%E6%9D%A5%E6%BA%90">前端工程师的职业发展规划</a>
<h2>实现父级元素不定高读,让国旗保持一个高度(flex布局)</h2>
<img src="http://www.siyuweb.com/wp-content/uploads/2018/09/A1A85E05-DDC0-4AF1-952D-BD79D45887F9.png" alt="布局">

http://linuxtools-rst.readthedocs.io/zh_CN/latest/base/01_use_man.html
<h3>https://www.imooc.com/learn/175</h3>
https://www.imooc.com/learn/111

&nbsp;
<h3>15&nbsp; 前端资源列表</h3>
<h2>todolist</h2>
<pre><code class="">解析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

</code></pre>
<del>14.puppeteer(第一阶段完成)</del>
<del>32 将 puppter功能放置到 博客项目 和邮件</del>
<h3><del>21.升级</del></h3>
<h3><del>23:webhooks</del></h3>
<del>http://jerryzou.com/posts/webhook-practice/</del>

<del>https://developer.github.com/webhooks/</del>
<h3><del>22 jekins需要不需要</del></h3>
<del>https://juejin.im/post/5ad1980e6fb9a028c42ea1be?utm_source=gold_browser_extension</del>
<h3><del>28.node项目部署——阿里云centos部署git服务</del></h3>
<del>https://juejin.im/post/5ae170e1f265da0b7527d0dc</del>

<hr>

<h3>12 .</h3>
<h3>var&nbsp;shareDef={
title:"标题",
des:"sdf"
};
var&nbsp;obj={
title:"",
des:"miaoshu"
}
opt&nbsp;=&nbsp;$.extend(shareDef,&nbsp;obj);
console.log(opt);</h3>
这个有办法让obj.title为空时&nbsp;不替换&nbsp;shareDef.title吗
<h3>
10<del>.npm做什么的 怎么用&nbsp;</del>&nbsp;(包管理工具)
9.<del><code>&lt;script type="text/babel"&gt; babel是什么意思(需要做babel转码 类型)</code></del></h3>

<hr>

<del>八.github page 域名展示(已解决)</del>

<del>七:fullpage.js(不用了)</del>

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

五. &nbsp;<span style="color: #ff0000;">transform是否必须postion:absolute</span>

&nbsp;

&nbsp;

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

<span style="color: #ff0000;">三.布局研究仿写</span>

<span style="color: #ff0000;">http://www.dowebok.com/demo/2014/77</span>

&nbsp;

<span style="color: #ff0000;">布局研究</span>

<span style="color: #ff0000;">http://www.etocar.com/</span>

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

&nbsp;

一 . 瀑布流(解决)

<a href="http://www.seejs.com/demos/examples/waterfall/index.html">http://www.seejs.com/demos/examples/waterfall/index.html</a>

<a href="http://caibaojian.com/css3-waterfall-layout.html">纯CSS3多列的瀑布流布局演示</a>&nbsp;&nbsp;http://caibaojian.com/css3-waterfall-layout.html

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

&nbsp;

&nbsp;

<span style="color: #ff0000;">二.eval 都有处理那些数据. 数组? json? 都是如何处理的</span>

{"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"}] 却能处理为 数组
<h2>多做练习</h2>
<span style="color: #ff0000;">1.切图. &nbsp; 2.手机端页面 &nbsp; (第一阶段)</span>

<span style="color: #ff0000;">3.js &nbsp; &nbsp; &nbsp; &nbsp;4.jquery</span>

&nbsp;

1.切图

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

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

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

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

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

素材网站找整站PSD

千图网

搜商业网页

或者商业网站模板

番茄工作法(完成)
<h2>js</h2>
addloadEvent &nbsp;函数是否必须使用?

<span style="color: #ff0000;">游戏:2018 贪食蛇 &nbsp;抽奖</span>
<h2>框架类</h2>
<!--StartFragment -->
<div>&nbsp; &nbsp; &nbsp; &nbsp;SUI&nbsp;mobile &nbsp; &nbsp; &nbsp;http://m.sui.taobao.org/getting-started/ (有时间了解)</div>
<h2>phpcms</h2>
phpcms &nbsp;跳出本次循环(已解决)
<blockquote>
<pre>{loop $data $r}
{php var_dump($n)}
{if $n==1}111111
&lt;li&gt;&lt;span class="rt"&gt;{date('Y-m-d H:i:s',$r[inputtime])}&lt;/span&gt;·&lt;a href="{$r[url]}" target="_blank"{title_style($r[style])}&gt;{$r[title]}&lt;/a&gt;&lt;/li&gt;
{else}22222
{/if}
{/loop}</pre>
</blockquote>
<span style="color: #ff0000;">&nbsp;phpcms &nbsp;登录后跳转到 指定url 怎么做?(与forword 有关)</span>
<h2>jquery</h2>
1.onload事件怎么与resize事情执行相同的函数,(已解决)
$(window).resize(function() {})这个不能一加载就执行哦?只有窗口改变时才执行!
window.onload=window.onresize = function(){}这个是一加载完就先执行一次再执行窗体改变事件的 。JQuery怎么写才能一样效果啊?
<blockquote>&nbsp;
<pre id="best-content-1383778604" class="best-text mb-10">$(document).ready(function(){
$(window).resize();
});
$(window).resize(function(){
//这里写内容

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

iNow = index;

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

&nbsp;</blockquote>
&nbsp;
<h2>前端</h2>
9:p.link{word-spacing: 8px}

css
<blockquote>
<pre>p.link{word-spacing: 8px}
p.link a{display: inline-block;height:18px;padding-left:20px;padding-top: 5px;}
</pre>
</blockquote>
html
<blockquote>
<pre>&lt;p class="link fr"&gt;&lt;a href="#" class="ico1"&gt;加入100度&lt;/a&gt; | &lt;a href="#" class="ico2"&gt;加入100度&lt;/a&gt;&lt;/p&gt;</pre>
</blockquote>
&nbsp;

<img class="aligncenter size-full wp-image-1076" src="http://www.siyuweb.com/wp-content/uploads/2015/01/wordspace.png" alt="wordspace" width="272" height="80">

&nbsp;

<span style="text-decoration: underline; color: #ff0000;">08--断点调试</span>
<div><span style="text-decoration: underline; color: #ff0000;">&nbsp;http://han.guokai.blog.163.com/blog/static/136718271201321402514114/</span></div>
<div></div>
<div><span style="text-decoration: underline;">09--github (解决)</span></div>
<div></div>
<div>01--.option&nbsp;ul&nbsp;a{display:&nbsp;inline-block;padding:0&nbsp;20px&nbsp;0&nbsp;20px;&nbsp;color:#a0a0a0;}
请教下&nbsp;a&nbsp;的宽度不一样&nbsp;怎么&nbsp;算padding的响应式哦 &nbsp; &nbsp; (rem解决)</div>
<div></div>
<div>02--border 响应式怎么做(不需要)</div>
<div></div>
<div>03---<a href="http://www.siyuweb.com/website/jquery/322.html">ie8调用ifreame内元素</a>(解决)</div>
<div><span style="color: #ff0000;">&nbsp;</span></div>
<div>04- 响应式布局 height如何做自适应.是根据分辨率单独写样式,是否有简单方法.(高度不需要做响应式)</div>
<div><span style="color: #ff0000;">&nbsp;</span></div>
<div><span style="color: #ff0000;">05-&lt;p&gt;&lt;img src=""/&gt; &lt;span&gt;&lt;/span&gt;</span></div>
<div><span style="color: #ff0000;">完成这种布局</span></div>
<div><span style="color: #ff0000;">&nbsp;</span></div>
<div><span style="color: #ff0000;"><img class="aligncenter wp-image-400 size-thumbnail" src="http://www.siyuweb.com/wp-content/uploads/2015/01/11-150x150.png" alt="11" width="150" height="150"></span></div>
<span style="color: #ff0000;">06--图片 display: block; 的作用</span>

<span style="color: #ff0000;">block是块元素,这个你知道吧,还有,块元素的特点你知道吧?块元素是独占一行的,没空隙正是它的这个特点决定的.</span>

<span style="color: #ff0000;">img{padding:0;&nbsp;margin:0;border:none;}</span>

<span style="color: #ff0000;"><code>img{</code><code>padding</code><code>:</code><code>0</code><code>;&nbsp;</code><code>margin</code><code>:</code><code>0</code><code>;</code><code>border</code><code>:</code><code>none</code><code>;}</code></span>

<span style="color: #ff0000;">vertical-align</span>

<span style="color: #ff0000;"><code>img{</code><code>font-size</code><code>:</code><code>0</code><code>}</code></span>

&nbsp;

<span style="color: #ff0000;">07--这两个有区别,[attr]里面是变量</span>

<span style="color: #ff0000;"><img class="aligncenter size-full wp-image-682" src="http://www.siyuweb.com/wp-content/uploads/2015/01/QQ图片20151110171848.png" alt="QQ图片20151110171848" width="403" height="93"></span>

&nbsp;
<h2><span style="color: #ff0000;">php</span></h2>
<span style="color: #000000;">4.phpcms 可通过 分类管理&nbsp; 简单分类功能 (已解决)</span>

<span style="color: #ff0000;">1.phpcms如何更新文章内容,所有的文章,因为有的数据是手动发布文章时,生成的数据(比如keword,还有模型里的增加的字段),如何更新.?如何批量修改文章内容</span>

&nbsp;

<span style="color: #000000;">点击选择不同的数据表或者包含不同的文件</span>
<blockquote><span style="color: #000000;">$tab&nbsp;=&nbsp;($_POST['userType']==1)&nbsp;?&nbsp;'tab1':'tab2';</span>
<span style="color: #000000;"> select&nbsp;*&nbsp;from&nbsp;$tab</span>
<span style="color: #000000;"> $file&nbsp;=&nbsp;($_POST['userType']==1)&nbsp;?&nbsp;'student':'admin';</span>
<span style="color: #000000;"> include($file.'.php');</span></blockquote>
<span style="color: #000000;">输出最后一条mysql</span>
<blockquote><span style="color: #000000;"><strong>$map['userip&nbsp;']'=&nbsp;$ip;
$info=&nbsp;$ipinfo-&gt;where($map)-&gt;select();
echo&nbsp;&nbsp;$ipinfo-&gt;getLastSql();exit;</strong></span></blockquote>
<span style="color: #ff0000;">1.<a style="color: #ff0000;" href="http://www.siyuweb.com/tag/smarty">smarty</a>中{$smarty.const.<strong>module</strong>}是否有其他相关的常量.</span>

<span style="color: #ff0000;">{$smarty.const.<strong>module</strong>}代表当前模块</span>

<span style="color: #ff0000;">{$smarty.const.<strong>SELF</strong>}&nbsp;代表当前页面 ??</span>

<span style="color: #000000;"><strong>小知识点</strong></span>

<span style="color: #000000;">$this-&gt;&nbsp;success("提示信息",URL);</span>

<span style="color: #000000;">$this-&gt;&nbsp;error("提示信息",URL);</span>

&nbsp;

phpcms

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

&nbsp;

&nbsp;

<span style="color: #ff0000;">thinkphp</span>

<span style="color: #ff0000;">1.魔术方法是什么?都有哪些魔术方法?</span>

<span style="color: #ff0000;">2.<a style="color: #ff0000;" href="http://www.siyuweb.com/website/php/162.html">thinkphp使用smarty后&nbsp;success()和err方法如何支持</a></span>
<blockquote><span style="color: #ff0000;">&nbsp;&nbsp; $this -&gt; success('注册成功',U('Index/index'));</span></blockquote>
<span style="color: #ff0000;"><strong>&nbsp;&nbsp; 如何修改可以覆盖父类Model?待续</strong></span>

<span style="color: #ff0000;"><strong>3.熟悉Git、SVN版本维护;</strong></span>

<span style="color: #ff0000;"><strong>熟练redis,memcached缓存机制;
</strong></span>

<span style="color: #ff0000;"><strong>mysql优化具备MYSQL数据库使用经验,具有查询优化和存储优化经验、PHP缓存技术、静态化设计方面的经验;</strong></span>

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

标签:

给我留言

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

用户登录