soyomo
- 浏览: 22297 次
-
最新评论
文章列表
昨天去京东面试了一下前端．可惜没有面试成功．回来根据回忆把这次失败的经历记录下来，来让自己静下心．也可以成为别人的面试参考．
首先介绍一下我的整个面试过程下来对京东前端技术这部分的映象．在面试过程中我了解到京东的后台是用java写的，而且前后端并未实现分离，所以要想去京东面试，必须对java有一定的了解，以及java写前端的一些框架比如:SSH.以及mvc框架的实现原理和机制，这块内容虽然并未在招聘上面写明，不过如果你会这方面的内容，是一个很好很强大的加分项．
其实面试的时候的提问无非就是一些基本的html知识，和css的一些知识，然后就是js的一些基本点，和难点．
第一部分：css
...
闲话少说，直接上代码
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name=”viewport” content=”width=device-width, initial-scale=1,maximum-scale=1″ />
<title>demo</title>
<script type="text/javasc ...
在平时的网页设计中，我们需要考虑网页在各种设备上的适应情况，面对这种适应情况而作出的设计，就是响应式设计。响应式设计的目的是为了让网页在各种设备上都能很好的体现。那么如何才能做到呢？
第一：
我们需要 ...
相信在平时的前端书写过程中，想要弹出一个框的话就用最简单的alert语句就能实现，那么如果要抛开后端抛开数据库，仅仅只用原生的js怎么实现一个弹框并且这个弹框会自动给你加东西呢呢？
你需要写两个html。
第一个：
<!DOCTYPE HTML>
<html>
<head>
<meta charset='utf-8'>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
</head&g ...
这次分享的是jquery的操作，也就是jquery对dom的操作。在html中，html可以是dom的节点，也就是整个html中的任何内容都是dom节点，而要对html进行操作或者修改的话，只要选中dom节点就可以了。而jquery的选择器就能十分有效的对这些节点进行选择，jquery的操作部分就能很便利的对节点进行操作，而我要分享的就是jquery的操作（动作）。
一、js中的dom操作
1、dom创建
dom的节点可以对应html中的每一个部分，当你想要知道DOM节点当前部分的类型的时候你可以用
nodeType
对于创建节点而言，有
document.createElem ...
闲话少说直接上代码
<!DOCTYPE html>//定义文档类型是html
<html>
<head>
<meta charset="UTF-8">//规定字符编码
<title>我是下拉菜单</title>
</head>
<body>
<select id="province" name="pro">//select设置下拉菜单
<option>请选择</opti ...
对于jquery来说，选择器是很强大的一部分，jquery的基本语法是：
$('选择器').动作或者方法();
jquery的选择器基本可以把页面的每个dom节点都能选择到。从而为人们的开发带来了便利，所以选择器是jquery的重头戏。
选择器的分类：
jquery的选择器分成四类：
基本选择器，层次选择器，过滤选择器，表单选择器。
基本选择器
基本选择器最简单也最常用。
//这是一个html片段
<div>
<button class="but" id="one" >按我啊</button>
...
js的鼠标事件是一个很庞大的事件，包括以下几个：
mousedown//鼠标的键钮被按下。
mouseup//鼠标的键钮被释放弹起。
click//单击鼠标的键钮。
dblclick//鼠标的键钮被按下。
contextmenu //弹出右键菜单。
mouseover//鼠标移到目标的上方。
mouseout//鼠标移出目标的上方。
mousemove//鼠标在目标的上方移动。
这其中mousedown和mouseup是有时间先后顺序的，如果点击一个事件，则会监听到：mousedown--mouseup--click这样的一个顺序。
对于获得鼠标的坐标，根据参照系的不同，分 ...
平时编程用到的比较多的是pycharm，这个软件很好很强大，同时老师告诉我说，一个好的程序猿是不需要鼠标的，再者平时我感觉鼠标确实也有点费劲，所以就从网上找了写pycharm的快捷键来。
1、编辑
Ctrl+space基本的代码完成（其中有 类，方法，属性等）
Ctrl+f1 显示错误描述或警告信息
Ctrl + / 行注释
Ctrl + Q 快速查看文档
Ctrl + Shift + / 块注释
Ctrl + Alt + I 自动缩进
Alt + Enter 快速修正
Ctrl+X/Shift+Delete 剪切当前行或选定的代码块到剪贴板
Ctrl+C/Ctrl+Insert 复制当前行或选 ...
在网页中，前端里我们有时需要更改某个特定的文字或者是数值，我们可以用jquery中的选择器来对实现想要的操作。代码如下：
//html代码body部分
<p title=“家具”>家具</p>
<ul>
<li title="椅子">椅子( ...
上篇说道怎么在数据库中添加你的东西那么这回就说，数据库中的东西要怎样才能调用。
说调用的话就得说一下django架构是怎么来走流程的。在这里面主要是url.py文件的路径和view.py文件的调用。在你的网站的文件夹里
[img]
/home/soyomo/图片/2017-05-02 08-27-58屏幕截图.png
[/img]
在我的文件目录里面就是mysite文件夹里的urls.py文件，当你的网站工作的时候，首先访问这个路径，然后根据文件里面的链接，访问我的godos_list文件夹里面的urls.py文件，在这个文件里面会有你的视图渲染路径，在网页文件里面会有
{% load st ...
在用django写网页的时候，数据库内容的调用是少不了的。在前台和后台之间是怎么实现交互的，这个内容在我初次接触的时候感觉到了吃力，现在我讨论一下。
django的数据库的名称是：db.sqlide3
在你创建的项目里面的根目录里面有一个文件叫做models.py这个文件是需要你创建类的。
from django.db import models//这里相当于是在从django,db里面引入models，以方便下面的引用。
class Goods(models.Model)://命名一个类叫做goods，括号里面内容是告诉django在创建一个模型
type= models. ...
jquery是一个js库。
<head>
<script type="text/javascript" src="../scripts/jquery.js"></script>//这句话是在往你的网页中添加jquery;并且只能在head标签里面。src的值是jquery.js的存储路径，每个人不一样,我的scripts的文件夹中。
</head>
既然有路径的话，就需要你去下载jquery了，直接去官网下载就可以。除了从本地来引入还可以：
<script src="http: ...
Ajax全称：Asynchronous JavaScript and XML即异步JavaScript和XML。其实说白了就是不重新加载页面只加载某个部分。而我这里主要说的是jQuery中de AJAX方法。主要是通过HTTP Get 和HTTP Post这两种方法来从服务器上请求数据，从而达到我们所想要得目的。
jQuery 中load()方法是简单强大的AJAX方法，这个方法是在从服务器加载数据，并且返回数据放入选择器选择的元素中。它的语法结构是这样的：
$(selector).load(URL,data,callback);//URL是一个必须参数，就是需要加载的URL，
date ...