2019 年 6月随笔档案 - Web引领者

angular 的跨域处理

摘要：angular 的跨域处理，由于不并不支持跨域处理，所以我们对他也是无可奈何，angular 的跨域处理，需要我们在服务器上进行处理，把请求的数据改成 * ，也就是，谁都可以请求数据； angular 本身框架不支持，我们还想跨域，怎么办： 1. 自己写。。。 2. 引入 zepto 或者 jQue 阅读全文

posted @ 2019-06-29 19:56 Web引领者阅读(569) 评论(0) 推荐(0)

angular 的配置文件的应用

摘要：为什么要使用 angular 的配置文件：好处：我们可以在一个页面上，实现多个页面的跳转的感觉，但只是在一个页面上进行的操作；我们的准备工作：下载 angular-route.js 插件在依赖模块中一定要添加 ngRoute 模块，图文解释便可以看到操作配置文件我们要使用的东西：接下来以阅读全文

posted @ 2019-06-29 11:52 Web引领者阅读(472) 评论(0) 推荐(0)

angular 语法的应用

摘要：angular.js 一个js框架，是三大主流框架之一：（ vue react angular ）；原先的开发：前端和后台，利用 Ajax 进行交互，但是框架却提出了一种开发模式：mvc 这中模式应用也是极其广，微信小程序，三大框架，等； mvc m代表：module 仓库 v代表：view 阅读全文

posted @ 2019-06-27 20:45 Web引领者阅读(500) 评论(0) 推荐(0)

淘宝的公共样式

摘要：淘宝的公共样式：阅读全文

posted @ 2019-06-24 17:10 Web引领者阅读(571) 评论(0) 推荐(0)

web编辑器的快捷键

摘要：alt 键：可以同时选中多个光标 .box 按住 tab 键可以快速的 <div class="box"></div> #box 按住 tab 键可以快速的<div id="box"></div> ctrl+c 复制 ctrl+v 粘贴 ctrl+d 键复制当前行的内容到下一行；样式：w10 阅读全文

posted @ 2019-06-23 10:16 Web引领者阅读(766) 评论(0) 推荐(0)

scss 用法及 es6 用法讲解

摘要：scss 用法的准备工作，下载考拉编译工具且目录的名字一定不能出现中文，哪里都不能出现中文，否则就会报错 es6 用法 let 和 const let 声明变量的方式在 {} 代码块里面才有效；且在相同的代码块，不能声明两个相同的变量名，一旦出了这个{} 代码块，此变量无效 const 声阅读全文

posted @ 2019-06-22 10:49 Web引领者阅读(1284) 评论(0) 推荐(0)

sass scss less 的编译工具 koala

摘要：使用 koala 时注意事项： 1.目录中一定不能出现中文，否则就会报错 2.文件中如果出现中文（！注释也算）开头一定要加 @charset "utf-8"; 否则就会出现无法编译的情况；网上给的解决方案用不了，可能时下载的版本问题：进入Koala安装目录，例如：C:\Program File 阅读全文

posted @ 2019-06-22 08:45 Web引领者阅读(237) 评论(0) 推荐(0)

小程序公众号的开发

摘要：面对一个项目的步骤： 1. 整理接口，并在记事本上将写清楚； 2. 分析过程； 3. 实现效果；（前两步比第三步重要） ajax 请求完数据在 success 函数中，进行事件操作，及事件绑定；（最稳妥，最平常的做法）网址：https://mp.weixin.qq.com；我们所有的公众号操作都要阅读全文

posted @ 2019-06-20 21:07 Web引领者阅读(2236) 评论(0) 推荐(0)

小程序的动画效果

摘要：制作动画的方法分为几个步骤 1.创建一个动画实例 var animation=wx.createAnimation() 创建一个动画实例 animation。调用实例的方法来描述动画。最后通过动画实例的 export 方法导出动画数据传递给组件的 animation 属性所以在 wxml 文件上阅读全文

posted @ 2019-06-19 18:29 Web引领者阅读(2690) 评论(0) 推荐(0)

小程序的转发功能

摘要：小程序的目录结构： pages 小程序页面每个页面都有四个文件：wxml wxss js json utils 插件对外暴露接口 app.js 这是一个全局功能文件 app.json 全局配置文件转发的两种实现方式： 1.每个小程序右上角自带转发的功能，几乎每个人都知道这个功能（微信无形中已经阅读全文

posted @ 2019-06-18 16:31 Web引领者阅读(3750) 评论(0) 推荐(0)

json-server 服务器的接口

摘要：服务器接口的数据在浏览器网络地址中，便可查看；获取接口的数据需要在网络地址后面，填写接口的名字即可，（对于 json-server来说）阅读全文

posted @ 2019-06-17 17:22 Web引领者阅读(287) 评论(0) 推荐(0)

小程序开发碰到的问题

摘要：1. radio 组件，如果不做任何设置的时候，他的对号右偏解析：我们要给 radio 的组件设置样式，text-indent:0; 即可 2. radio 组件，我们发现点击一下对勾后，我们便不能对 radio 组件做任何操作解析：我们要绑定事件，对 checked 属性进行修改，便可解决这个阅读全文

posted @ 2019-06-16 19:50 Web引领者阅读(250) 评论(0) 推荐(0)

微信小程序导航（a 连接）自定义组件

摘要：导航：navigator 组件组件上的属性： target：跳到其他小程序（默认是当前小程序），当属性值为 miniProgram 时，跳到别的小程序（如果要跳到别的小程序，需要填写 appid 属性，属性值：别的小程序的 id） open-type：类型字符串打开方式属性值：navi 阅读全文

posted @ 2019-06-13 17:14 Web引领者阅读(1781) 评论(0) 推荐(0)

微信小程序 API 数据缓存

摘要：微信小程序数据缓存（类似于 cookie） wx.setStorage() 将数据存储在本地缓存中制定的 key 中。会覆盖掉原来该 key 对应的内容，数据存储生命周期跟小程序本身一致，即除用户主动删除或超过一定时间被自动清理，否则数据都一直可用，单个key 允许存储的最大数据长度为 1MB，阅读全文

posted @ 2019-06-12 21:23 Web引领者阅读(1262) 评论(0) 推荐(0)

wxs 及获取节点和网络请求

摘要：wxs：微信小程序脚本语言，结合 wxml 可以构建页面的结构在 wxml 中使用 wxs wxs 中的注释：单行注释：// 多行注释：/* */ wxs 在页面中的用法在页面中引用 wxs 文件在 wxs 中使用 wxs 文件 (只能使用相对路径) 通过require 方法微信小程序中阅读全文

posted @ 2019-06-12 16:47 Web引领者阅读(1192) 评论(0) 推荐(0)

小程序的学习

摘要：小程序学习第一步：注册小程序账号官网：https://mp.weixin.qq.com/ 熟悉小程序的发布流程：添加开发者，可以多人开发项目添加开发者的操作：然后设置权限 >就可以实现多人开发了如果想上线的话，需要跟 github 绑定起来学习小程序的开发文档：官网：https://d 阅读全文

posted @ 2019-06-11 16:41 Web引领者阅读(786) 评论(0) 推荐(0)

和他人一起管理GitHub仓库

摘要：和他人一起管理 GitHub 仓库方法打开一个项目的仓库同意好之后在项目中要添加 README.md 文件（重要）要让别人也可以使用 master 主线在上传代码前，一定要使用 git 指令：git pull 同步远程仓库和本地代码不然就会报错另一种同步代码到本地的方式：git 指令：阅读全文

posted @ 2019-06-11 07:48 Web引领者阅读(568) 评论(0) 推荐(1)

微信小程序视频组件

摘要：video 组件视频组件相关的api ：wx.createVideoContext 支持的格式：支持的编码格式 video 组件的属性： src：类型字符串必填　要播放视频的资源地址（支持云文件ID） duration：类型数字指定视频的时长 controls：类型布尔是否显示默阅读全文

posted @ 2019-06-10 21:08 Web引领者阅读(5095) 评论(0) 推荐(0)

微信小程序的音频组件

摘要：audio：音频组件， api 接口为 wx.createInnerAudioContext audio 组件的属性： id：类型字符串 audio 组件的唯一标识 src：类型字符串要播放音频的资源地址 loop：类型布尔是否进行循环播放 controls：类型布尔是否显示默认控件阅读全文

posted @ 2019-06-10 20:10 Web引领者阅读(2411) 评论(0) 推荐(0)

bootstrap 讲解（中）

摘要：bootstrap：常用于后台开发，如学生管理系统，虽然稍显笨重，但也是一个开发的利器推荐下载 3.3.7 版本也可下载最新版4.3.1 （最新版在手机端不起效果）且依赖 jQuery 的封装库，也就是说，想使用 bootstrap 的框架，必须引用 jQuery 的封装库 bootstrap 阅读全文

posted @ 2019-06-10 17:32 Web引领者阅读(335) 评论(0) 推荐(0)

bootstrap框架

摘要：json文件的本质：字符串 line-height：如果是纯数字，那么他占的像素是，当前数字乘当前的字体大小； bootstrap框架，响应式框架，本身就是一个强大的框架，可以运用在手机平板 pc 上 bootstrap框架的核心：栅格系统结构层用 class 为 container 格阅读全文

posted @ 2019-06-06 17:28 Web引领者阅读(325) 评论(0) 推荐(0)

总结 webpack 的插件

摘要：模块化第一步初始化 package.json 文件 node.js 指令 npm init npm的官网：https://www.npmjs.com/ 搜索插件名，查看插件的用法 1.　webpack 虽然并没有什么突出的地方，但是他的插件却非常多且好用； npm node包管理工具，可以对包进行阅读全文

posted @ 2019-06-06 16:37 Web引领者阅读(270) 评论(0) 推荐(0)

如何让css与js分离

摘要：在 webpack 我们如何让 css 与 js 分离；我们需要安装插件：extract-text-webpack-plugin 1. 用：npm 下载插件 npm install extract-text-webpack-plugin --save-dev 2.在官网上查看用法：https:// 阅读全文

posted @ 2019-06-06 16:09 Web引领者阅读(582) 评论(0) 推荐(0)

webpack.config.js文件

摘要：与 package.json 配合使用 var path=require("path");var OpenBrowserPlugin = require('open-browser-webpack-plugin');module.exports={ entry:"./index.js", outpu 阅读全文

posted @ 2019-06-05 15:56 Web引领者阅读(448) 评论(0) 推荐(0)

package.json

摘要：与 webpack.config.js 配合使用目录结构输入指令 npm i 得到 node_modules 均在当前文件下完成内容： { "name": "6.5-1", "version": "1.0.0", "description": "", "main": "index.js", "sc 阅读全文

posted @ 2019-06-05 15:55 Web引领者阅读(203) 评论(0) 推荐(0)

webpack 自动运行，及打包 img css json 的操作 npm插件的使用方法

摘要：没有指令操作的属性生产环境，有指令操作的属于开发环境 webpack：输入指令后，便会自动开启一个浏览器需要插件：open-browser-webpack-plugin 生产环境想使用 node.js 中 path 的方法， var path=require("path") 路径操作 path. 阅读全文

posted @ 2019-06-05 14:08 Web引领者阅读(320) 评论(0) 推荐(0)

webpack

摘要：webpack：前端资源加载或打包工具资源：img js css json等第一步下载： npm install webpack@3.8.1 --save-dev（局部） npm install -g webpack@3.8.1 （全局）全局部分开发/生产环境 webpack -v 查看是否下载阅读全文

posted @ 2019-06-04 17:26 Web引领者阅读(185) 评论(0) 推荐(0)

node.js npm 操作模块化开发 cnpm镜像安装

摘要：模块（包）传统引入 js 的缺点整个网页，我们写了一个 js 文件，所有的特效都在里面耦合度太高，代码之间关联性太强，不便于后期维护变量容易全局污染如果将复杂的 js 文件，拆成多个功能的 js 文件缺点：发生的请求过多，依赖模糊，难于维护这是传统的开发模式，都被抛弃掉了所以我阅读全文

posted @ 2019-06-03 15:27 Web引领者阅读(289) 评论(0) 推荐(0)

微信小程序 API 网络（ajax）

摘要：网络 API 类似于 ajax 向服务器请求网络地址，唯一不同的是这个请求有很多的规则，且必须向服务器上请求，不能在本地请求网络发送请求： wx.request() 发起https网络请求参数：对象对象的属性： url：类型字符串开发者服务器的接口地址（且拥有诸多的限制，必须是https 阅读全文

posted @ 2019-06-02 19:30 Web引领者阅读(1700) 评论(0) 推荐(0)