![](https://img-blog.csdnimg.cn/20190226134303857.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端进阶专题
前端进阶专题
coder阿龙
这个作者很懒,什么都没留下…
展开
-
【小技巧】后端渲染前端字符串 如何判断是否全部加载完成
文章目录1.需求分析2.代码逻辑1.需求分析后端不做重点,前端框架也不做重点,现在已知页面上的某些dom$(function(){ //获取数据})无法通过以上方法去获取数据,例如页面上有异步的ifream,那该怎么监听页面全部加载完成呢?2.代码逻辑$(function() { youMethod();})利用jquery的onload的事件去执行我们的方法方法里面需...原创 2019-05-29 14:22:56 · 570 阅读 · 0 评论 -
【小技巧】外部js 通过url的数据 赋值给Vue表单
环境 vue + jquery文章目录1.获取url数据的方法2.配置3.内容渲染4.封装参数5.执行注意,千万不要用jquery的选择器去替换,否则替换失败,必须要用原生的h5选择器!1.获取url数据的方法//获取url参数function getUrlParam() { //取参数 var url = window.location.search; //定义一个空对象 var...原创 2019-05-29 14:16:01 · 1070 阅读 · 0 评论 -
HTML/JQuery/CSS实现滚动公告特效组件(可配置)
文章目录1 需求2 js插件1 需求需求是需要在几个页面上去滚动,可经过后端可配置2 js插件本人自己写了个插件,首先先在页面上去创建一个div和引入一个js<div id="main"></div><script src="js/welcom.js"></script>js插件内容$(function(){ //获取首次url...原创 2019-05-13 14:17:52 · 1565 阅读 · 0 评论 -
自学ReatNative(二)HelloWorld和样式
1 helloworld2 样式在 React Native 中,你并不需要学习什么特殊的语法来定义样式。我们仍然是使用 JavaScript 来写样式。所有的核心组件都接受名为style的属性。这些样式名基本上是遵循了 web 上的 CSS 的命名,只是按照 JS 的语法要求使用了驼峰命名法,例如将background-color改为backgroundColor。style属性可以是...原创 2018-12-31 10:03:01 · 222 阅读 · 0 评论 -
自学ReatNative(一)环境安装
1 React Native简介React Native使你只使用JavaScript也能编写原生移动应用。 它在设计原理上和React一致,通过声明式的组件机制来搭建丰富多彩的用户界面。2 沙盒模式环境搭建官方链接 : https://reactnative.cn/docs/getting-started.html三步骤: npm install -g create-react-nat...原创 2018-12-31 10:02:24 · 515 阅读 · 1 评论 -
在Canvas上进行标注和自适应分辨率获取标注的绝对精准坐标并完成标注的增删改查
文章目录1.在canvas上进行标注1、首先先获取鼠标的x,y2、鼠标移入canvas后,鼠标变成标注icon3、点击canvas后,进行标注4、取消绘制2.删除标注1、渲染一个删除按钮在每个标注上1.在canvas上进行标注连接后台,需要有添加标注的后端接口1、首先先获取鼠标的x,y // 获取X 和 Y windowToCanvas(canvas,x,y){ ...原创 2019-03-05 10:04:29 · 3081 阅读 · 3 评论 -
前端Chrome控制台报错汇总
文章目录1、 Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'2、Invalid or unexpected token3、2 arguments required, but only 1 present.系列4、 XXX(变量名) is not defined5、Identifier XXX(...原创 2019-03-01 10:00:31 · 3289 阅读 · 0 评论 -
原生JavaScript精选好用的代码片段
文章目录1.实现base64解码2.实现utf8解码3.半角转换为全角函数4.全角转换为半角函数5. 清除html代码中的脚本6.获取当前元素样式7.格式化CSS样式代码8.压缩CSS样式代码9.常用的正则表达式10.格式化数字、金额11.操作DOM class12.分解url1.实现base64解码function base64_decode(data){ var b64 = "AB...原创 2019-02-15 10:05:47 · 312 阅读 · 0 评论 -
使用Chameleon制作移动端多平台前端开发入门
文章目录1.概念1.介绍2.背景3.设计理念4.跨端目标5.学习全景图6.开发语言2.安装1.安装环境2.创建项目与启动3.目录与文件结构1.概念1.介绍Chameleon/kəˈmiːlɪən/,简写CML,中文名卡梅龙;中文意思变色龙,意味着就像变色龙一样能适应不同环境的跨端整体解决方案。2.背景研发同学在端内既追求h5的灵活性,也要追求性能趋近于原生。 面对入口扩张,主端、独立端、...原创 2019-01-29 14:28:13 · 1578 阅读 · 0 评论 -
JavaScript实现截图并下载
文章目录1.引入相关js2.触发事件按钮3.展示div4.js5.样式1.引入相关js<script type="text/javascript" src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script><script type="text/javascript"...原创 2019-01-28 10:36:27 · 4217 阅读 · 0 评论 -
tracking.js实现前端人脸识别
1.下载https://trackingjs.com/2.运行例子纳总一下发现效果里面的代码为&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&原创 2019-01-28 10:24:32 · 16584 阅读 · 5 评论