2018年09月_Talon不会写代码

原创 canvas绘制图形——圆弧与圆形

canvas 绘制圆弧绘制圆弧使用 context.arc( ) 函数，包含六个参数。context.arc( centerx,centery,radius, startingAngle,endingAngle, anticlockwise = false)分别代表：圆心 x 值，圆心 y 值，半径，开始的弧度值，结束的弧度值，（是否逆时针）。例如：window: ...

2018-09-28 23:32:30 1156

原创 canvas绘制图形——直线、多边形、七巧板

前言canvas 是 html5 中的一个新元素，主要用于图形的绘制，通过 JavaScript 来控制。<canvas> 标签定义一个图形容器，也可以叫做画布，通过 js 脚本可以绘制出各种各样的图像。创建canvas创建 canvas 只需要添加 canvas 标签就可以了，在创建时，除 id 外一般还会定制画布尺寸（width height）。定义画布尺寸不建议使用 css...

2018-09-28 14:04:38 1121

原创 Vue双向绑定原理实现——观察者模式

前言Vue 框架是一种 MVVM 框架，它有一个很大的特点就是数据双向绑定，在开发过程中我们只需要操作 Model ，而不需要修改 View ，使用起来 VR 因吹斯汀。但是它的实现原理并不复杂，主要是运用了设计模式中的观察者模式，也可以说是加了钩子函数。下面用原生 JS 实现一下。代码实现创建模板创建一个 html 模板，包含一个 <input> 和一个 <span&g...

2018-09-26 23:18:24 1682

原创 Vue组件传参

component( ) 自定义组件时经常会用到参数，主要有两种情况：父向子传参、子向父传参。父子传参：在父子传参中需要用到的是 component 中的 props 属性，props 是一个数组，包含了父级组件传来的参数。下面这个例子中，定义了一个 user 组件，用来显示一个名字的 a 标签，当点击时跳转到该名字的页面。用法如下：<!doctype html><ht...

2018-09-26 21:57:28 497

原创 Vue 中自定义组件（包含实例）

Vue 支持自定义组件，方便我们在开发过程中根据自己的项目自定义组件。定义主要是通过 Vue.component( ) 来完成。新建一个 alert.js 文件：// 自定义一个 alert 组件Vue.component('alert', { template: '&lt;button @click="onClick"&gt;弹窗&lt;/button&gt;', methods：{

2018-09-25 23:15:30 2272 1

原创《JavaScript高级程序设计》——JS基本概念之数据类型

ECMAScript 中有五种简单数据类型（基本数据类型）：Undefined、Null、Boolean、Number 和 String。还有一种复杂数据模型：Object。数据类型1 typeof 操作符typeof 用来检测给定变量的数据类型。对一个值使用 typeof 操作符可能返回下列某个字符串：“undefined”——如果这个值未定义；“boolean”——如果这个值是布尔...

2018-09-24 00:49:12 271

前言Vue 框架是一种 MVVM 模型，它有一个很大的特点就是数据双向绑定，在开发过程中我们只需要操作数据，而不需要对 View 进行操作。它的实现原理并不是很复杂，主要是用到了设计模式中的观察者模式，也叫作“钩子函数”。下面我们自己通过观察者模式来实现一个双向绑定：观察者模式观察者模式（钩子函数）非常简单，这里不做详细介绍。简单来说就是，我们通过观察者模式来观察一个对象，当这个对象的值发生...

2018-09-24 00:37:08 263

原创 Ubuntu 16.04 Linux系统内核升级

一查看系统及内核版本查看发布版本号cat /etc/issuelsb_release -a查看内核版本号uname -sruname -a二升级内核Ubuntu内核下载网站：http://kernel.ubuntu.com/~kernel-ppa/mainline/ 拉到最下面下载最新版（名字中含有 “rc” ）打开文件夹后下载对应版本的文件需要下载的有结尾含有"al...

2018-09-19 23:26:37 931

原创 weex：Environment variable $ANDROID_HOME not found !

问题weex 在运行 weex run android 时报错：Environment variable $ANDROID_HOME not found !解决方案配置 ANDROID_HOME：打开配置文件sudo vim ~/.bash_profile添加下列内容：ANDROID_HOME={你SDK的目录地址，比如/Users/Android/sdk}export AN...

2018-09-19 23:04:27 680

原创 Ubuntu 16.04 配置 jdk sdk环境变量

编辑 /etc/profile 文件sudo vim /etc/profile在最后添加：export JAVA_HOME=/usr/lib/jvm/java-1.8.0-openjdk-amd64export PATH=$PATH:$JAVA_HOME/binexport CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools....

2018-09-19 22:47:23 514

原创 Ubuntu 16.04搭建 weex 开发环境

weexweex 是由阿里推出的一个使用 Web 开发体验来开发高性能原生应用的框架。目前主要支持 Vue.js 和 Rax 这两个前端框架。以下内容参考 weex 官方教程安装 weex-toolkit请确保你已经安装了 Node.js，然后全局安装 weex-toolkit。npm install weex-toolkit -g创建项目安装 weex-toolkit 后，可以用...

2018-09-19 22:33:10 645

原创 E: Unable to correct problems, you have held broken packages

问题当使用 apt install 安装时，有时会因为类库之间依赖关系无法满足，导致所要安装的程序不能安装，报出上述错误信息。原因这类问题大多是由于相互依赖的几个库中一个或多个的版本已经更新，而用户要安装的库依赖于这几个库的较低的版本。解决方法:使用aptitudeaptitude与 apt-get 一样，是 Debian 及其衍生系统中功能极其强大的包管理工具。与 apt-get 不...

2018-09-19 21:45:28 6460 1

原创 Ubuntu 16.04安装nodejs

更新软件源sudo apt-get updatesudo apt-get install -y python-software-properties software-properties-commonsudo add-apt-repository ppa:chris-lea/node.jssudo apt-get update安装 nodejssudo apt-get instal...

2018-09-19 21:40:35 175

原创《JavaScript高级程序设计》——JS基本概念之语句与函数

未填

2018-09-18 00:37:01 158

原创《JavaScript高级程序设计》研读（二）——JS基本概念

第三章 JS基本概念书中第三章主要通过第三版 ECMAScript 介绍了 JavaScript 的基本概念，也是 JavaScript 的最主要部分。这一章的很多内容虽然已经掌握，但仍有很多需要注意的地方。1. 语法ECMAScript 语法大量借鉴 C 及其他类 C 语言。1.1 ECMAScript 中的一切（变量、函数名和操作符）全部区分大小写1.2 标识符命名规则：以字母，...

2018-09-18 00:33:39 167

原创《JavaScript高级程序设计》研读（一）——JS简介与在HTML中使用JavaScript

前言：本来打算学习一下主流的前端框架，但是在学习的过程中，深深地感受到了自己基础的薄弱，对很多js的基础知识一知半解，尤其是一些比较冷门或者涉及到底层知识的问题。因此决定先把根基打牢，准备研读一下《JavaScript高级程序设计》，俗话说磨刀不误砍柴工嘛。大一时候刚接触前端，心血来潮买了这本书，结果看了没几页就扔到一边去了。一方面是页数实在太多，更主要的是因为当时对于JS完全零基础，阅...

2018-09-15 01:19:39 181

原创前端面试题（一）

先留个坑，待学艺归来慢慢填

2018-09-14 23:00:43 106

原创 Ubuntu搭建Vuejs环境及测试

安装Vue.js需要提前安装nodejs和npm。nodejs安装：1. 更新Ubuntu源：sudo apt-get updatesudo apt-get install -y python-software-properties software-properties-commonsudo add-apt-repository ppa:chris-lea/node....

2018-09-10 22:46:39 486

原创 Ubuntu chmod修改文件(夹)权限

Ubuntu使用chmod命令来修改文件或文件夹的读写权限。1. chmod [u/g/o/a][+/-/=][r/w/x] file其中:u表示User，文件所有者g表示Group，跟User同组的用户o表示Other，其他用户a表示ALL，所有用户+ 表示增加权限- 表示取消权限= 表示取消之前的权限，并赋予唯一权限r 表示Read，...

2018-09-10 20:17:28 932

原创 Ubuntu18.04修改登录页面背景

Ubuntu18.04默认的登录页面背景是紫色，在系统设置中也没有修改选项。但是我们可以通过修改Ubuntu的系统配置文件来修改登录页面的背景。先找到一张准备用作背景的图片，假设是picture.jpg将该图片移动至/usr/share/backgrounds/目录下(非必须)sudo mv picture.jpg /usr/share/backgrounds/修改18.04相关...

2018-09-07 15:59:12 6716 2

原创 Python3图片转字符画

通过Python3编写一个将图片转为字符画的程序。 github地址一环境Python3 pillow-5.1 sudo pip3 install pillow二原理字符画：字符画是一系列字符的组合，我们可以把字符看作是比较大块的像素，一个字符能表现一种颜色（暂且这么理解吧），字符的种类越多，可以表现的颜色也越多，图片也会更有层次感。...

2018-09-05 23:39:27 2357

原创慕课网imooc免费路径

原版imooc网站上的免费路径合集 https://www.imooc.com/course/programdetail/pid/3：Web前端工程师成长第一阶段(基础篇)_学习路径_慕课网https://www.imooc.com/course/programdetail/pid/11：PHP开发工程师闯关记--初识PHP_学习路径_慕课网https://www.imooc.com/c...

2018-09-02 23:28:15 4436 3

原创解决Ubuntu+Win10时间不一致问题

安装Ubuntu+Windows双系统后，两个系统时间不一致。解决方案：在Ubuntu下更新时间：sudo apt-get install ntpdatesudo ntpdate time.windows.com把时间更新到硬件：sudo hwclock --localtime --systohc重新进入Windows，时间回复正常。...

2018-09-02 23:25:50 3076

原创 Ubuntu报错Could not get lock

Ubuntu 安装时报错： Could not get lock /var/lib/dpkg/lock通过终端安装程序sudo apt-get install xxx时出错：E: Could not get lock /var/lib/dpkg/lock - open (11: Resource temporarily unavailable) E: Unable to l...

2018-09-02 23:24:31 511

原创 Python爬虫框架—Scrapy

Scrapy 是一套基于Twisted的异步处理框架，是纯Python实现的爬虫框架，只需要定制开发几个模块就可以轻松实现一个爬虫，用来抓取网页内容。github地址一开发环境：Ubuntu18.04 Scrapy1.5 Python3 Mongodb3.6 Pycharmpip3 install scrapy sudo apt-get...

2018-09-02 23:22:10 804

原创 Ubuntu18.04安装SublimeText

Ubuntu18.04下安装Sublime Text3，16.04的方法已经不适用。按顺序执行下面命令安装wget -qO - https://download.sublimetext.com/sublimehq-pub.gpg | sudo apt-key add -sudo apt-get install apt-transport-httpsecho "deb http...

2018-09-02 23:20:37 1561

原创 jQuery选择器

选择器是jQuery中非常重要的一部分，jQuery提供了非常丰富的选择器，熟悉使用后可以更加方便的对元素进行操作。一基本选择器1. id选择器：最基本的选择器之一，通过元素的id进行查找，jQuery内部使用的是JS的document.getElementById()函数。用法： $(“#id”)2. 类选择器：通过元素的样式类名进行查找，与id选...

2018-09-02 23:18:59 103

原创 Ubuntu-18.04安装

第一篇博客，记录一下Ubuntu 18.04的安装过程，避免以后再装系统的时候去百度。一：制作系统盘1. 下载镜像从 Ubuntu 官网下载镜像文件。2. 写入硬盘映像工具：UItraISO 在左下角“本地目录”中找到下载好的Ubuntu 18.04镜像文件，双击打开，点击顶部菜单栏中“启动”-“写入硬盘映像”。在弹出的对话框中，“硬盘驱动器”选择要写入的U盘...

2018-09-02 23:17:33 2052

TalonZhang的博客